Schița de curs
Dezvoltarea aplicațiilor moderne pentru front-end
- prezentare generală și asemănări între React, Angular, Vue.js
- randare declarativă
- componente - definirea de tag-uri HTML personalizate
- utilizarea create-react-app pentru a inițializa un proiect React
JavaScript modern
- dezvoltare folosind node.js și npm
- versiuni de JavaScript
- lucrul cu module
- funcții și funcții săgeată
- clase
- programare funcțională în JavaScript (map, filter, ...)
TypeScript
- tipizare statică vs dinamică
- declararea tipurilor de variabile, funcții și clase
- tipuri de date de bază
- tupluri, obiecte
- interfețe
- generice
Limbajul de șablon React
- limbaj de șablon bazat pe JavaScript: JSX
- setarea proprietăților elementelor
- repetarea elementelor
- if / else
- evenimente
- clase și stiluri CSS
Gestionarea stării în React
- setarea și modificarea stării aplicației
- utilizarea state hook și setState
- capturarea conținutului elementelor de intrare în stare
Componente: Blocuri de construcție ale aplicațiilor web moderne
- definirea de tag-uri HTML personalizate în React
- stare, proprietăți și evenimente
- flux de date între componente
- componente funcționale și componente de clasă
- utilizarea hooks în componentele funcționale
- evenimente de ciclu de viață ale componentelor (montare, actualizare, demontare)
- includerea componentelor predefinite dintr-o bibliotecă
Gestionarea stării cu Redux
- Bazele Redux: gestionarea stării cu funcții pure, reductoare și date imutabile
- utilizarea reducer hook în React
- integrarea Redux într-o aplicație React
- componente prezentationale și de container
- ecosistemul Redux
- gestionarea evenimentelor asincrone cu Thunk
- preluarea datelor dintr-un API REST
Instrumente de dezvoltare și testare
- instrumente de dezvoltare React
- instrumente de dezvoltare Redux
- Testarea JavaScript cu Jest
- Testarea reductoarelor
- Testarea componentelor React
React Router
- rutare pe partea de client
- afișarea diferitelor vizualizări în funcție de ruta curentă din browser
Dezvoltarea de aplicații cu React
- scurtă prezentare generală a React Native
- crearea unei aplicații mobile și desktop instalabile cu Progressive Web Apps
- compararea dintre Progressive Web Apps și aplicațiile native
Cerințe
- Bazele HTML
- experiență cu JavaScript
Mărturii (7)
Detaliiile, modul de explicare și calma și încrederea pe care instrucționarul le inspire.
Cosmin Ghergheles - Ness
Curs - React, Redux and TypeScript
Tradus de catre o masina
A abordat componentele de bază
Valentin
Curs - React, Redux and TypeScript
Tradus de catre o masina
Enthusiasmul lui Lukasz.
Eloise Phelps - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina
Cum Luke a făcut un efort bun pentru a ajuta persoanele individual atunci când aveau probleme cu rularea codului. Luke a fost extrem de prietenos și s-a înțeles bine cu participanții la curs.
Jonathan Grout - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina
Implicarea instrctorului cu toți participanții a fost excelentă, fiecare a primit ajutor în vreo fază a cursului. A fost o experiență foarte bună în general, mai ales pentru persoanele care nu erau familiarizate cu subiectul.
Tayyab Ejaz Mushtaq - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina
M-a plăcut faptul că s-a simțit ca un mediu sigur și nu m-am simțit intimidat să împărtășesc ecranul și dificultățile mele cu instrucționist sau grup.
Wanda Hawkins-Kavanagh - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina
M-a impresionat faptul că cursul includea exerciții. Mi-a plăcut modul în care Lukasz a încercat să ne ajute pe fiecare și cum a gestionat anxietatea unor alti participanți. M-a bucurat de cunoștințele sale în domeniu.
Samuel Irsai - Dunelm
Curs - React, Redux and TypeScript
Tradus de catre o masina