Schița de curs
Introducere
- Ce este nou în Angular 5?
Prezentare generală a Typescript și ES6 JavaScript
- Sintaxa TypeScript
- Folosirea transpilerului TypeScript
- Configurarea Angular 5 și TypeScript
Crearea primei aplicații Angular
- Planificarea aplicației
- Setarea unui proiect Angular și a unei aplicații folosind CLI
- Crearea unei configurații de bază a proiectului folosind Bootstrap 4 și Sass
Lucrul cu părțile din Angular 5
- Crearea de componente
- Databinding și interpolare de șiruri
- Folosirea legăturilor de proprietate
- Folosirea legăturilor de evenimente
- Databinding bidirecțional
- Modelarea datelor
- Directive
- Bootstrapping
- Inputs & Outputs
Folosirea componentelor Angular 5
- Fluxul de date
- Lucrul cu AppModule
- Lucrul cu componente personalizate
- Folosirea șablonurilor și stilurilor
- Folosirea incapsulării vizuală
- Proiectarea conținutului
- Înțelegerea ciclului de viață al componentelor și a hook-urilor de ciclu de viață
- Folosirea ViewChildren și ContentChildren
Databinding în Angular 5
- Prezentare generală a legăturilor de proprietate și evenimente
- Folosirea legăturilor și atribuirea aliasurilor pentru proprietăți personalizate
- Folosirea legăturilor și atribuirea aliasurilor pentru evenimente personalizate
Lucrul cu directive
- Directive predefinite
- Directive personalizate
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Folosirea sourcemaps pentru depanarea codului în browser
- Folosirea Augury
Serviciile Angular 5
- Înțelegerea importanței serviciilor
- Crearea unui serviciu de logging
- Crearea unui serviciu de date
Folosirea injecției de dependențe și a provider-ilor
- Iniectoare, Provider și Tokens
- Configurarea injecției de dependențe
- Configurarea provider-ului
- Injectarea serviciilor în componente, directive și servicii
Schimbarea paginelor cu routing
- Setarea rutelor
- Configurarea și încărcarea rutelor
- Înțelegerea diferitelor metode de navigare
- Folosirea parametrilor în rute
- Crearea de rute nested
- Folosirea rutelor de redirecționare și wildcard
- Înțelegerea gardurilor de rută
- Înțelegerea strategiilor de routing
Folosirea RxJS pentru crearea și lucrul cu observables în Angular
- Prezentare generală a observablor
- Prezentare generală a RxJS
- Crearea și folosirea observablor în Angular
Gestionarea formularilor
- Folosirea formularilor bazate pe șablon
- Folosirea formularilor reactiv
Folosirea pipe-urilor
- Pipe-uri predefinite
- Async Pipe
- Pipe-uri personalizate
Făcerea de apeluri către API-uri HTTP externe
Folosirea modulelor Angular
Optimizarea aplicației Angular 5
Testarea aplicației Angular 5
- Folosirea Jasmine pentru testare unitară
Siguranța în Angular 5
- Autentificare
- Ce trebuie și ce nu trebuie scris în Angular
Implementarea unei aplicații Angular 5 în producție
- Implementarea în IIS, Apache, Nginx, etc.
Troubleshooting
Concluzii finale
Cerințe
- Cunoașterea de bază a HTML, CSS și JavaScript
Audiență
- Începători în dezvoltarea web
- Dezvoltatori frontend cu experiență
- Oricine este interesat să învețe cum să dezvolte aplicații folosind Angular
Mărturii (1)
Am apreciat comunicarea și modalitatea de transmitere a cunoștințelor.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Curs - Angular 5
Tradus de catre o masina