Schița de curs
Introducere
- Ce este Angular?
- Ce se schimbă în Angular 12?
Panorama pe TypeScript și ES6 JavaScript
- Sintaxa TypeScript
- Folosirea transpilerului TypeScript
- Setarea în mișcare a Angular 12 și TypeScript
Panorama pe Partile din Angular 12
- Angular CLI
- Componente
- Directive
- Intrări și Ieșiri
- Data Binding și Interpolare
- Legarea Evenimentelor
- Modelarea Datelor
- Bootstrapping
- Webpack Experimental
Creatia Primului Aplicație Angular
- Planificarea Aplicației
- Setarea în Mișcare a unui Proiect Angular
- Creearea unei UI prietenoase mobile folosind Bootstrap 4 și Sass
Creatia unui Component
- Înțelegerea Ciclului de Viață al Componentelor
- Data Flow
- Folosirea Șablonurilor și Stilurilor
- Proiectarea Conținutului
- Lucrul cu AppModule
- Lucrul cu Componente Personalizate
- Folosirea Encapsulării Vizuală
- Implementarea Hooks-urilor de Ciclu de Viață
- Folosirea ViewChildren și ContentChildren
Data Binding în Angular 12
- Înțelegerea Legării Proprietăților și Evenimentelor
- Legarea și Atribuirea Aliase a Proprietăților Personalizate
- Legarea și Atribuirea Aliase a Evenimentelor Personalizate
Lucrul cu Directive
- Directive Integrate
- Directive Personalizate
Serviciile din Angular 12
- Creatia unui Serviciu de Logging
- Creatia unui Serviciu de Date
Folosirea Injecției de Dependințe și Provideri
- Injectors, Provider, și Tokens
- Configurarea Injecției de Dependințe
- Configurarea Provider-ului
- Injektarea Serviciilor în Componente, Directive și Servicii
Schimbarea Paginilor cu Routing
- Înțelegerea Metodelor Diferite de Navigare
- Strategii de Routing
- Setarea în Mișcare a Ruterelor
- Configurarea și Încărcarea Ruterelor
- Folosirea Parametrilor în Rute
- Creatia Ruterelor Nested
- Folosirea Redirectionărilor și Ruterelor Wildcard
- Înțelegerea Guard-urilor de Rută
Folosirea RxJS pentru Crearea și Lucrul cu Observables în Angular
- Panorama pe Observables
- Panorama pe RxJS
- Construcția & Folosirea Observables în Angular
Creatia Formularilor pentru Intrarea Utilizatorului
- Folosirea Formularilor Templatizate
- Folosirea Formularilor Reactive
- Creatia validării personalizate
- Validarea, filtrarea și curățarea datelor formularului
Folosirea Pipes
- Transformarea ieșirii
- Pipes Integrate
- Pipe Async
- Pipes Personalizate
Făcerea Apelurilor către API-uri HTTP Externe
- Trimiterea cererilor
Testarea Aplicației Angular 12
- Folosirea Jasmine pentru testarea unitară
- Explorarea alternativelor Protractor pentru testarea cap la cap
Depanarea Aplicației
- Înțelegerea Mesajelor de Eroare în Angular
- Folosirea Sourcemaps pentru Depanare Codului în Browser
- Citirea Diagnosticei Compilatorului TypeScript
- Folosirea Augury pentru depanare în interiorul browser-ului
Optimizarea Aplicației Angular 12
- Reworking codului
- Reducerea dimensiunii bundle și eliminarea codului mort
Siguranța din Angular 12
- Cum funcționează autentificarea
- Folosirea autentificării JWT
- Ce trebuie și ce nu trebuie scris în Angular
Deploierea unei Aplicații Angular 12 la Produsie
- Deploiarea către IIS, Apache, Nginx, etc.
Cele Mai Bune Practici din Angular 12
Dezlegarea Problemelor
Sinteză și Concluzii
Cerințe
- Cunoștințe de bază în HTML, CSS și JavaScript
Audiență
- Dezvoltatori
- Programatori
Mărturii (4)
Instrucțiuni privind paciența și metoda
Danilo Jo - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
Tradus de catre o masina
Experiența și paciencea formatorului.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
Tradus de catre o masina
M-am plăcut stilul de predare
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
Tradus de catre o masina
Pipe Enrutare Legarea de Date Servicii
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Curs - Angular 12
Tradus de catre o masina