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
- Inputs și Outputs
- Legătura de date și interpolare
- Legătura de evenimente
- Modelarea datelor
- 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 View Encapsulation
- Implementarea Lifecycle Hooks
- Folosirea ViewChildren și ContentChildren
Legătura de date în Angular 10
- Înțelegerea legăturii de proprietate și evenimente
- Legătura și atribuirea de aliasuri la proprietăți personalizate
- Legătura și atribuirea de aliasuri la evenimente personalizate
Lucrul cu directive
- Directive încorporate
- Directive personalizate
Servicii Angular 10
- Crearea unui serviciu de logare
- Crearea unui serviciu de date
Folosirea injecției de dependențe și a furnizorilor
- Injectoare, furnizori și tokeni
- Configurarea injecției de dependențe
- Configurarea furnizorului
- Injectarea serviciilor în componente, directive și servicii
Schimbarea paginilor cu routing
- Înțelegerea diferitelor metode de navigare
- Strategii de routing
- Configurarea rutelor
- Configurarea și încărcarea rutelor
- Folosirea parametrilor în rute
- Crearea de rute imbricate
- Folosirea rutelor de redirecționare și wildcard
- Înțelegerea Route Guards
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 de formulare pentru introducerea datelor de către utilizator
- Folosirea formularilor conduse de șabloane
- Folosirea formularilor reactive
- Crearea de validare personalizată
- Validarea, filtrarea și asanarea datelor din formulare
Folosirea conductelor
- Transformarea output-ului
- Conducte încorporate
- Conductă Async
- Conducte personalizate
Efectuarea de apeluri către API-uri HTTP externe
- Trimiterea de cereri
Folosirea modulelor Angular
Testarea aplicației Angular 10
- Folosirea Jasmine pentru testarea unitară
- Folosirea Protractor pentru testarea 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
- Reorganizarea 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