Schița de curs
Introducere
- Ce este Angular?
- Ce este nou în Angular 10?
Scurtă prezentare a TypeScript și JavaScript ES6
- Sintaxa TypeScript
- Folosirea transpilerului TypeScript
- Configurarea Angular 10 și TypeScript
Scurtă prezentare a părților din Angular 10
- CLI-ul Angular
- Componente
- Directive
- Intrări și ieșiri
- Data Binding și Interpolare
- Modelarea datelor
- Bootstrapping
Crearea primei aplicații Angular
- Planificarea aplicației
- Configurarea unui proiect Angular
- Crearea unei interfețe mobile friendly folosind Bootstrap 4 și Sass
Crearea unei componente
- Înțelegerea ciclului de viață al componentelor
- Data Flow
- Folosirea șabloanelor și stilurilor
- Proiectarea conținutului
- Lucrul cu AppModule
- Lucrul cu componente personalizate
- Folosirea View Encapsulation
- Implementarea lifecycle hooks-urilor
- Folosirea ViewChildren și ContentChildren
Data Binding în Angular 10
- Înțelegerea Property și Event Binding
- Binding și atribuire de alias-uri la proprietăți personalizate
- Binding și atribuire de alias-uri la evenimente personalizate
Lucrul cu directive
- Directive predefinite
- Directive personalizate
Serviciile din Angular 10
- Crearea unui serviciu de logging
- Crearea unui serviciu de date
Folosirea injecției de dependențe și provideri
- Injectoare, Provider și Tokens
- Configurarea injecției de dependențe
- Configurarea provider-ului
- Injectarea serviciilor în componente, directive și servicii
Comutarea paginilor cu routing
- Înțelegerea metodelor de navigare diferite
- Strategii de routing
- Configurarea rutelor
- Configurarea și încărcarea rutelor
- Folosirea parametrilor în rute
- Crearea de rute imbricate
- Folosirea rutelor de redirectare și wildcard
- Înțelegerea routeguard-urilor
Folosirea RxJS pentru crearea și lucrul cu observabile în Angular
- Scurtă prezentare a observabilelor
- Scurtă prezentare a RxJS
- Crearea și folosirea observabilelor în Angular
Generarea formularilor pentru introducerea datelor utilizatorului
- Folosirea Formelor Template Driven
- Folosirea Formelor Reacționale
- Crearea validării personalizate
- Validarea, filtrarea și netezirea datelor din formular
Folosirea Pipe-urilor
- Transformarea output-ului
- Pipe-uri predefinite
- Pipe-ul Async
- Pipe-uri personalizate
Făcerea de cereri către API-urile HTTP externe
- Trimiterea cererilor
Folosirea modulurilor Angular
Testarea aplicației Angular 10
- Folosirea Jasmine pentru testare unitară
- Folosirea Protractor pentru testare de cap la coadă
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Folosirea surselor pentru depanarea codului în browser
- Citirea diagnosticilor compilatorului TypeScript
- Folosirea Augury
Optimizarea aplicației Angular 10
- Refacerea codului
- Reducerea dimensiunii bundle-urilor și eliminarea codului mort
Siguranța în Angular 10
- Cum funcționează autentificarea
- Folosirea autentificării JWT
- Ce ar trebui și ce nu ar trebui scris în Angular
Deploy-urarea unei aplicații Angular 10 în producție
- Deploy-urarea la IIS, Apache, Nginx, etc.
Cele mai bune practici pentru Angular 10
Troubleshooting
Sume și concluzii
Cerințe
- Familiaritate cu HTML de bază, CSS și JavaScript
Public țintă
- Dezvoltatori
Mărturii (4)
Atitudinea și cunoștințele formatorului
Gabriel Llaurado - Allianz Technology
Curs - Angular 10 for Developers
Tradus de catre o masina
Cunoașterea instrucțiunii.
Jeffry Gonzalez - Allianz Technology
Curs - Angular 10 for Developers
Tradus de catre o masina
Am pornit de la baza de Angular și TS și am crescut dificultatea exercițiilor într-un mod bun.
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