Schița de curs
Introducere
- Ce este Angular?
- Ce este nou în Angular 11?
Prezentare generală a TypeScript și ES6 JavaScript
- Sintaxa TypeScript
- Folosirea transpiler-ului TypeScript
- Configurarea Angular 11 și TypeScript
Prezentare generală a componentelor Angular 11
- Angular CLI
- Componente
- Directive
- Inputs și Outputs
- Data Binding și Interpolare
- Event Binding
- Modelare de date
- Bootstrapping
- Webpack experimental
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 componentelor
- 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
Data Binding în Angular 11
- Înțelegerea Property și Event Binding
- Legarea și atribuirea de aliasuri la proprietăți personalizate
- Legarea și atribuirea de aliasuri la evenimente personalizate
Lucrul cu directive
- Directive încorporate
- Directive personalizate
Servicii în Angular 11
- Crearea unui serviciu de logare
- Crearea unui serviciu de date
Folosirea Dependency Injection și a Provider-ilor
- Injectori, Provider și Tokens
- Configurarea Dependency Injection
- Configurarea Provider-ului tău
- 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 a 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 formularelor bazate pe șabloane
- Folosirea formularelor reactive
- Crearea de validări personalizate
- Validarea, filtrarea și sanitarizarea datelor din formulare
Folosirea pipe-urilor
- Transformarea output-ului
- Pipe-uri încorporate
- Async Pipe
- Pipe-uri personalizate
Efectuarea de apeluri către API-uri HTTP externe
- Trimiterea de cereri
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 11
- Reorganizarea codului
- Reducerea dimensiunii bundle-ului și eliminarea codului mort
Securitatea în Angular 11
- Cum funcționează autentificarea
- Folosirea autentificării JWT
- Ce ar trebui și ce nu ar trebui scris în Angular
Implementarea unei aplicații Angular 11 în producție
- Implementarea pe IIS, Apache, Nginx etc.
Cele mai bune practici în Angular 11
Depanare
Rezumat și concluzii
Cerințe
- Cunoștințe de bază în HTML, CSS și JavaScript
Publicul țintă
- Dezvoltatori
Mărturii (5)
Mi-a plăcut că instruirea s-a concentrat mai mult pe partea practică.
Mihaela - Ness
Curs - NgRx
Tradus de catre o masina
Subiecte care au fost discutate, multe exemple de cod în direct, atitudinea instrucționarilor față de grup
Weronika - ATOS PGS sp. z o.o.
Curs - Reactive Programming with Angular RxJS
Tradus de catre o masina
Mi-au plăcut gluma ta
Dermot - Griffiths & Armour
Curs - Angular 2 Fundamentals
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
Pipă Rutare Legarea Datelor Servicii
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
Tradus de catre o masina