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

Începutul

  • Crearea unui nou proiect Angular 16 folosind Angular CLI
  • Explorarea structurii și fișierelor proiectului
  • Pornirea și servirea aplicației
  • Afisarea datelor folosind interpolare și expresii

Componente

  • Înțelegerea rolului componentelor în Angular 16
  • Crearea și utilizarea componentelor
  • Transmiterea datelor între componente folosind intrări și ieșiri
  • Utilizarea lifecycle hooks

Directive

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

Pipe-uri

  • Î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 dependențelor folosind furnizori

Module

  • Înțelegerea rolului modulelor în Angular 16
  • Crearea și utilizarea modulelor
  • Importarea și exportarea modulelor

Legături de date

  • Înțelegerea diferenței dintre legătura unidirecțională și bidirecțională
  • Crearea și utilizarea legăturilor de proprietate, legăturilor de eveniment și sintaxei banana-in-a-box
  • Utilizarea variabilelor de referință din șablon

Rutare

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

Formulare

  • Înțelegerea diferenței dintre formularele bazate pe șablon și cele reactive
  • Crearea și validarea formularelor folosind controale de formular, grupuri de formular, tablouri de formular, 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 de backend
  • Utilizarea observabilelor pentru a gestiona fluxurile de date asincrone
  • Utilizarea interceptoarelor pentru a modifica sau gestiona cererile sau răspunsurile HTTP

Depanare

  • Înțelegerea erorilor și bug-urilor comune în aplicațiile Angular 16
  • Utilizarea Chrome DevTools pentru a inspecta elemente, surse, rețea, consolă, etc.
  • Utilizarea punctelor de întrerupere, expresiilor de urmărire, stivei de apeluri, etc. pentru a depana codul

Testare

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

Rezumat și pași următori

Cerințe

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

Publicul țintă

  • Dezvoltatori care doresc să învețe cum să folosească Angular 16 pentru a crea aplicații web dinamice și responsive
  • Dezvoltatori care doresc să își îmbunătățească abilitățile față de 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 (5)

Cursuri viitoare

Categorii înrudite