Reaguoti internetinis kursas. Sudėtingų klientų programų kūrimas – nemokamas HTML akademijos kursas, mokymai 9 savaitės, Data 2023 m. spalio 15 d.

1 skyrius „TypeScript“ įvadas
Apsvarstykime kurso darbo schemą. Išsiaiškinkime, kas yra „TypeScript“ ir kokias problemas jis sprendžia. Susipažinkime su tipo sistema ir suprasime, kaip vyksta spausdinimo procesas. Sužinokime, kaip sukonfigūruoti kompiliatorių ir pažvelkime į pagrindinius nustatymus. Tada pereikime prie praktikos ir supraskime įvesto kodo rašymo ypatybes: eilutes, sąsajas, bendruosius žodžius ir pan.

Organizaciniai reikalai.

Projektų peržiūra.
Kurso darbo schema.

Įvadas į TypeScript.

Kas yra „TypeScript“ ir kokias problemas jis sprendžia?
Tipo sistema.
Kaip „TypeScript“ kodas virsta „JavaScript“.
Infrastruktūra: kompiliatoriaus nustatymai.
Anotacijos ir automatinė tipo išvada.

Praktikuokite naudodami TypeScript.

Objektų, masyvų, funkcijų tipavimas.
Generics.
Kortelės.
Sąsajos, tipo slapyvardžiai.

2 skyrius Reaguoti
Įvadas į React biblioteką. Sužinokime, kokias problemas jis išsprendžia ir kaip gali supaprastinti priekinės dalies kūrimą. Paruoškime projekto pagrindą naudodami įrankį Create React App (CRA). Sužinokime, kaip naudoti CRA šablonus. Tada susipažinsime su pagrindinėmis React bibliotekos ypatybėmis (JSX, komponentais, duomenų perdavimu tarp komponentų).

Reaguoti.

Kas yra Reaguoti.
Kaip veikia React?
Kokias problemas jis efektyviai išsprendžia?
Virtualus DOM.

Infrastruktūra.

Sukurkite programą „React“.
TypeScript.

JSX

Kuo jis skiriasi nuo HTML?
Pagrindiniai darbo metodai.

Komponentinis požiūris.

Reaguokite komponentus.
Rekvizitas. Duomenų perdavimas per nuosavybes.
Sudėtis.

Atvaizdavimo komponentai.

Atvaizdavimo sąrašai.
Sąlyginis atvaizdavimas.

3 skirsnis Maršruto parinkimas (React Router)
Išsiaiškinkime, kaip SPA organizuojamas maršrutas. Pridėkime prie projekto „React Router“ ir pažiūrėkime į paketo galimybes: maršrutus, nukreipimus, privačius maršrutus ir pan.

Maršrutas SPA.
Istorijos API.
Maršruto, nuorodos, peradresavimo komponentai.
Maršruto valdymas.

4 skyrius Reaguokite komponentams. Kabliukai
Išplėskime savo žinias apie React ir komponentus. Išmokime valdyti būseną, naudoti įvykius ir komponentų gyvavimo ciklo metodus. Susipažinkime su „React Hooks“ ir sužinokime, kaip jais pakeisti klasės komponentus. Išmokime dirbti su formomis.

valstybė.
Vienakryptis duomenų srautas.
Funkciniai komponentai, klasės komponentai, PureComponent.
React Hooks įvadas.

Gyvavimo ciklo metodai.

Reaguoti ir formuotis.

5 skyrius Reagavimas ir modeliai
Pažvelkime į klausimą, kas yra programinės įrangos architektūra ir kaip ją sukurti. Susipažinkime ir išmokime praktiškai pritaikyti dizaino modelius.

Dizainas.

Kuo skiriasi gera programa nuo blogos?
Kodėl reikia kurti programinę įrangą. Dizaino tikslai.
Programinės įrangos architektūra.
Dizaino įrankiai.

Dizaino modeliai.

Kokias problemas išsprendžia modeliai?
Iš ko susideda modelis?
Dizaino modelių tipai.

„React“ modeliai.

Komponentai be pilietybės.
Tarpinio serverio komponentai.
Aukštesnės eilės komponentai.
Atvaizdavimo rekvizitai.
Teikėjas.
Reaguoti Kabliukai ir raštai.

6 skirsnis Valstybės valdymas. Redux
Susipažinkime su Flux architektūra: veiksmai, dispečeriai, rodiniai ir parduotuvės. Prisijungiame prie Redux projekto ir atnaujiname kodų bazę.

Flux architektūra.
Sandėliavimas, dispečeris, veiksmai.

Redux.

Tarpinės programinės įrangos.

„Redux“ funkcijų išplėtimas.

7 skirsnis „Redux“ asinchronija
Sužinokime, kaip įdiegti asinchroninį kodą į sinchroninį Redux veikimą naudojant tarpinę programinę įrangą. Sužinokime, kaip bendrauti su serveriu naudojant Axios paketą. Susipažinkime su gaudytojais.

Redux-thunk.

Axios.

8 skirsnis Našumo optimizavimas
Pakalbėkime apie „React“ programų veikimą: kokios jos funkcijos, į ką pirmiausia reikėtų atkreipti dėmesį kuriant komponentus. Tada pažvelgsime į „Redux“ įrankių rinkinį ir sužinosime, kaip jį naudoti norint atsikratyti pagrindinio kodo dirbant su „Redux“.

Komponentų profiliavimas.
Komponentų atnaujinimo valdymas.
Atmintinė.
Redux įrankių rinkinys.

9 skyrius Bandymas Reaguoti
Susipažinkime su React programų testavimo įrankiais ir technikomis. Sukursime testavimo infrastruktūrą ir rašysime komponentų testus.

Juokas.
Reakcijos testavimo biblioteka.

Pirmoji gynybos savaitė
Darbų su projektu užbaigimas ir pasirengimas galutinei gynimui.

Antroji gynybos savaitė
Pirmasis projekto įvertinimas, kurį atlieka peržiūros mentorius pagal kokybės kriterijus.

Trečia gynybos savaitė
Projekto tobulinimas pagal peržiūros mentoriaus pastabas ir pateikimas antrajam vertinimui.

10 skirsnis, galutinis
Apibendrinkime kursą ir nustatykime tolesnį React ir jo ekosistemos tyrimo vektorių. Tada aptarsime naujas „React“ funkcijas, kurių tikimasi būsimuose leidimuose.

Ketvirtoji gynybos savaitė
Galutiniai pakeitimai ir galutinio pažymio gavimas.