Curs de pregatire Angular 17

Introducere în Angular 17

• Ce este Angular?
• Angular vs React vs Vue
• Prezentarea generală a funcționalităților și arhitecturii Angular 17
• Configurarea mediului de dezvoltare

Primele pas cu Angular 17

• Crearea unui proiect nou Angular 17 folosind Angular CLI
• Explorarea structurii proiectului și a fișierelor
• Rularea și servirea aplicației
• Afișarea datelor folosind interpolare și expresii

Componente

• Înțelegerea rolului componentelor în Angular 17
• Crearea și utilizarea componentelor
• Trimiterea datelor între componente folosind inputs și outputs
• Utilizarea hook-urilor de ciclu de viață ale componentelor

Directive

• Înțelegerea diferenței dintre directive structurale și de atribut
• Crearea și utilizarea directivelor integrate, cum ar fi ngIf, ngFor, ngSwitch etc.
• Crearea și utilizarea directivelor custom

Pipes

• Înțelegerea scopului pipes-urilor în Angular 17
• Crearea și utilizarea pipes-urilor integrate, cum ar fi date, currency, json etc.
• Crearea și utilizarea pipes-urilor custom

Servicii

• Înțelegerea rolului serviciilor în Angular 17
• Crearea și utilizarea serviciilor
• Injectarea dependențelor folosind providers

Module

• Înțelegerea rolului modulelor în Angular 17
• Crearea și utilizarea modulelor
• Importarea și exportul modulelor

Data Binding

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

Routing

• Înțelegerea rolului routing-ului în Angular 17
• Crearea și configurarea rutelor
• Navigarea între rute folosind routerLink și router.navigate()
• Utilizarea parametrilor de rută, parametrilor de query și fragmentelor

Formulare

• Înțelegerea diferenței dintre formularele template-driven și cele reactive
• Crearea și validarea formularelor folosind form controls, form groups, form arrays etc.
• Utilizarea validatorilor integrați, cum ar fi required, minLength, maxLength etc.
• Crearea și utilizarea validatorilor custom

Client HTTP

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

Flux de control declarativ nou

• Explicarea noii sintaxi a blocurilor de control din template și a modului în care simplifică sarcini comune precum renderizarea condițională, buclele și gestionarea colecțiilor goale
• Furnizarea de exemple de utilizare a noilor blocuri, cum ar fi @if, @else, @switch, @case, @default, @for și @empty
• Comparația noii sintaxi cu cea anterioară, cum ar fi *ngIf, *ngSwitch și *ngFor
• Menționarea modului în care noile blocuri de control susțin aplicațiile zoneless cu signals

Blocuri de încărcare diferită (Deferred Loading)

• Explicarea conceptului de deferred loading și a modului în care poate îmbunătăți performanța și experiența utilizatorului în aplicațiile web
• Prezentarea noului bloc @defer care permite lazy-loading-ul conținutului blocului și al dependențelor sale
• Furnizarea de exemple de utilizare a blocului @defer pentru diferite scenarii, cum ar fi încărcarea componentelor, directivelor, pipes-urilor, animațiilor și stilurilor
• Menționarea modului în care blocul @defer lucrează cu noul API de tranziții de vizualizare

API-ul de tranziții de vizualizare

• Explicarea scopului și beneficiilor API-ului de tranziții de vizualizare, care permite dezvoltatorilor să personalizeze animațiile și tranzițiile dintre view-uri
• Prezentarea noii directive withViewTransitions care permite utilizarea API-ului de tranziții de vizualizare
• Furnizarea de exemple de utilizare a directivei withViewTransitions cu diferite tipuri de tranziții, cum ar fi fade, slide, zoom și flip
• Menționarea modului în care API-ul de tranziții de vizualizare lucrează cu router-ul Angular și istoricul browserului

Alte funcționalități și îmbunătățiri

• Sumarizarea pe scurt a unor alte funcționalități și îmbunătățiri oferite de Angular 17, cum ar fi:
• Susținerea transmiterii @Component.styles ca șir de caractere
• Code-ul de animații din Angular poate fi lazy-loaded
• Susținere pentru TypeScript 5.2
• API-ul de bază pentru signals este acum stabil
• Susținerea pentru Node.js v16 a fost eliminată, iar versiunea minimă de suport este v18.13.0
• Esbuild va fi builder-ul implicit, iar dev server-ul implicit va folosi Vite