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 (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Curs - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Curs - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Curs - Building Web Apps using the MEAN stack
Mi-au plăcut glumele tale.
Dermot - Griffiths & Armour
Curs - Angular 2 Fundamentals
Tradus de catre o masina
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Curs - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Analiza pas cu pas. Explicația fiecărei linii de cod. Fiecare problemă pe care am avut-o în timpul cursului a fost rezolvată cu succes și Łukasz mi-a spus motivul. Mi-au plăcut și bunele practici care au fost prezentate. Niciodată nu am fost convins de stilul TDD - pur și simplu nu îl găsesc util și nu merită timpul său. Łukasz a evidențiat atât de multe avantaje ale TDD, încât mi-a schimbat complet opinia.
Michał Uściński - Devapo Sp. z o. o.
Curs - Testing Angular Applications
Tradus de catre o masina
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Curs - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Curs - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Curs - Angular 6
Good examples and interactive course !
