Schița de curs

Introducere

  • Ce este Angular?
  • Angular vs React vs Vue
  • Prezentare generală a caracteristicilor și arhitecturii Angular 16
  • Configurarea mediului de dezvoltare

Noțiuni introductive

  • Crearea unui nou proiect Angular 16 utilizând Angular CLI
  • Explorarea structurii proiectului și a fișierelor
  • Rularea și servirea aplicației
  • Afișarea datelor utilizând interpolarea și expresiile

Componente

  • Înțelegerea rolului componentelor în Angular 16
  • Crearea și utilizarea componentelor
  • Transmiterea datelor între componente utilizând intrări și ieșiri
  • Utilizarea cârligelor pentru ciclul de viață al componentelor

Directive

  • Înțelegerea diferenței dintre directivele structurale și directivele de atribute
  • Crearea și utilizarea directivelor încorporate, cum ar fi ngIf, ngFor, ngSwitch etc.
  • Crearea și utilizarea directivelor personalizate

Conducte

  • Înțelegerea scopului pipe-urilor în Angular 16
  • Crearea și utilizarea pipe-urilor încorporate, cum ar fi date, currency, json etc.
  • Crearea și utilizarea pipe-urilor personalizate

Servicii

  • Înțelegerea rolului serviciilor în Angular 16
  • Crearea și utilizarea serviciilor
  • Injectarea de dependențe utilizând furnizorii

Module

  • Înțelegerea rolului modulelor în Angular 16
  • Crearea și utilizarea modulelor
  • Importul și exportul de module

Legătura de date

  • Înțelegerea diferenței dintre legarea de date unidirecțională și bidirecțională
  • Crearea și utilizarea legării proprietăților, a legării evenimentelor și a sintaxei banana-in-a-box
  • Utilizarea variabilelor de referință ale șabloanelor

Rutarea

  • Înțelegerea rolului rutării în Angular 16
  • Crearea și configurarea rutelor
  • Navigarea între rute utilizând routerLink și router.navigate
  • Utilizarea parametrilor de rută, a parametrilor de interogare și a fragmentelor

Formulare

  • Înțelegerea diferenței dintre formularele bazate pe șabloane și cele reactive
  • Crearea și validarea formularelor utilizând controale de formulare, grupuri de formulare, matrice de formulare etc.
  • Utilizarea validatorilor încorporați, cum ar fi required, minLength, maxLength etc.
  • Crearea și utilizarea validatorilor personalizați

Client HTTP

  • Înțelegerea rolului clientului HTTP în Angular 16
  • Crearea și utilizarea cererilor HTTP pentru a comunica cu serviciile backend
  • Utilizarea observabilelor pentru a gestiona fluxurile de date asincrone
  • Utilizarea interceptorilor pentru a modifica sau a gestiona cererile sau răspunsurile HTTP

Depanarea

  • Înțelegerea erorilor și a erorilor comune în aplicațiile Angular 16
  • Utilizarea Chrome DevTools pentru a inspecta elementele, sursele, rețeaua, consola etc.
  • Utilizarea punctelor de întrerupere, a expresiilor de observare, a stivei de apeluri etc. pentru depanarea codului

Testarea

  • Înțelegerea importanței testării în aplicațiile Angular 16
  • Utilizarea Jest ca un cadru de testare alternativ
  • Utilizarea Karma ca un test runner pentru testele unitare
  • Utilizarea Protractor ca instrument de testare end-to-end

Rezumat și pași următori

Cerințe

  • O înțelegere a HTML, CSS și JavaScript
  • Experiență cu TypeScript și RxJS
  • Experiență de dezvoltare web

Audiență

  • Dezvoltatorii care doresc să învețe cum să utilizeze Angular 16 pentru a crea aplicații web dinamice și receptive
  • Dezvoltatorii care doresc să își actualizeze competențele de la versiunile anterioare ale Angular
  • Programatori care doresc să exploreze noile caracteristici și actualizări ale Angular 16
 28 ore

Numărul de participanți



Pret per participant

Mărturii (10)

Cursuri înrudite

Categorii înrudite