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 de date bidirecționale
- Modelarea datelor
- Directive
- Bootstrapping
- Inputs & Outputs
- Angular CLI
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
Utilizarea componentelor Angular 6
- 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 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 încorporate
- Directive personalizate
Servicii Angular 6
- Crearea unui serviciu de logare
- Crearea unui serviciu de date
Utilizarea injecției de dependențe și a furnizorilor
- Injectoare, furnizori și tokenuri
- Configurarea injecției 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 șabloane
- Utilizarea formularelor reactive
Utilizarea conductelor
- Conducte încorporate
- Conducta Async
- Conducte personalizate
Realizarea apelurilor către API-uri HTTP externe
Utilizarea modulelor Angular
Testarea aplicației Angular 6
- Utilizarea Jasmine pentru testarea unitară
Depanarea aplicației
- Înțelegerea mesajelor de eroare în Angular
- Utilizarea sourcemaps pentru depanarea codului în browser
- Utilizarea 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
