Curs de pregatire Angular 17

Introducere în Angular 17

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

Primele pași

• Crirea unui proiect nou în Angular 17 folosind Angular CLI
• Explorarea structurii proiectului și a fișierelor
• Rulare și servirea aplicației
• Afișarea datelor folosind interpolarea și expresiile

Componente

• Înțelegerea rolului componentelor în Angular 17
• Crirea și utilizarea componentelor
• Trimiterea datelor între componente folosind inputs și outputs
• Utilizarea hook-urilor de ciclul de viață al componentei

Directive

• Înțelegerea diferenței dintre directive structurale și directive de atribut
• Crirea și utilizarea directive-lor integrate precum ngIf, ngFor, ngSwitch etc.
• Crirea și utilizarea directive-lor personalizate

Pipes

• Înțelegerea scopului pipes în Angular 17
• Crirea și utilizarea pipes integrate precum date, currency, json etc.
• Crirea și utilizarea pipes personalizate

Servicii

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

Module

• Înțelegerea rolului modulelor în Angular 17
• Crirea și utilizarea modulelor
• Importarea și exportarea modulelor

Legarea datelor (Data Binding)

• Înțelegerea diferenței dintre legarea unidirecțională și bidirecțională a datelor
• Crirea și utilizarea legării de proprietăți, legării de evenimente și a sintaxei "banana-in-a-box"
• Utilizarea variabilelor de referință din template

Rutare

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

Formulare (Forms)

• Înțelegerea diferenței dintre formulare drive de template și formulare reactive
• Crirea și validarea formularelor folosind controale de formular, grupuri de formular, array-uri de formular etc.
• Utilizarea validatorilor integrați precum required, minLength, maxLength etc.
• Crirea și utilizarea validatorilor personalizate

Client HTTP

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

Flux de control declarativ nou

• Explicarea noii sintaxe de blocuri de control în template și a modului în care simplifică sarcini comune precum randarea condițională, buclele și gestionarea colecțiilor goale
• Furnizarea de exemple de utilizare a noilor blocuri, precum @if, @else, @switch, @case, @default, @for și @empty
• Compararea noii sintaxe cu cea anterioară, precum *ngIf, *ngSwitch și *ngFor
• Mentionarea modului în care noul flux de control declarativ susține aplicațiile zoneless cu semnale

Blocuri de încărcare diferențiată (Deferred Loading Blocks)

• Explicarea conceptului de încărcare diferențiată și a modului în care poate îmbunătăți performanța și experiența utilizatorului în aplicațiile web
• Introducerea noului bloc de control @defer care permite încărcarea diferențiată a conținutului blocului și a dependențelor sale
• Furnizarea de exemple de utilizare a blocului @defer pentru diferite scenarii, precum încărcarea componentelor, directive-lor, pipes-urilor, animațiilor și stilurilor
• Mentionarea modului în care blocul @defer funcționează cu noul API de tranziții de vizualizare

API de tranziții de vizualizare (View Transitions API)

• Explicarea scopului și beneficiilor API-ului de tranziții de vizualizare, care permite dezvoltatorilor să personalizeze animațiile și tranzițiile dintre vedute
• Introducerea 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, precum fade, slide, zoom și flip
• Mentionarea modului în care API-ul de tranziții de vizualizare funcționează cu rutierul Angular și istoricul browserului

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

• Rezumarea pe scurt a altor funcționalități și îmbunătățiri oferite de Angular 17, precum:
• Suport pentru trecerea @Component.styles ca șir de caractere
• Codul de animații din Angular poate fi încărcat diferențiat (lazy-loadable)
• Suport pentru TypeScript 5.2
• API-ul central de semnale este acum stabil
• Suportul pentru Node.js v16 a fost eliminat, iar versiunea minimă suportată este v18.13.0
• Esbuild va fi builder-ul implicit, iar dev server-ul implicit va folosi Vite