Schița de curs
Introducere
- Ce este Angular?
- Ce este nou în Angular 12?
Prezentare generală a TypeScript și ES6 JavaScript
- Sintaxa TypeScript
- Folosirea transpilatorului TypeScript
- Configurarea Angular 12 și TypeScript
Prezentare generală a părților Angular 12
- Angular CLI
- Componente
- Directive
- Input-uri și Output-uri
- Legături de date și interpolare
- Legături de evenimente
- 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 componentei
- Fluxul de date
- Folosirea șabloanelor și stilurilor
- Proiectarea conținutului
- Lucrul cu AppModule
- Lucrul cu componente personalizate
- Folosirea încapsulării vizuale
- Implementarea cârligelor de ciclu de viață
- Folosirea ViewChildren și ContentChildren
Legături de date în Angular 12
- Înțelegerea legăturilor de proprietate și eveniment
- 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 Angular 12
- Crearea unui serviciu de logare
- Crearea unui serviciu de date
Folosirea injecției de dependențe și a furnizorilor
- Injectoare, furnizori și tokenuri
- 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 de rute imbricate
- Folosirea rutelor de redirecționare și wildcard
- Înțelegerea gărzilor de rută
Folosirea RxJS pentru a crea și lucra cu observabile în Angular
- Prezentare generală a observabilelor
- Prezentare generală a RxJS
- Construirea și folosirea observabilelor în Angular
Generarea formularelor pentru introducerea utilizatorilor
- Folosirea formularelor conduse de șablon
- Folosirea formularelor reactive
- Crearea de validări personalizate
- Validarea, filtrarea și asanarea datelor din formulare
Folosirea conductelor
- Transformarea ieșirii
- Conducte încorporate
- Conductă asincronă
- Conducte personalizate
Realizarea de apeluri către API-uri HTTP externe
- Trimiterea de cereri
Testarea aplicației Angular 12
- Folosirea Jasmine pentru testarea unitară
- Explorarea alternativelor Protractor pentru testarea end-to-end
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Folosirea sourcemaps-urilor pentru depanarea codului în browser
- Citirea diagnosticelor compilatorului TypeScript
- Folosirea Augury pentru depanarea în browser
Optimizarea aplicației Angular 12
- Reorganizarea codului
- Reducerea dimensiunii pachetului și eliminarea codului mort
Securitatea în Angular 12
- Cum funcționează autentificarea
- Folosirea 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