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
 21 Ore

Numărul de participanți


Pret per participant

Mărturii (7)

Cursuri viitoare

Categorii înrudite