Fullstack JavaScript fejlesztő – tanfolyam 59 200 RUB. az Innopolis Egyetemről, képzés 4 hónap

ÉN. Bevezető. Eszközkészlet, git, projektbeállítás

Az első blokkban minden kurzus résztvevőt biztosítunk a témákban való előrehaladáshoz szükséges eszközökkel. Egyéni szerelési konzultációkat tartunk, amelyek során az Ön személyes fejlődési tapasztalatai alapján határozzuk meg a tanfolyam egyéni céljait. A blokk eredményeként megtanulhatja, hogyan lehet önállóan konfigurálni egy SPA-alkalmazás összeállítását bármely CSS-előfeldolgozóval webpack használatával. Ezenkívül alapszintű ismereteket szerezhet a Typescript nyelvről, valamint konfigurációjának és használatának jellemzőiről.

— Az első leckében bemutatjuk a szükséges eszközkészletet, azok telepítését és konfigurálását. Megtanulja, hogyan állíthat be egy React projektet a semmiből.

— Ismerkedjen meg a Typescript nyelv alapjaival és a JavaScripttől való különbségeivel.

II. Reagál

A második blokk során csapatok alakulnak, a konzultációk áttérnek a csapattalálkozókra. Az ilyen megbeszéléseken döntünk a projektről, kialakítunk egy funkcionalitást, ami a kurzussal kapcsolatos célunk lesz. Elrendezéseket fog fejleszteni, és a blokk végére a csapatprojekt összes oldalát kirakja a Reactban.

— Ismerkedjünk meg a webes keretrendszerek kialakulásának történetével, beszéljük meg a React előnyeit és hátrányait, és kezdjük el a React első komponenseinek fejlesztését.

— Tanulmányozzuk a React-alkalmazások szerkezetének szervezésének legjobb gyakorlatait. Merüljünk el a React összetevők renderelésének részleteiben. Kezdjük el használni a modern CSS-IN-JS megközelítést a React komponensek stílusos összetevők alapján történő stíluszásához.

— Tanuljuk meg, hogyan kell helyesen dolgozni a React komponensek fő összetevőivel – Props and State, ami segít rugalmasabbá tenni az összetevőket. Találjuk ki a React összetevőiből származó DOM-elemekkel való interakció helyes módszerét.

— Folytassuk a React API tanulmányozását, nézzük meg a gyermekkomponensekkel való interakció módjait, és tanuljuk meg, hogyan kerülhetjük el a kontextust használó végtelen kellékek problémáját. Vessünk egy pillantást egy alternatív megközelítésre a React összetevő képességeinek bővítésére.

— Elemezzük egy komponens életciklusát, értsük meg, hogyan valósítsuk meg, ami lehetővé teszi, hogy új típusú logikával gazdagítsuk a komponenseket.

- Értsük meg, hogyan tudott a React teljesen elmozdulni az osztályösszetevőktől a funkcionálisak felé az új Hooks minta segítségével. Ismerkedjünk meg a React alapvető kampóival.

— Megtudjuk, hogyan működik pontosan az oldalak közötti váltás újratöltés nélkül, és a React-Routert is beépítjük a munkába.

— Tanuljuk meg a többnyelvű React alkalmazások fejlesztését.

— Nézzük meg a rugalmasság bevezetésének módjait az interfész stílusában, a témákkal (például világos/sötét), ikonokkal és animációkkal való munkavégzés során, példaként a lottó segítségével.

III. Nodejs

Ebben a lépésben az Express.js könyvtár használatával implementálja a kiszolgálót a Node.js-ben. API megvalósítása csapatprojekthez. Tanulj meg dolgozni a postás programban. Tanulja meg a docker kép használatának alapjait a Mongodb adatbázissal való munka példáján keresztül.

— A Node.js bemutatása, története és a csomagkezelő alapjai.

— Ismerje meg, hogyan működik a Node.js fájlokkal, hogyan készülnek és publikálnak a modulokat, és ismerkedjen meg e folyamat jellemzőivel.

— Ismerje meg, hogyan építhet szervert Node.js-en az Express.js keretrendszer használatával.

— Az Express.js kiszolgáló funkcióinak tanulmányozásának folytatása.

IV. Redux

A blokk befejezése után meg fogja érteni, hogyan történik interakció a háttér API-val egy modern React alkalmazásban. Ismerje meg, hogyan fejleszthet és adminisztrálhat csonkcsonkokat a helyi fejlesztéshez, hogyan készíthet konfigurálható microfrontend alkalmazást, hogy működjön egy valódi szerverrel.

— A Redux állapotkezelő működésének alapos megértéséhez írjuk meg a saját verziónkat, és ismerjük meg a Redux használatának alapjait.

— Lássuk a gyakorlatban, hogyan és miért használják a Reduxot klasszikus formájában.

— Sajátítsa el a horgokkal és horgok nélküli szelektorok használatát és megértse a fogalmát.

— Az eddigi ismeretek alapján fontoljuk meg a Redux modernebb használatát a @reduxjs/toolkit könyvtárnak köszönhetően.

— Ismerjük meg a szerverrel való munka bonyolultságát és a Redux helyét ebben a folyamatban.

V. Tréfa

Ebben a blokkban megvizsgáljuk, hogyan és miért teszteljünk egy webalkalmazást. Megtanulja, hogyan tesztelheti alkalmazását, és hogyan növelheti a kódteszt lefedettségét az ipari szabvány 80%-ára. Az alkalmazástesztelés alapelveit a Jest könyvtár példaként használva tanulja meg.

— Beszéljünk arról, hogy miért kell egyáltalán teszteket írni, és hogyan lehet ezt gyorsan és hatékonyan megtenni.

— Sajátítsa el a Jest tesztkeretrendszer nulláról történő beállítását.

— Az előző téma folytatása az egységtesztre fókuszálva.

— Látni fogja, hogyan adhat hozzá felhasználói felület teszteket a projekthez.

VI. Egyoldalas alkalmazás

Ebben a blokkban olyan technológiákat fedezünk fel, amelyeket minden modern webalkalmazásban használni fognak, és az Internet Explorer támogatásának megszüntetése után elérhetővé válnak. Ez 2022. június 15-én történt.

— Ismerkedjünk meg az egyoldalas pályázat ötletével.

— Nézzük meg, hogyan írhat saját komponenskönyvtárat.

— Sajátítsuk el a többszálú Node.js-t.

— Írjunk csevegést egy webaljzatra. Saját kezűleg fogja feltörni az órán, és megtanulja, hogyan védekezzen az ilyen támadások ellen.

— Nézzük meg, hogyan hozhat létre saját videocsevegést két személy számára.

— Ismerkedjünk meg az Nginx szerver beállításának és a kiegyenlítés alapjaival. Azt is megtanuljuk, hogyan kapcsolhatjuk össze a keresőmotorokat SPA alkalmazásunkkal.

A végleges projekt megvédése