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 Angular 12's Parts
- Angular CLI
- Componente
- Directive
- Intrări și ieșiri
- Legătura de date și interpolarea
- Legătura de evenimente
- Modelarea datelor
- Bootstrapping
- Webpack experimental
Crearea primei aplicații Angular
- Planificarea cererii
- Configurarea unui proiect Angular
- Crearea unei interfețe mobile prietenoase folosind Bootstrap 4 și Sass
Crearea unei componente
- Înțelegerea ciclului de viață al componentelor
- Fluxul de date
- Utilizarea șabloanelor și a stilurilor
- Proiectarea conținutului
- Lucrul cu AppModule
- Lucrul cu componente personalizate
- Utilizarea încapsulării vizualizărilor
- Implementarea cârligelor ciclului de viață
- Utilizarea ViewChildren și ContentChildren
Legătura de date în Angular 12
- Înțelegerea legării proprietăților și a evenimentelor
- Legarea și atribuirea de aliasuri la proprietățile personalizate
- Legarea și atribuirea de nume de referință pentru evenimente personalizate
Lucrul cu directivele
- Directive încorporate
- Directive personalizate
Angular 12 Servicii
- Crearea unui serviciu de jurnalizare
- Crearea unui serviciu de date
Utilizarea Injecției de dependență și a furnizorilor
- Injectoare, furnizor și jetoane
- Configurarea Injecției de dependență
- Configurarea furnizorului dvs.
- Injectarea serviciilor în componente, directive și servicii
Comutarea paginilor cu rutarea
- Înțelegerea diferitelor metode de navigare
- Strategii de rutare
- Configurarea rutelor
- Configurarea și încărcarea rutelor
- Utilizarea parametrilor în rute
- Crearea de rute imbricate
- Utilizarea rutelor de redirecționare și a rutelor wildcard
- Înțelegerea protecției rutelor
Utilizarea RxJS pentru a crea și a lucra cu Observables în Angular
- Prezentare generală a observabilelor
- Prezentare generală a RxJS
- Construirea & Utilizarea observabilelor în Angular
Generarea de formulare pentru introducerea datelor de către utilizator
- Utilizarea formularelor bazate pe șabloane
- Utilizarea formularelor Reactive
- Crearea validării personalizate
- Validarea, filtrarea și purificarea datelor din formulare
Utilizarea țevilor
- Transformarea producției
- Conducte încorporate
- Țeavă asincronă
- Pipe-uri personalizate
Efectuarea de apeluri către API-uri HTTP externe
- Trimiterea de cereri
Testarea Angular 12 aplicației
- Utilizarea Jasmine pentru testarea unitară
- Explorarea alternativelor Protractor pentru testarea end-to-end
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Utilizarea Sourcemaps pentru depanarea codului în browser
- Citirea TypeScript Diagnosticarea compilatorului
- Utilizarea Augury pentru a depana în interiorul unui browser
Optimizarea Angular 12 aplicației
- Refacerea codului
- Reducerea dimensiunii pachetului și eliminarea codului mort
Angular 12 Securitate
- Cum funcționează autentificarea
- Utilizarea autentificării JWT
- Ce ar trebui și ce nu ar trebui să fie scris în Angular
Implementarea unei Angular 12 aplicații în producție
- Implementarea în IIS, Apache, Nginx, etc.
Angular 12 Cele mai bune practici
Depanare
Rezumat și concluzii
Cerințe
- Familiaritate cu HTML de bază, CSS și JavaScript .
Audiență
- Dezvoltatorii
- Programatori
Mărturii (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
Pipe Routing Data Biding Services