Schița de curs
Introducere
- Ce este Angular?
- Ce este nou în Angular 12?
Prezentare generală a TypeScript și ES6 JavaScript
- Sintaxa TypeScript
- Utilizarea transpilatorului TypeScript
- Configurarea Angular 12 și TypeScript
Prezentare generală a componentelor Angular 12
- Angular CLI
- Componente
- Directive
- Input-uri și Output-uri
- Legătura de date și interpolare
- Legătura de evenimente
- Modelarea datelor
- 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 componentei
- Fluxul de date
- Utilizarea șabloanelor și stilurilor
- Proiectarea conținutului
- Lucrul cu AppModule
- Lucrul cu componente personalizate
- Utilizarea încapsulării vizuale
- Implementarea cârligelor de ciclu de viață
- Utilizarea ViewChildren și ContentChildren
Legătura de date în Angular 12
- Înțelegerea legăturii de proprietate și eveniment
- 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 12
- Crearea unui serviciu de logare
- Crearea unui serviciu de date
Utilizarea injecției de dependențe și a furnizorilor
- Injectoare, furnizori și token-uri
- 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
- Utilizarea parametrilor în rute
- Crearea rutelor imbricate
- Utilizarea rutelor de redirecționare și wildcard
- Înțelegerea gardurilor de rută
Utilizarea RxJS pentru a crea și lucra cu observabile în Angular
- Prezentare generală a observabilelor
- Prezentare generală a RxJS
- Construirea și utilizarea observabilelor în Angular
Generarea formularelor pentru introducerea de utilizatori
- Utilizarea formularelor conduse de șabloane
- Utilizarea formularelor reactive
- Crearea de validări personalizate
- Validarea, filtrarea și asanarea datelor din formulare
Utilizarea conductelor
- Transformarea ieșirii
- Conducte încorporate
- Conducta Async
- Conducte personalizate
Efectuarea de apeluri către API-uri HTTP externe
- Trimiterea de cereri
Testarea aplicației Angular 12
- Utilizarea Jasmine pentru testarea unitară
- Explorarea alternativelor Protractor pentru testarea end-to-end
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Utilizarea hărților sursă pentru depanarea codului în browser
- Citirea diagnosticelor compilatorului TypeScript
- Utilizarea Augury pentru depanare în browser
Optimizarea aplicației Angular 12
- Refacerea codului
- Reducerea dimensiunii pachetului și eliminarea codului mort
Securitatea în Angular 12
- Cum funcționează autentificarea
- Utilizarea autentificării JWT
- Ce ar trebui și ce nu ar trebui scris în Angular
Implementarea unei aplicații Angular 12 în producție
- Implementarea pe IIS, Apache, Nginx etc.
Cele mai bune practici în Angular 12
Depanare
Rezumat și concluzii
Cerințe
- Cunoașterea de bază a HTML, CSS și JavaScript
Publicul țintă
- Dezvoltatori
- Programatori
Mărturii (4)
Răbdare și instrucțiuni metodelor
Danilo Jo - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
Tradus de catre o masina
Experiența și răbdarea instrucționarului.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
Tradus de catre o masina
Mi-a plăcut stilul de predare
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
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
