Schița de curs
Introducere
- Ce este nou în Angular 6?
Prezentare generală a Typescript și ES6 JavaScript
- Sintaxa TypeScript
- Folosirea transpilatorului TypeScript
- Configurarea Angular 6 și Typescript
Prezentare generală a componentelor Angular 6
- Crearea componentelor
- Legături de date și interpolare de șiruri
- Legături de proprietăți
- Legături de evenimente
- Legături bidirecționale de date
- Modelarea datelor
- Directive
- Bootstrapping
- Intrări și ieșiri
- Angular CLI
Crearea primei tale aplicații Angular
- Planificarea aplicației
- Configurarea unui proiect și a unei aplicații Angular folosind CLI
- Crearea unei configurații de bază a proiectului folosind Bootstrap 4 și Sass
Folosirea componentelor Angular 6
- Fluxul de date
- Lucrul cu AppModule
- Lucrul cu componente personalizate
- Folosirea șabloanelor și stilurilor
- Folosirea încapsulării de vizualizare
- Proiectarea conținutului
- Înțelegerea ciclului de viață al componentelor și a cârligelor de viață
- Folosirea ViewChildren și ContentChildren
Legături de date în Angular 6
- Prezentare generală a legăturilor de proprietăți și evenimente
- Legături și atribuirea de aliasuri la proprietăți personalizate
- Legături și atribuirea de aliasuri la evenimente personalizate
Lucrul cu directive
- Directive integrate
- Directive personalizate
Servicii Angular 6
- Crearea unui serviciu de logare
- Crearea unui serviciu de date
Folosirea injecției de dependențe și a furnizorilor
- Injectoare, furnizori și tokenuri
- Configurarea injecției de dependențe
- Configurarea furnizorului
- Injectarea serviciilor în componente, directive și servicii
Schimbarea paginilor cu rutarea
- Configurarea rutelor
- Configurarea și încărcarea rutelor
- Înțelegerea diferitelor metode de navigare
- Folosirea parametrilor în rute
- Crearea rutelor imbricate
- Folosirea rutelor de redirecționare și wildcard
- Înțelegerea gardurilor de rute
- Înțelegerea strategiilor de rutare
Folosirea RxJS pentru a crea și lucra cu observabile în Angular
- Prezentare generală a observabilelor
- Prezentare generală a RxJS
- Construirea și folosirea observabilelor în Angular
Gestionarea formularelor
- Folosirea formularelor conduse de șabloane
- Folosirea formularelor reactive
Folosirea conductelor
- Conducte integrate
- Conducta Async
- Conducte personalizate
Efectuarea apelurilor către API-uri HTTP externe
Folosirea modulelor Angular
Testarea aplicației Angular 6
- Folosirea Jasmine pentru testarea unitară
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Folosirea sourcemaps pentru a depana codul în browser
- Folosirea Augury
Optimizarea aplicației Angular 6
Securitatea în Angular 6
- Autentificare
- Ce ar trebui și ce nu ar trebui scris în Angular
Implementarea unei aplicații Angular 6 în producție
- Implementarea pe IIS, Apache, Nginx etc.
Depanare
Observații finale
Cerințe
- Cunoștințe de bază despre HTML, CSS și JavaScript
Publicul țintă
- Dezvoltatori
Mărturii (6)
Bună materiale! Formatorul este un om foarte plăcut, ceea ce ajută foarte mult!
Xander Knol - Conclusion Learning Centers
Curs - Angular 6
Tradus de catre o masina
Exerciții practice!
William Limberger - Conclusion Learning Centers
Curs - Angular 6
Tradus de catre o masina
Învățarea întregului ecosistem Angular, TypeScript și în special rutele
Ryan Delport - Leaseweb
Curs - Angular 6
Tradus de catre o masina
Exercitându-mă practică, făcând-o pe contul meu.
Christiaan Sloof - Leaseweb
Curs - Angular 6
Tradus de catre o masina
M-am bucurat cu adevărat de prezentarea instruiției, care este un specialist foarte bun.
Lukasz Cysewski - PSI Polska
Curs - Angular 6
Tradus de catre o masina
Tutorialele ne-au permis să luăm cunoștințele pe care le-am învățat de la prezentare și să le implementăm într-un exemplu real. Ne-au oferit, de asemenea, o oportunitate de a pune întrebări dacă aveam nelămuriri cu privire la funcționarea unor elemente.
Chris Gilchrist - SAA Consultants LTD
Curs - Angular 6
Tradus de catre o masina