Schița de curs
Introducere
- Ce este Angular?
- Ce este nou în Angular 11?
Prezentare a TypeScript și JavaScript ES6
- Sintaxa TypeScript
- Folosirea transpilerului TypeScript
- Configurarea Angular 11 și TypeScript
Prezentare a părților componente ale Angular 11
- 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
- Configurarea unui Proiect Angular
- Creatia unei interfețe mobile prietenoase 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 incapsulării vizuală
- Implementarea hook-urilor de ciclu de viață
- Folosirea ViewChildren și ContentChildren
Data Binding în Angular 11
- Înțelegerea legării proprietăților și a evenimentelor
- Legarea și atribuirea aliasurilor pentru proprietăți personalizate
- Legarea și atribuirea aliasurilor pentru evenimente personalizate
Lucrul cu Directive
- Directive predefinite
- Directive personalizate
Serviciile Angular 11
- Creatia unui serviciu de logging
- Creatia unui serviciu de date
Folosirea injecției de dependențe și provideri
- Injectori, Provider, și Tokens
- Configurarea injecției de dependențe
- Configurarea provider-ului
- Injecția serviciilor în componente, directive și servicii
Schimbarea paginilor cu routing
- Înțelegerea metodelor de navigare diferite
- Strategii de routing
- Configurarea rutelor
- Configurarea și încărcarea rutelor
- Folosirea parametrilor în rute
- Creatia de rute aneste
- Folosirea redirect-urilor și a rutelor wildcard
- Înțelegerea gardurilor de rută
Folosirea RxJS pentru crearea și lucru cu observabile în Angular
- Prezentare a observabilelor
- Prezentare a RxJS
- Construirea și folosirea observabililor în Angular
Creatia de formulari pentru intrarea utilizatorului
- Folosirea formularilor drivate prin șablon
- Folosirea formularilor reactive
- Creatia validării personalizate
- Validarea, filtrarea și sanitarizarea datelor de formular
Folosirea Pipelor
- Transformarea ieșirii
- Pipe-uri predefinite
- Pipe-ul Async
- Pipe-uri personalizate
Făcerea de cereri către API-urile HTTP externe
- Trimisul de cereri
Testarea aplicației Angular 10
- Folosirea Jasmine pentru testare unitară
- Folosirea Protractor pentru testare end-to-end
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Folosirea sourcemap-urilor pentru depanarea codului în browser
- Citirea diagnosticului compilatorului TypeScript
- Folosirea Augury
Optimizarea aplicației Angular 11
- Rearanjarea codului
- Reducerea dimensiunii pachetelor și eliminarea codului moart
Siguranța în Angular 11
- Cum funcționează autentificarea
- Folosirea autentificării JWT
- Ce să scrie și ce nu să scrie în Angular
Deploierea aplicației Angular 11 în producție
- Deploiarea la IIS, Apache, Nginx, etc.
Cele mai bune practici ale Angular 11
Rezolvarea problemelor
Scurtăreză și concluzii
Cerințe
- Cunoscută de bază cu HTML, CSS și JavaScript
Public țintă
- Dezvoltatori
Mărturii (5)
Mi-a plăcut că formarea s-a concentrat mai mult pe partea practică.
Mihaela - Ness
Curs - NgRx
Tradus de catre o masina
Subiectele discutate, multe exemple de cod live, atitudinea formatorului față de grupul de participanți
Weronika - ATOS PGS sp. z o.o.
Curs - Reactive Programming with Angular RxJS
Tradus de catre o masina
Mi-au plăcut glumele tale.
Dermot - Griffiths & Armour
Curs - Angular 2 Fundamentals
Tradus de catre o masina
Exemple practice, exerciții și cele mai bune practici
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Curs - Angular 10 for Developers
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