Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Schița de curs
Introducere
- Ce este Angular?
- Angular vs React vs Vue
- Prezentare generală a caracteristicilor și arhitecturii Angular 17
- Configurarea mediului de dezvoltare
Noțiuni introductive
- Crearea unui nou proiect Angular 17 folosind 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 17
- 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 17
- 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 17
- Crearea și utilizarea serviciilor
- Injectarea dependențelor utilizând furnizorii
Module
- Înțelegerea rolului modulelor în Angular 17
- Crearea și utilizarea modulelor
- Importul și exportul de module
Legătura de date
- Înțelegerea diferenței dintre data binding 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 17
- 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 17
- 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
Flux de control nou, declarativ
- Explicarea noii sintaxe a blocului de control al șablonului și a modului în care aceasta simplifică sarcinile comune, cum ar fi redarea condiționată, buclele și gestionarea colecțiilor goale
- Oferirea de exemple de utilizare a noilor blocuri, cum ar fi @if, @else, @switch, @case, @default, @for și @empty
- Compararea noii sintaxe cu cea anterioară, cum ar fi *ngIf, *ngSwitch și *ngFor.
- menționarea modului în care noile blocuri de control sprijină aplicațiile fără zonă cu semnale.
Blocuri de încărcare amânată
- Explicarea conceptului de încărcare amânată și a modului în care acesta poate îmbunătăți performanța și experiența utilizatorului în aplicațiile web
- Prezentarea noului bloc de control @defer, care permite încărcarea leneșă a conținutului blocului și a dependențelor sale.
- Oferirea de exemple de utilizare a blocului @defer pentru diferite scenarii, cum ar fi încărcarea componentelor, directivelor, țevilor, animațiilor și stilurilor
- Menționarea modului în care blocul @defer funcționează cu noua API pentru tranziții de vizualizare
API pentru tranzițiile de vizualizare
- Explicarea scopului și a beneficiilor API de tranziții de vizualizare, care permite dezvoltatorilor să personalizeze animațiile și tranzițiile între vizualizări
- Prezentarea noii directive withViewTransitions care permite utilizarea API de tranziții de vizualizare
- Oferirea 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 pentru tranzițiile de vizualizare funcționează cu routerul Angular și cu istoricul browserului
Alte caracteristici și îmbunătățiri
- Rezumând pe scurt câteva dintre celelalte caracteristici și îmbunătățiri pe care le oferă Angular 17, cum ar fi:
- Suport pentru trecerea în @Component.styles sub forma unui șir de caractere
- Codul animațiilor Angular este încărcabil în mod leneș
- Suport pentru TypeScript 5.2
- API-ul de semnal de bază este acum stabil
- Node.js suportul v16 a fost eliminat, iar versiunea minimă de suport este v18.13.0
- Esbuild va fi constructorul implicit, iar serverul de dezvoltare implicit va folosi Vite
Rezumat și etapele următoare
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 17 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 îmbunătățiri ale Angular 17
28 ore
Mărturii (2)
Cel mai mult mi-a plăcut fluxul de formare; a trecut prin subiect, iar la sfârșitul subiectului, a avut sesiuni de practică bine definite pentru noi. Ea a reușit să ne ghideze prompt cu privire la problemele cu care ne-am confruntat în sesiunile de practică.
Rabin Byanjankar - Lument
Curs - Angular 17
Tradus de catre o masina
A fost foarte interactiv și informativ. Formatorul a fost foarte răbdător cu noi atunci când nu am înțeles ceva și s-a asigurat că nimeni nu a fost lăsat în urmă pe parcursul formării.
Daniel - INIT Innovations in Transportation Ltd.
Curs - Angular 17
Tradus de catre o masina
