Intrati in legatura

Schița de curs

Introducere

  • Ce este Angular?
  • Angular vs React vs Vue
  • Prezentarea generală a funcționalităților ș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
  • Afișarea 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 ale componentelor

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 providers

Module

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

Data Binding

  • Înțelegerea diferenței dintre data binding unidirecțional și bidirecțional
  • Crearea și utilizarea property binding, event binding și sintaxa banana-in-a-box
  • Utilizarea variabilelor de referință a șabloanelor

Routing

  • Înțelegerea rolului routing-ului î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 template-driven și reactive
  • Crearea și validarea formularelor folosind form controls, form groups, form arrays, etc.
  • Utilizarea validatorilor încorporați, cum ar fi required, minLength, maxLength, etc.
  • Crearea și utilizarea validatorilor personalizați

HTTP Client

  • Înțelegerea rolului HTTP client în Angular 16
  • Crearea și utilizarea cererilor HTTP pentru a comunica cu serviciile backend
  • Utilizarea observables 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 breakpoints, watch expressions, call stack, etc. pentru a depana codul

Testare

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

Rezumat și Pași Următori

Cerințe

  • Înțelegerea 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 din versiunile anterioare ale Angular
  • Programatori care doresc să exploreze noile funcționalități și actualizări ale Angular 16
 28 Ore

Numărul de participanți


Pret per participant

Mărturii (2)

Cursuri viitoare

Categorii înrudite