Mulțumim pentru trimiterea solicitării! Un membru al echipei noastre vă va contacta în curând.
Mulțumim pentru trimiterea rezervării! Un membru al echipei noastre vă va contacta în curând.
Schița de curs
Introducere
- Ce este Angular?
- Angular vs React vs Vue
- Prezentarea generală a caracteristicilor și arhitecturii Angular 17
- Configurarea mediului de dezvoltare
Începutul
- Crearea unui nou proiect Angular 17 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 17
- Crearea și utilizarea componentelor
- Transmiterea datelor între componente folosind intrări și ieșiri
- Utilizarea cârligelor de viață 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 17
- Crearea și utilizarea pipe-urilor încorporate, cum ar fi date, valută, json etc.
- Crearea și utilizarea pipe-urilor personalizate
Servicii
- Înțelegerea rolului serviciilor în Angular 17
- Crearea și utilizarea serviciilor
- Injectarea dependențelor folosind furnizori
Module
- Înțelegerea rolului modulelor în Angular 17
- Crearea și utilizarea modulelor
- Importarea și exportarea modulelor
Legături de date
- Înțelegerea diferenței dintre legătura de date unidirecțională și bidirecțională
- Crearea și utilizarea legăturilor de proprietate, legăturilor de evenimente și sintaxei banana-in-a-box
- Utilizarea variabilelor de referință din șablon
Rutare
- Înțelegerea rolului rutării în Angular 17
- 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 șabloane și cele reactive
- Crearea și validarea formularelor folosind controale de formular, grupuri de formular, matrice 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 17
- 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
Flux de control declarativ nou
- Explicarea noii sintaxe a blocurilor de control din șablon și cum simplifică sarcini comune precum randarea condiționată, buclele și gestionarea colecțiilor goale
- Darea 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 suportă aplicațiile fără zonă cu semnale
Blocuri de încărcare amânată
- Explicarea conceptului de încărcare amânată și cum poate îmbunătăți performanța și experiența utilizatorului aplicațiilor web
- Introducerea noului bloc de control @defer care permite încărcarea leneșă a conținutului blocului și a dependențelor sale
- Darea de exemple de utilizare a blocului @defer pentru diferite scenarii, cum ar fi încărcarea componentelor, directivelor, pipe-urilor, animațiilor și stilurilor
- Menționarea modului în care blocul @defer funcționează cu noul API pentru tranziții de vizualizare
API pentru tranziții de vizualizare
- Explicarea scopului și beneficiilor API-ului pentru tranziții de vizualizare, care permite dezvoltatorilor să personalizeze animațiile și tranzițiile între vizualizări
- Introducerea noii directive withViewTransitions care permite utilizarea API-ului pentru tranziții de vizualizare
- Darea 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 pentru tranziții de vizualizare funcționează cu routerul Angular și istoricul browserului
Alte caracteristici și îmbunătățiri
- Rezumarea pe scurt a unor dintre celelalte caracteristici și îmbunătățiri pe care le oferă Angular 17, cum ar fi:
- Suport pentru transmiterea @Component.styles ca șir de caractere
- Codul de animații Angular este încărcabil leneș
- Suport pentru TypeScript 5.2
- API-ul de bază pentru semnale este acum stabil
- Suportul pentru Node.js v16 a fost eliminat, iar versiunea minimă acceptată este v18.13.0
- Esbuild va fi constructorul implicit, iar serverul de dezvoltare implicit va folosi Vite
Rezumat și pași următori
Cerințe
- Cunoștințe de bază despre 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 17 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 caracteristici și îmbunătățiri ale Angular 17
28 Ore
Mărturii (2)
Am appr eciat în principal fluxul de instruire; ea a trecut prin subiect, iar la sfârșitul acestuia, ne-a oferit sesiuni de practică bine definite. A reușit să ne ghideze prompt cu problemele cu care am fost confruntați î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 înțelegeam ceva și s-a asigurat că nimeni nu a rămânut în urmă în timpul instruirii.
Daniel - INIT Innovations in Transportation Ltd.
Curs - Angular 17
Tradus de catre o masina
