Intrati in legatura

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 inițializarea unui 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
  • fluxul de date între componente
  • componente funcționale și componente de clasă
  • utilizarea hooks în componente funcționale
  • evenimente ale ciclului de viață al 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 componente container
  • ecosistemul Redux
  • gestionarea evenimentelor asincrone cu Thunk
  • preluarea datelor de la un API REST

Instrumente pentru dezvoltatori și testare

  • Instrumente pentru dezvoltatori React
  • Instrumente pentru dezvoltatori Redux
  • Testarea JavaScript cu Jest
  • Testarea reductoarelor
  • Testarea componentelor React

React Router

  • rutare pe partea de client
  • afișarea diferitelor vizualizări bazate pe ruta curentă a browserului

Dezvoltarea de aplicații cu React

  • scurtă prezentare a React Native
  • crearea unei aplicații mobile și desktop instalabile cu Progressive Web Apps
  • compararea între Progressive Web Apps și aplicațiile native

Cerințe

  • Bazele HTML
  • experiență cu JavaScript
 21 Ore

Numărul de participanți


Pret per participant

Mărturii (7)

Cursuri viitoare

Categorii înrudite