Fullstack JavaScript-udvikler - kursus RUB 59.200. fra Innopolis University, uddannelse 4 måneder

JEG. Indledende. Toolkit, git, projektopsætning

I den første blok vil vi give alle kursister et sæt værktøjer, der er nødvendige for at komme videre gennem emnerne. Der vil blive afholdt individuelle installationskonsultationer, hvor vi fastlægger individuelle mål for kurset, baseret på din personlige udviklingserfaring. Som et resultat af denne blok vil du lære, hvordan du selvstændigt konfigurerer samlingen af ​​en SPA-applikation med en hvilken som helst CSS-forprocessor ved hjælp af webpack. Og få også en grundlæggende forståelse af Typescript-sproget og funktionerne i dets konfiguration og brug.

— I den første lektion vil vi vise dig det nødvendige sæt værktøjer, hvordan du installerer og konfigurerer dem. Du lærer, hvordan du opretter et React-projekt fra bunden.

— Bliv bekendt med det grundlæggende i Typescript-sproget og dets forskelle fra JavaScript.

II. Reagere

I løbet af anden blok vil der blive dannet teams, konsultationer vil skifte til teammøder. På sådanne møder vil vi tage stilling til projektet, danne et sæt af funktionalitet, som vil være vores mål for kurset. Du vil udvikle layouts og ved slutningen af ​​blokken vil du have lagt alle siderne i teamprojektet i React.

— Lad os stifte bekendtskab med historien om fremkomsten af ​​web-frameworks, diskutere fordele og ulemper ved React og begynde at udvikle de første komponenter i React.

— Lad os studere den bedste praksis til at organisere strukturen af ​​en React-applikation. Lad os dykke ned i detaljerne omkring gengivelse af React-komponenter. Lad os begynde at bruge den moderne CSS-IN-JS tilgang til styling af React-komponenter baseret på stylede-komponenter.

— Lad os lære, hvordan man arbejder korrekt med hovedkomponenterne i React-komponenter - Props og State, som vil hjælpe med at tilføje fleksibilitet til komponenterne. Lad os finde ud af den korrekte metode til at interagere med DOM-elementer fra React-komponenter.

— Lad os fortsætte med at studere React API, se på måder at interagere med underordnede komponenter på og lære, hvordan man undgår problemet med endeløse rekvisitter ved hjælp af kontekst. Lad os tage et kig på en alternativ tilgang til at udvide mulighederne for en React-komponent.

— Lad os analysere en komponents livscyklus, forstå, hvordan man implementerer den, hvilket vil give os mulighed for at berige komponenter med nye typer logik.

— Lad os forstå, hvordan React var i stand til helt at bevæge sig væk fra klassekomponenter til funktionelle ved hjælp af det nye Hooks-mønster. Lad os stifte bekendtskab med de grundlæggende kroge i React.

— Vi finder ud af præcis, hvordan skift mellem sider fungerer uden at genindlæse, og implementerer også React-Router i arbejdet.

— Lad os lære at udvikle flersprogede React-applikationer.

— Lad os se på måder at introducere fleksibilitet i interface-styling, arbejde med temaer (for eksempel lys/mørke), arbejde med ikoner og animationer ved at bruge Lotty som eksempel.

III. Nodejs

I dette trin vil du implementere din server i Node.js ved hjælp af Express.js-biblioteket. Implementering af en API til et teamprojekt. Lær at arbejde i postbudsprogrammet. Lær det grundlæggende i at bruge et docker-billede ved at bruge eksemplet med at arbejde med Mongodb-databasen.

— Introduktion til Node.js, dets historie og det grundlæggende i pakkehåndteringen.

— Find ud af, hvordan Node.js fungerer med filer, hvordan moduler oprettes og publiceres, og gør dig bekendt med funktionerne i denne proces.

— Lær at bygge en server på Node.js ved hjælp af Express.js frameworket.

— Fortsætter med at studere funktionerne på serveren på Express.js.

IV. Redux

Efter at have fuldført denne blok, vil du forstå, hvordan interaktion med backend-API'en opstår i en moderne React-applikation. Lær at udvikle og administrere stubs til lokal udvikling, lær hvordan du laver en konfigurerbar mikrofrontend-applikation til at fungere med en rigtig server.

— For at få en dybtgående forståelse af, hvordan Redux-statschefen fungerer, lad os skrive vores egen version og forstå det grundlæggende ved at bruge Redux.

— Lad os se i praksis, hvordan og hvorfor Redux bruges i sin klassiske form.

— Mestre brugen og forstå konceptet med vælgere med og uden kroge.

— Baseret på tidligere viden, lad os overveje en mere moderne brug af Redux takket være @reduxjs/toolkit-biblioteket.

— Lad os forstå forviklingerne ved at arbejde med serveren og Redux' plads i denne proces.

V. Spøg

I denne blok vil vi undersøge, hvordan og hvorfor man tester en webapplikation. Du vil lære, hvordan du tester din applikation og øger din kodetestdækning til industristandarden på 80 %. Du vil lære principperne for applikationstestning ved at bruge Jest-biblioteket som eksempel.

— Lad os tale om, hvorfor du overhovedet skal skrive test, og hvordan du gør det hurtigt og effektivt.

— Mester opsætning af Jest-testrammerne fra bunden.

— Fortsættelse af forrige emne med fokus på enhedstest.

— Du vil se, hvordan du tilføjer UI-test til projektet.

VI. Enkeltside applikation

I denne blok vil vi udforske teknologier, der vil blive brugt i alle moderne webapplikationer og bliver tilgængelige efter fjernelse af support fra Internet Explorer. Dette skete den 15. juni 2022.

— Lad os stifte bekendtskab med ideen om en enkeltsides ansøgning.

— Lad os finde ud af, hvordan du skriver dit eget komponentbibliotek.

— Lad os mestre multithreading på Node.js.

— Lad os skrive en chat på en web-socket. Du vil hacke det med dine egne hænder i klassen og også lære, hvordan du forsvarer dig mod sådanne angreb.

— Lad os se på at oprette din egen videochat for to.

— Lad os stifte bekendtskab med det grundlæggende i at opsætte en server på Nginx og balancere. Vi vil også lære, hvordan du forbinder søgemaskiner med vores SPA-applikation.

Forsvar af det afsluttende projekt