Fullstack JavaScript-utvecklare - kurs 59 200 RUB. från Innopolis University, utbildning 4 månader

jag. Inledande. Toolkit, git, projektinställning

I det första blocket kommer vi att förse alla kursdeltagare med en uppsättning verktyg som behövs för att gå vidare genom ämnena. Individuella installationskonsultationer kommer att hållas, under vilka vi bestämmer individuella mål för kursen, baserat på din personliga utvecklingserfarenhet. Som ett resultat av detta block kommer du att lära dig hur du självständigt konfigurerar sammansättningen av en SPA-applikation med vilken CSS-förprocessor som helst som använder webpack. Och få också en grundläggande förståelse för Typescript-språket och funktionerna i dess konfiguration och användning.

— I den första lektionen kommer vi att visa dig den nödvändiga uppsättningen verktyg, hur du installerar och konfigurerar dem. Du lär dig hur du skapar ett React-projekt från grunden.

— Bekanta dig med grunderna i Typescript-språket och dess skillnader från JavaScript.

II. Reagera

Under det andra blocket kommer team att bildas, samråd går över till teammöten. Vid sådana möten kommer vi att besluta om projektet, bilda en uppsättning funktionalitet, vilket kommer att vara vårt mål för kursen. Du kommer att utveckla layouter och i slutet av blocket har du lagt ut alla sidor i teamprojektet i React.

— Låt oss bekanta oss med historien om framväxten av webbramverk, diskutera fördelar och nackdelar med React och börja utveckla de första komponenterna i React.

— Låt oss studera de bästa metoderna för att organisera strukturen för en React-applikation. Låt oss dyka in i detaljerna för att rendera React-komponenter. Låt oss börja använda den moderna CSS-IN-JS-metoden för att styla React-komponenter baserade på stilade komponenter.

— Låt oss lära oss hur man arbetar korrekt med huvudkomponenterna i React-komponenter - Props och State, vilket kommer att bidra till att ge komponenterna flexibilitet. Låt oss ta reda på den korrekta metoden för att interagera med DOM-element från React-komponenter.

— Låt oss fortsätta att studera React API, titta på sätt att interagera med underordnade komponenter och lära oss hur man undviker problemet med ändlösa rekvisita som använder sammanhang. Låt oss ta en titt på ett alternativt tillvägagångssätt för att utöka kapaciteten hos en React-komponent.

— Låt oss analysera livscykeln för en komponent, förstå hur man implementerar den, vilket gör att vi kan berika komponenter med nya typer av logik.

— Låt oss förstå hur React kunde helt gå bort från klasskomponenter till funktionella med det nya Hooks-mönstret. Låt oss bekanta oss med Reacts grundläggande krokar.

— Vi kommer att ta reda på exakt hur växling mellan sidor fungerar utan att ladda om, och även implementera React-Router i arbetet.

— Låt oss lära oss hur man utvecklar flerspråkiga React-applikationer.

— Låt oss titta på sätt att introducera flexibilitet i gränssnittsstyling, arbeta med teman (till exempel ljus/mörkt), arbeta med ikoner och animationer med lotty som exempel.

III. Nodejs

I det här steget kommer du att implementera din server i Node.js med hjälp av Express.js-biblioteket. Implementera ett API för ett teamprojekt. Lär dig arbeta i brevbärarprogrammet. Lär dig grunderna för att använda en docker-bild med exemplet att arbeta med Mongodb-databasen.

— Introduktion till Node.js, dess historia och grunderna i pakethanteraren.

— Ta reda på hur Node.js fungerar med filer, hur moduler skapas och publiceras, och bekanta dig med funktionerna i denna process.

— Lär dig att bygga en server på Node.js med hjälp av Express.js-ramverket.

— Fortsätter att studera funktionerna hos servern på Express.js.

IV. på nytt

Efter att ha slutfört detta block kommer du att förstå hur interaktion med backend-API: t sker i en modern React-applikation. Lär dig att utveckla och administrera stubbar för lokal utveckling, lär dig hur du gör en konfigurerbar mikrogränssnittsapplikation för att fungera med en riktig server.

— För att få en djupgående förståelse för hur Redux-tillståndshanteraren fungerar, låt oss skriva vår egen version och förstå grunderna för att använda Redux.

— Låt oss i praktiken se hur och varför Redux används i sin klassiska form.

— Bemästra användningen och förstå konceptet med väljare med och utan krokar.

— Baserat på tidigare kunskap, låt oss överväga en mer modern användning av Redux tack vare @reduxjs/toolkit-biblioteket.

— Låt oss förstå krångligheterna med att arbeta med servern och platsen för Redux i denna process.

V. Skoj

I det här blocket kommer vi att utforska hur och varför man testar en webbapplikation. Du kommer att lära dig hur du testar din applikation och ökar din kodtesttäckning till industristandarden på 80 %. Du kommer att lära dig principerna för applikationstestning med hjälp av Jest-biblioteket som exempel.

— Låt oss prata om varför man överhuvudtaget behöver skriva prov och hur man gör det snabbt och effektivt.

— Mästare att sätta upp Jest-testramverket från grunden.

— Fortsättning på föregående ämne med fokus på enhetstestning.

— Du kommer att se hur du lägger till UI-tester i projektet.

VI. Ensidig applikation

I det här blocket kommer vi att utforska tekniker som kommer att användas i alla moderna webbapplikationer och blir tillgängliga efter att stödet från Internet Explorer tagits bort. Detta hände den 15 juni 2022.

— Låt oss bekanta oss med idén med en ensidig ansökan.

— Låt oss ta reda på hur du skriver ditt eget komponentbibliotek.

— Låt oss bemästra multithreading på Node.js.

— Låt oss skriva en chatt på ett webbuttag. Du kommer att hacka den med dina egna händer i klassen, och även lära dig hur du försvarar dig mot sådana attacker.

— Låt oss titta på att skapa din egen videochatt för två.

— Låt oss bekanta oss med grunderna för att sätta upp en server på Nginx och balansera. Vi kommer också att lära oss hur du kopplar ihop sökmotorer med vår SPA-applikation.

Försvar av slutprojektet