Fullstack JavaScript developer - tečaj 59 200 RUB. sa Sveučilišta Innopolis, obuka 4 mjeseca

ja Uvodni. Alati, git, postavljanje projekta

U prvom bloku ćemo svim polaznicima tečaja pružiti set alata potrebnih za napredovanje kroz teme. Održat će se individualne konzultacije o instalaciji, tijekom kojih ćemo odrediti individualne ciljeve za tečaj, na temelju vašeg osobnog iskustva razvoja. Kao rezultat ovog bloka, naučit ćete kako samostalno konfigurirati sklop SPA aplikacije s bilo kojim CSS predprocesorom pomoću webpacka. Također steknite osnovno razumijevanje jezika Typescript i značajki njegove konfiguracije i upotrebe.

— U prvoj lekciji pokazat ćemo vam potreban skup alata, kako ih instalirati i konfigurirati. Naučit ćete kako postaviti izgradnju React projekta od nule.

— Upoznati se s osnovama jezika Typescript i njegovim razlikama u odnosu na JavaScript.

II. Reagirati

Tijekom drugog bloka formirat će se timovi, konzultacije će prijeći u sastanke timova. Na takvim sastancima ćemo odlučiti o projektu, formirati skup funkcionalnosti, što će nam biti cilj tečaja. Razvit ćete izglede i do kraja bloka ćete rasporediti sve stranice timskog projekta u Reactu.

— Upoznajmo se s poviješću nastanka web okvira, razgovarajmo o prednostima i nedostacima Reacta i počnimo razvijati prve komponente u Reactu.

— Proučimo najbolje prakse za organiziranje strukture React aplikacije. Uronimo u detalje renderiranja React komponenti. Počnimo koristiti moderni CSS-IN-JS pristup oblikovanju React komponenti na temelju styled-components.

— Naučimo kako ispravno raditi s glavnim komponentama React komponenti - Props i State, što će pomoći dodati fleksibilnost komponentama. Idemo otkriti ispravnu metodu interakcije s DOM elementima iz React komponenti.

— Nastavimo proučavati React API, pogledajmo načine interakcije s podređenim komponentama i naučimo kako izbjeći problem beskrajnih rekvizita rekvizita korištenjem konteksta. Pogledajmo alternativni pristup proširenju mogućnosti komponente React.

— Analizirajmo životni ciklus komponente, shvatimo kako je implementirati, što će nam omogućiti obogaćivanje komponenti novim vrstama logike.

— Shvatimo kako se React uspio potpuno odmaknuti od klasnih komponenti prema funkcionalnim pomoću novog uzorka Hooks. Upoznajmo se s osnovnim hookovima Reacta.

— Saznat ćemo kako točno funkcionira prebacivanje između stranica bez ponovnog učitavanja, a također ćemo implementirati React-Router u posao.

— Naučimo kako razvijati višejezične React aplikacije.

— Pogledajmo načine uvođenja fleksibilnosti u stiliziranje sučelja, rad s temama (na primjer, svijetlo/tamno), rad s ikonama i animacijama koristeći lotty kao primjer.

III. Nodejs

U ovom koraku implementirat ćete svoj poslužitelj u Node.js pomoću biblioteke Express.js. Implementacija API-ja za timski projekt. Naučite raditi u programu poštar. Naučite osnove korištenja docker slike na primjeru rada s Mongodb bazom podataka.

— Uvod u Node.js, njegovu povijest i osnove upravitelja paketima.

— Saznajte kako Node.js radi s datotekama, kako se kreiraju i objavljuju moduli te se upoznajte sa značajkama ovog procesa.

— Naučite izgraditi poslužitelj na Node.js pomoću okvira Express.js.

— Nastavak proučavanja značajki poslužitelja na Express.js.

IV. Redux

Nakon dovršetka ovog bloka, razumjet ćete kako se interakcija s backend API-jem odvija u modernoj React aplikaciji. Naučite razvijati i administrirati stubove za lokalni razvoj, naučite kako izraditi konfigurabilnu mikrofrontend aplikaciju za rad sa stvarnim poslužiteljem.

— Kako bismo stekli dubinsko razumijevanje načina na koji radi Reduxov upravitelj stanja, napišimo vlastitu verziju i shvatimo osnove korištenja Reduxa.

— Pogledajmo u praksi kako i zašto se Redux koristi u svom klasičnom obliku.

— Ovladati korištenjem i razumjeti koncept selektora sa i bez kuka.

— Na temelju prethodnog znanja, razmotrimo moderniju upotrebu Reduxa zahvaljujući biblioteci @reduxjs/toolkit.

— Razumimo zamršenost rada s poslužiteljem i mjesto Reduxa u ovom procesu.

V. šala

U ovom bloku ćemo istražiti kako i zašto testirati web aplikaciju. Naučit ćete kako testirati svoju aplikaciju i povećati pokrivenost testom koda na industrijski standard od 80%. Naučit ćete principe testiranja aplikacija koristeći Jest biblioteku kao primjer.

— Razgovarajmo o tome zašto uopće trebate pisati testove i kako to učiniti brzo i učinkovito.

— Ovladajte postavljanjem okvira za testiranje Jest od nule.

— Nastavak prethodne teme s fokusom na testiranje jedinice.

— Vidjet ćete kako dodati UI testove projektu.

VI. Aplikacija na jednoj stranici

U ovom bloku istražit ćemo tehnologije koje će se koristiti u svim modernim web aplikacijama i koje će postati dostupne nakon uklanjanja podrške iz Internet Explorera. To se dogodilo 15. lipnja 2022.

— Upoznajmo se s idejom aplikacije na jednoj stranici.

— Hajdemo saznati kako napisati vlastitu biblioteku komponenti.

— Svladajmo višenitnost na Node.js.

— Napišimo chat na web socketu. Hakirat ćete ga vlastitim rukama na satu, a naučit ćete i kako se obraniti od takvih napada.

— Pogledajmo stvaranje vlastitog videochata za dvoje.

— Upoznajmo se s osnovama postavljanja poslužitelja na Nginxu i balansiranja. Također ćemo naučiti kako povezati tražilice s našom SPA aplikacijom.

Obrana završnog rada