Schița de curs
Dezvoltarea aplicațiilor front-end moderne
- prezentare generală și asemănări între React, Angular, Vue.js
- randare declarativă
- componente - definirea etichetelor HTML personalizate
- utilizarea create-react-app pentru inițializarea unui proiect React
JavaScript modern
- dezvoltare cu node.js și npm
- versiuni JavaScript
- lucrul cu module
- funcții și funcții arrow
- clase
- programare funcțională în JavaScript (map, filter, ...)
TypeScript
- tipizare statică vs dinamică
- declararea tipurilor variabilelor, funcțiilor și claselor
- tipuri de date de bază
- tupluri, obiecte
- interfețe
- generice
Limbajul de template React
- limbaj de template 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 input în stare
Componente: blocurile de construcție ale aplicațiilor web moderne
- definirea etichetelor HTML personalizate în React
- state, props & evenimente
- fluxul de date între componente
- componente funcționale și componente de tip clasă
- utilizarea hooks în componentele funcționale
- evenimentele ciclului de viață al componentelor (mount, update, unmount)
- includerea componentelor predefinite dintr-o bibliotecă
Gestionarea stării cu Redux
- elementele de bază Redux: gestionarea stării cu funcții pure, reduceri și date imutabile
- utilizarea reducer hook în React
- integrarea Redux într-o aplicație React
- componente de prezentare și componente container
- ecosistemul Redux
- gestionarea evenimentelor asincrone cu Thunk
- preluarea datelor de la un REST API
Instrumente pentru dezvoltatori și testare
- React developer tools
- Redux developer tools
- testarea JavaScript cu Jest
- testarea reducerelor
- testarea componentelor React
React Router
- rutare pe partea de client
- afișarea diferitelor vizualizări în funcție de ruta curentă din browser
Dezvoltarea aplicațiilor cu React
- scurtă prezentare a React Native
- crearea unei aplicații mobile și desktop instalabile cu Progressive Web Apps
- comparație între Progressive Web Apps și aplicațiile native
Cerințe
- cunoștințe de bază HTML
- experiență cu JavaScript
Mărturii (7)
A fost foarte util să înțeleg în sfârșit temeinic câteva dintre conceptele de bază din React, în special lucruri precum state și hooks. Łukasz a oferit explicații foarte clare și a fost deschis să experimenteze cu exemple practice pentru a clarifica întrebările suplimentare pe care le-am avut.
Hayden Pike - Powerlink Queensland
Curs - React, Redux and TypeScript
Tradus de catre o masina
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
