Mulțumim pentru trimiterea solicitării! Un membru al echipei noastre vă va contacta în curând.
Mulțumim pentru trimiterea rezervării! Un membru al echipei noastre vă va contacta în curând.
Schița de curs
Introducere
- Ce este Angular?
- Ce este nou în Angular 10?
Panoramă a TypeScript și JavaScript ES6
- Sintaxa TypeScript
- Folosirea transpiler-ului TypeScript
- Configurarea Angular 10 și TypeScript
Panoramă a Componentelor Angular 10
- Angular CLI
- Componente
- Directive
- Intrări și Ieșiri
- Data Binding și Interpolare
- Event Binding
- Date Modeling
- Bootstrapping
Crearea Prima Aplicație Angular
- Planificarea Aplicației
- Configurarea unui Proiect Angular
- Creati o UI prietenoasă pentru dispozitive mobile folosind Bootstrap 4 și Sass
Crearea unei Componente
- Înțelegerea Ciclului de Viață al Componentelor
- Data Flow
- Folosirea Șablonurilor și Stilurilor
- Proiectarea Conținutului
- Lucrul cu AppModule
- Lucrul cu Componente Personalizate
- Folosirea View Encapsulation
- Implementarea Hook-urilor de Ciclu de Viață
- Folosirea ViewChildren și ContentChildren
Data Binding în Angular 10
- Înțelegerea Property Binding și Event Binding
- Binding și Atribuirea Aliase-urilor pentru Proprietăți Personalizate
- Binding și Atribuirea Aliase-urilor pentru Evenimente Personalizate
Lucrul cu Directive
- Directive Încorporate
- Directive Personalizate
Serviciile Angular 10
- Crearea unui Serviciu de Logging
- Crearea unui Serviciu de Date
Folosirea Injecției de Dependențe și Provider-ilor
- Injectors, Provider, și Tokens
- Configurarea Injecției de Dependențe
- Configurarea Provider-ului
- Injectarea Serviciilor în Componente, Directive și Servicii
Navigarea între Pagini cu Routing
- Înțelegerea Metodelor de Navigare Diferite
- Strategii de Routing
- Configurarea Rutelor
- Încărcarea Rutelor
- Folosirea Parametrilor în Rute
- Creati Rute Înnestate
- Folosirea Rutelor de Redirectionare și Wildcard
- Înțelegerea Guard-urilor de Rute
Folosirea RxJS pentru Crearea și Lucrul cu Observabile în Angular
- Panoramă a Observabilelor
- Panoramă a RxJS
- Crearea & Folosirea Observabililor în Angular
Crearea Formularilor pentru Intrarea Utilizatorului
- Folosirea Formelor Template-Driven
- Folosirea Formelor Reacționale
- Crearea Validării Personalizate
- Validarea, Filtrarea și Sanitizarea Datelor din Formular
Folosirea Pipes-urilor
- Transformarea Ieșirii
- Pipes Încorporate
- Pipe Async
- Pipes Personalizate
Făcerea de Apeluri către API-urile HTTP Externe
- Trimiterea cererilor
Folosirea Modulurilor Angular
Testarea Aplicației Angular 10
- Folosirea Jasmine pentru testare unitară
- Folosirea Protractor pentru testare end-to-end
Depistarea Erorilor din Aplicație
- Înțelegerea Mesajelor de Eroare în Angular
- Folosirea Sourcemaps pentru Depistarea Codului în Browser
- Citirea Diagnosticei Compilatorului TypeScript
- Folosirea Augury
Optimizarea Aplicației Angular 10
- Refacerea Codului
- Micșorarea Dimensiunii Bundl-urilor și Eliminarea Codului Mort
Siguranța Aplicației Angular 10
- Cum funcționează autentificarea
- Folosirea Autentificării JWT
- Ce ar trebui și ce nu ar trebui scris în Angular
Implementarea Aplicației Angular 10 în Produsie
- Implementarea în IIS, Apache, Nginx, etc.
Cele Mai Bune Practici pentru Angular 10
Soluționarea Problemelor
Synopsis și Concluzie
Cerințe
- Cunoștințe de bază de HTML, CSS și JavaScript
Audiență
- Dezvoltatori
28 ore
Mărturii (4)
The trainer attitude and knowledge
Gabriel Llaurado - Allianz Technology
Curs - Angular 10 for Developers
The knowledge of the instructure.
Jeffry Gonzalez - Allianz Technology
Curs - Angular 10 for Developers
We started from the base of Angular and TS and we incremented the difficulty of the exercises in a good way
Daniel Zamorano Infante - Allianz Technology
Curs - Angular 10 for Developers
Practical examples, exercises and best practices
