Schița de curs

Dezvoltarea de aplicații front-end moderne

  • prezentare generală și asemănări ale React, Angular, Vue.js
  • redare declarativă
  • componente - definirea etichetelor HTML personalizate
  • folosind create-react-app pentru a inițializa un proiect React.

Modern JavaScript

  • dezvoltarea folosind node.js și npm
  • JavaVersiuni de script
  • lucrul cu module
  • funcții și funcții săgeți
  • clase
  • programare funcțională în JavaScript (hartă, filtru, ...)

TypeScript

  • tastare statică vs dinamică
  • declararea unor tipuri de variabile, funcții și clase
  • tipuri de date de bază
  • tupluri, obiecte
  • interfețe
  • generice

React limbajul șablonului

  • JavaLimbajul șablonului bazat pe script: JSX
  • stabilirea proprietăților elementului
  • elemente repetate
  • daca/altfel
  • evenimente
  • CSS clase și stiluri

Gestionarea statului în React

  • setarea și modificarea stării aplicației
  • folosind cârligul de stat și setState
  • captarea conținutului elementelor de intrare în stare

Componente: Elemente de bază ale aplicațiilor web moderne

  • definirea etichetelor HTML personalizate în React
  • stat, recuzită și evenimente
  • fluxul de date între componente
  • componente de funcție și componente de clasă
  • folosirea cârligelor în componentele funcționale
  • evenimente din ciclul de viață al componentelor (montare, actualizare, demontare)
  • inclusiv componente predefinite dintr-o bibliotecă

Management de stat cu Redux

  • Redux elemente de bază: gestionarea stării cu funcții pure, reductoare și date imuabile
  • folosind cârligul reductor în React
  • integrarea Redux într-o aplicație React.
  • componente de prezentare și containere
  • ecosistemul Redux.
  • gestionarea evenimentelor asincrone cu Thunk
  • preluarea datelor dintr-un API REST

Instrumente pentru dezvoltatori și testare

  • React instrumente pentru dezvoltatori
  • Redux instrumente pentru dezvoltatori
  • Testarea JavaScriptul cu Jest
  • Testarea reductoarelor
  • Testarea React componentelor

React Router

  • rutare pe partea clientului
  • afișarea diferitelor vizualizări în funcție de ruta curentă a browserului

Dezvoltare de aplicații cu React

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

Cerințe

  • Bazele HTML
  • experiență cu JavaScript
  • .
  21 ore
 

Numărul de participanți


Dată început

Dată sfârșit


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

Mărturii (8)

Cursuri înrudite

Relay: Efficiently Fetch Data in React Applications

  14 ore

Categorii înrudite