Schița de curs
Introducere
- Ce este Angular?
- Angular vs React vs Vue
- Prezentare generală a caracteristicilor și arhitecturii Angular 16
- Configurarea mediului de dezvoltare
Noțiuni introductive
- Crearea unui nou proiect Angular 16 utilizând 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 16
- 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 16
- 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 16
- Crearea și utilizarea serviciilor
- Injectarea de dependențe utilizând furnizorii
Module
- Înțelegerea rolului modulelor în Angular 16
- Crearea și utilizarea modulelor
- Importul și exportul de module
Legătura de date
- Înțelegerea diferenței dintre legarea de date 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 16
- 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 16
- 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
Depanarea
- Înțelegerea erorilor și a erorilor comune în aplicațiile Angular 16
- Utilizarea Chrome DevTools pentru a inspecta elementele, sursele, rețeaua, consola etc.
- Utilizarea punctelor de întrerupere, a expresiilor de observare, a stivei de apeluri etc. pentru depanarea codului
Testarea
- Înțelegerea importanței testării în aplicațiile Angular 16
- Utilizarea Jest ca un cadru de testare alternativ
- Utilizarea Karma ca un test runner pentru testele unitare
- Utilizarea Protractor ca instrument de testare end-to-end
Rezumat și pași următori
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 16 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 actualizări ale Angular 16
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 !