Reageeri veebikursus. Komplekssete klientrakenduste arendus - tasuta kursus HTML Akadeemiast, koolitus 9 nädalat, Kuupäev 15.10.2023.
Varia / / December 04, 2023
Miks on kursus professionaalne?
Sellel kursusel õpid tegema tõelisi projekte, mis on sama keerukusastmega kui tööstuses. Ja teete neid õigesti, nii et pärast koolitust annaksite kõrgetasemelisi tulemusi, mille eest ettevõtted on nõus maksma.
Mida oodata treeningu ajal
Elab
Otsesaated, milles õpetajad analüüsivad keerulisi küsimusi teooriast ja praktikast. Need toimuvad kell 19-21 Moskva aja järgi, registreeruda saab järgmisel päeval.
Harjuta
Pärast loengut teete kodutööd, milles töötate oma projektiga ja tugevdate kursuse materjali.
Koodi ülevaatus
Mentor kontrollib ülesannete kvaliteeti ja jagab oma kogemusi, kuidas paremini teha.
1. jaotis TypeScripti sissejuhatus
Vaatleme kursuse töö skeemi. Uurime, mis on TypeScript ja milliseid probleeme see lahendab. Tutvume tüübisüsteemiga ja mõistame, kuidas trükkimisprotsess toimub. Õppime, kuidas kompilaatorit konfigureerida, ja vaatame põhiseadeid. Seejärel liigume edasi praktika juurde ja mõistame trükitud koodi kirjutamise funktsioone: korteežid, liidesed, üldnimetused jne.
Organisatsioonilised asjad.
Projektide läbivaatamine.
Kursusel töötamise skeem.
Sissejuhatus TypeScripti.
Mis on TypeScript ja milliseid probleeme see lahendab?
Tüübisüsteem.
Kuidas TypeScripti kood muutub JavaScriptiks.
Infrastruktuur: kompilaatori sätted.
Märkused ja automaatne tüübijäreldus.
Harjutage TypeScripti kasutamist.
Objektide, massiivide, funktsioonide tippimine.
Generics.
Kordad.
Liidesed, tüübialiased.
2. jagu Reageerige
Sissejuhatus Reacti teegisse. Uurime, milliseid probleeme see lahendab ja kuidas see võib esiotsa arendust lihtsustada. Valmistame ette projekti aluse, kasutades tööriista Create React App (CRA). Õpime kasutama CRA jaoks malle. Seejärel tutvume React teegi põhifunktsioonidega (JSX, komponendid, andmeedastus komponentide vahel).
Reageerige.
Mis on React.
Kuidas React töötab?
Milliseid probleeme see tõhusalt lahendab?
Virtuaalne DOM.
Infrastruktuur.
Looge rakendus React.
TypeScript.
JSX
Mille poolest see erineb HTML-ist?
Põhilised töömeetodid.
Komponent lähenemine.
Reageerige komponendid.
Rekvisiidid. Andmete edastamine atribuutide kaudu.
Koosseis.
Renderduskomponendid.
Renderdusloendid.
Tingimuslik renderdamine.
3. jaotis Marsruutimine (React Router)
Uurime, kuidas on SPA-s marsruutimine korraldatud. Lisame projekti React Router ja vaatame paketi võimalusi: marsruudid, ümbersuunamised, privaatmarsruudid jne.
Marsruutimine SPA-s.
Ajaloo API.
Marsruut, link, ümbersuunamise komponendid.
Marsruudi juhtimine.
4. jagu Reageerige komponendid. Konksud
Laiendame oma teadmisi Reacti ja komponentide kohta. Õpime juhtima olekut, kasutama komponentide sündmusi ja elutsükli meetodeid. Teeme tutvust React Hookidega ja õpime, kuidas klassi komponente nendega asendada. Õpime vormidega töötamist.
osariik.
Ühesuunaline andmevoog.
Funktsionaalsed komponendid, klassikomponendid, PureComponent.
React Hooksi tutvustus.
Elutsükli meetodid.
Reageerida ja vormid.
Jaotis 5 Reageerimine ja mustrid
Vaatame küsimust, mis on tarkvara arhitektuur ja kuidas seda kujundada. Tutvume ja õpime kujundusmustreid praktikas rakendama.
Disain.
Mis vahe on heal ja halval programmil?
Miks disainida tarkvara. Disaini eesmärgid.
Tarkvara arhitektuur.
Disaini tööriistad.
Disaini mustrid.
Milliseid probleeme mustrid lahendavad?
Millest muster koosneb?
Disainimustrite tüübid.
Mustrid rakenduses React.
Kodakondsuseta komponendid.
Puhverserveri komponendid.
Kõrgemat sorti komponendid.
Renderdamise rekvisiidid.
Pakkuja.
Reage Konksud ja mustrid.
6. jagu Riigijuhtimine. Redux
Tutvume Fluxi arhitektuuriga: toimingud, dispetšerid, vaated ja poed. Ühendame Reduxi projektiga ja värskendame koodibaasi.
Flux arhitektuur.
Hoiustamine, dispetšer, toimingud.
Redux.
Vahevara.
Reduxi funktsionaalsuse laiendamine.
Jaotis 7 Asünkroonsus Reduxis
Õpime, kuidas asünkroonset koodi vahevara abil Reduxi sünkroonsesse töösse juurutada. Õpime, kuidas serveriga Axiose paketti kasutades suhelda. Saame tuttavaks pealtkuulajatega.
Redux-tunk.
Axios.
Jaotis 8 Toimivuse optimeerimine
Arutleme Reacti rakenduste jõudluse üle: millised funktsioonid seal on, millele peaksite komponentide kujundamisel kõigepealt tähelepanu pöörama. Seejärel heidame pilgu Reduxi tööriistakomplektile ja õpime, kuidas seda kasutada Reduxiga töötamisel standardkoodist vabanemiseks.
Komponentide profileerimine.
Komponentide värskenduste haldus.
Memoiseerimine.
Reduxi tööriistakomplekt.
Jaotis 9 Testimine Reageerida
Tutvume Reacti rakenduste testimise tööriistade ja tehnikatega. Seadistame üles testimise infrastruktuuri ja kirjutame komponentidele testid.
Naljakas.
Reaktsiooni testimise raamatukogu.
Esimene kaitsenädal
Töö lõpetamine projektiga ja ettevalmistus lõpukaitsmiseks.
Kaitse teine nädal
Projekti esimene hindamine läbivaatava mentori poolt vastavalt kvaliteedikriteeriumidele.
Kolmas nädal kaitset
Projekti täiustamine läbivaatava mentori kommentaaride põhjal ja teiseks hindamiseks esitamine.
Jaotis 10 Lõplik
Teeme kokkuvõtte kursusest ja määrame Reacti ja selle ökosüsteemi uurimise edasise vektori. Seejärel arutame tulevastes väljaannetes oodatavaid uusi Reacti funktsioone.
Neljas nädal kaitset
Lõplike toimetuste tegemine ja lõpliku hinde saamine.
G
Gantelka
26.04.2022 G.
Mulle väga meeldis!
Eelised: 1) Praegused materjalid. 2) Hästi üles ehitatud treeningplaan. 3) juurdepääsetav teabe esitamine. 4) Individuaalne lähenemine. Puudused: õppemaks ei ole kõige odavam, kuid sagedased kingitused ja allahindlused aitavad. Lisaks on kursustel saadud teadmised seda väärt. Hiljuti läbinud Htmlacademy kursuse "React. Komplekssete kliendirakenduste arendamine." Suurepärane kursus! Palju, palju teooriat ja palju muud...