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 tale aplicații Angular
- Planificarea aplicației
- Configurarea 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 componentele Angular 5
- Crearea componentelor
- Legături de date și interpolare de șiruri
- Legături de proprietate
- Legături de eveniment
- Legături de date bidirecționale
- Modelarea datelor
- Directive
- Bootstrapping
- Intrări și ieșiri
Utilizarea componentelor Angular 5
- Fluxul de date
- Lucrul cu AppModule
- Lucrul cu componente personalizate
- Utilizarea șabloanelor și stilurilor
- Utilizarea încapsulării vizuale
- Proiectarea conținutului
- Înțelegerea ciclului de viață al componentelor și a cârligelor de viață
- Utilizarea ViewChildren și ContentChildren
Legături de date în Angular 5
- Prezentare generală a legăturilor de proprietate și eveniment
- Legături și atribuirea de aliasuri la proprietăți personalizate
- Legături și atribuirea de aliasuri la evenimente personalizate
Lucrul cu directive
- Directive încorporate
- Directive personalizate
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Utilizarea sourcemaps pentru depanarea codului în browser
- Utilizarea Augury
Servicii Angular 5
- Învățarea importanței serviciilor
- Crearea unui serviciu de logare
- Crearea unui serviciu de date
Utilizarea injectării de dependențe și a furnizorilor
- Injectoare, furnizori și tokenuri
- Configurarea injectării de dependențe
- Configurarea furnizorului tău
- Injectarea serviciilor în componente, directive și servicii
Schimbarea paginilor cu rutare
- Configurarea rutelor
- Configurarea și încărcarea rutelor
- Înțelegerea diferitelor metode de navigare
- Utilizarea parametrilor în rute
- Crearea rutelor imbricate
- Utilizarea rutelor de redirecționare și wildcard
- Înțelegerea gardurilor de rută
- Înțelegerea strategiilor de rutare
Utilizarea RxJS pentru a crea și lucra cu observabile în Angular
- Prezentare generală a observabilelor
- Prezentare generală a RxJS
- Construirea și utilizarea observabilelor în Angular
Gestionarea formularelor
- Utilizarea formularelor conduse de șablon
- Utilizarea formularelor reactive
Utilizarea conductelor
- Conducte încorporate
- Conducta Async
- Conducte personalizate
Efectuarea de apeluri către API-uri HTTP externe
Utilizarea modulelor Angular
Optimizarea aplicației Angular 5
Testarea aplicației Angular 5
- Utilizarea Jasmine pentru testarea unitară
Securitatea în Angular 5
- Autentificare
- Ce ar trebui și ce nu ar trebui scris în Angular
Implementarea unei aplicații Angular 5 în producție
- Implementarea pe IIS, Apache, Nginx, etc.
Depanare
Observații finale
Cerințe
- Cunoașterea de bază a HTML, CSS și JavaScript
Publicul țintă
- Începători în dezvoltarea web
- Dezvoltatori frontend experimentați
- Oricine este interesat să învețe cum să dezvolte aplicații folosind Angular
Mărturii (1)
Mi-a plăcut comunicarea și modul de transmitere a cunoștințelor.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Curs - Angular 5
Tradus de catre o masina