Schița de curs
Introducere
- Ce este Angular?
- Ce este nou în Angular 10?
Prezentare generală a TypeScript și ES6 JavaScript
- Sintaxa TypeScript
- Folosirea transpilatorului TypeScript
- Configurarea Angular 10 și TypeScript
Prezentare generală a componentelor Angular 10
- Angular CLI
- Componente
- Directive
- Input-uri și Output-uri
- Legături de date și interpolare
- Legături de evenimente
- Modelare de date
- Bootstrapping
Crearea primei tale aplicații Angular
- Planificarea aplicației
- Configurarea unui proiect Angular
- Crearea unei interfețe prietenoase pentru dispozitive mobile folosind Bootstrap 4 și Sass
Crearea unei componente
- Înțelegerea ciclului de viață al componentei
- Fluxul de date
- Folosirea șabloanelor și stilurilor
- Proiectarea conținutului
- Lucrul cu AppModule
- Lucrul cu componente personalizate
- Folosirea încapsulării de vizualizare
- Implementarea cârligelor de ciclu de viață
- Folosirea ViewChildren și ContentChildren
Legături de date în Angular 10
- Înțelegerea legăturilor de proprietate și evenimente
- Legături și atribuirea de aliasuri la proprietăți personalizate
- Legături și atribuirea de aliasuri la evenimente personalizate
Lucrul cu directive
- Directive încorporate
- Directive personalizate
Servicii în Angular 10
- Crearea unui serviciu de logare
- Crearea unui serviciu de date
Folosirea injecției de dependențe și a furnizorilor
- Injectoare, furnizori și jetoane
- Configurarea injecției de dependențe
- Configurarea furnizorului tău
- Injectarea serviciilor în componente, directive și servicii
Schimbarea paginilor cu rutarea
- Înțelegerea diferitelor metode de navigare
- Strategii de rutare
- Configurarea rutelor
- Configurarea și încărcarea rutelor
- Folosirea parametrilor în rute
- Crearea rutelor imbricate
- Folosirea rutelor de redirecționare și wildcard
- Înțelegerea gărzilor de rută
Folosirea RxJS pentru a crea și lucra cu Observables în Angular
- Prezentare generală a Observables
- Prezentare generală a RxJS
- Construirea și folosirea Observables în Angular
Generarea formularelor pentru introducerea utilizatorilor
- Folosirea formularelor conduse de șabloane
- Folosirea formularelor reactive
- Crearea de validări personalizate
- Validarea, filtrarea și curățarea datelor din formulare
Folosirea conductelor
- Transformarea ieșirii
- Conducte încorporate
- Conducta Async
- Conducte personalizate
Apelarea API-urilor HTTP externe
- Trimiterea cererilor
Folosirea modulelor Angular
Testarea aplicației Angular 10
- Folosirea Jasmine pentru testare unitară
- Folosirea Protractor pentru testare end-to-end
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Folosirea sourcemaps pentru depanarea codului în browser
- Citirea diagnosticelor compilatorului TypeScript
- Folosirea Augury
Optimizarea aplicației Angular 10
- Refactorizarea codului
- Reducerea dimensiunii pachetului și eliminarea codului mort
Securitatea în Angular 10
- Cum funcționează autentificarea
- Folosirea autentificării JWT
- Ce ar trebui și ce nu ar trebui scris în Angular
Implementarea unei aplicații Angular 10 în producție
- Implementarea pe IIS, Apache, Nginx, etc.
Cele mai bune practici în Angular 10
Depanare
Rezumat și concluzii
Cerințe
- Cunoștințe de bază despre HTML, CSS și JavaScript
Publicul țintă
- Dezvoltatori
Mărturii (4)
Atitudinea și cunoștințele instrctorului
Gabriel Llaurado - Allianz Technology
Curs - Angular 10 for Developers
Tradus de catre o masina
Cunoașterea instrucționară.
Jeffry Gonzalez - Allianz Technology
Curs - Angular 10 for Developers
Tradus de catre o masina
Am pornit de la baza Angular și TS și am crescut dificultatea exercițiilor într-un mod adecvat
Daniel Zamorano Infante - Allianz Technology
Curs - Angular 10 for Developers
Tradus de catre o masina
Exemple practice, exerciții și cele mai bune practici
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Curs - Angular 10 for Developers
Tradus de catre o masina
