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
- Prezentare generală a funcționalităților ș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 hook-urilor de ciclu de viață ale componentelor
Directive
- Înțelegerea diferenței dintre directivele structurale și cele de atribut
- Crearea și utilizarea unor directive încorporate, cum ar fi ngIf, ngFor, ngSwitch, etc.
- Crearea și utilizarea unor directive personalizate
Pipe-uri
- Înțelegerea scopului pipe-urilor în Angular 17
- Crearea și utilizarea unor pipe-uri încorporate, cum ar fi date, currency, json, etc.
- Crearea și utilizarea unor pipe-uri 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 unidirecțională și cea bidirecțională
- Crearea și utilizarea legăturilor de proprietate, legăturilor de evenimente și sintaxei banana-in-a-box
- Utilizarea variabilelor de referință din șabloane
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, tablouri 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 backend
- Utilizarea observabililor pentru a gestiona fluxurile de date asincrone
- Utilizarea interceptoarelor pentru a modifica sau gestiona cererile sau răspunsurile HTTP
Noul flux de control declarativ
- Explicarea noii sintaxe a blocurilor de control și modul în care simplifică sarcini comune, cum ar fi redarea condiționată, buclele și gestionarea colecțiilor goale
- 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ă zone cu semnale
Blocuri de încărcare amânată
- Explicarea conceptului de încărcare amânată și modul în care 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
- 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 între vizualizări
API pentru tranziții între vizualizări
- Explicarea scopului și beneficiilor API-ului pentru tranziții între vizualizări, care permite dezvoltatorilor să personalizeze animațiile și tranzițiile dintre vizualizări
- Introducerea noii directive withViewTransitions care permite utilizarea API-ului pentru tranziții între vizualizări
- 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 între vizualizări funcționează cu routerul Angular și istoricul browserului
Alte funcționalități și îmbunătățiri
- Scurtă prezentare a altor funcționalități ș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ă suportată este v18.13.0
- Esbuild va fi builder-ul implicit, iar serverul de dezvoltare implicit va folosi Vite
Rezumat și următorii pași
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 funcționalități ș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
