Kursplan
Introduktion
- Vad är nytt i Angular 6?
Översikt över TypeScript och ES6 JavaScript
- TypeScript-syntax
- Använda TypeScript-transpiler
- Konfigurera Angular 6 och TypeScript
Översikt över Angular 6:s delar
- Skapa komponenter
- Databindning och stränginterpolation
- Egenskapsbindning
- Händelsbindning
- Tvåvägsdatabindning
- Data-modellering
- Direktiv
- Bootstrapping
- Inmatningar & utmatningar
- Angular CLI
Skapa din första Angular-applikation
- Förbereda applikationen
- Konfigurera ett Angular-projekt och app med CLI
- Skapa en grundläggande projektinställning med Bootstrap 4 och Sass
Använda Angular 6-komponenter
- Dataflöde
- Arbeta med AppModule
- Arbeta med anpassade komponenter
- Använda mallar och stilar
- Använda vyencapsulation
- Projicera innehåll
- Förstå komponentens livscykel och livscykelfunktioner
- Använda ViewChildren och ContentChildren
Databindning i Angular 6
- Översikt över egenskaps- & händelsbindning
- Binda och ange alias för anpassade egenskaper
- Binda och ange alias för anpassade händelser
Arbeta med direktiv
- Inbyggda direktiv
- Anpassade direktiv
Angular 6-tjänster
- Skapa en loggtjänst
- Skapa en datatjänst
Använda beroendeinjektion och providrar
- Injektörer, provider och tokens
- Konfigurera beroendeinjektion
- Konfigurera din provider
- Injecta tjänster i komponenter, direktiv och tjänster
Växla sidor med routning
- Konfigurera rutter
- Konfigurera och ladda rutter
- Förstå de olika navigeringsmetoderna
- Använda parametrar i rutter
- Skapa kapslade rutter
- Använda omdirigering och jokerrutter
- Förstå routningsväktare
- Förstå routningsstrategier
Använda RxJS för att skapa och arbeta med observabler i Angular
- Översikt över observabler
- Översikt över RxJS
- Bygga & använda observabler i Angular
Hantera formulär
- Använda mallbaserade formulär
- Använda reaktiva formulär
Använda pipes
- Inbyggda pipes
- Async pipe
- Anpassade pipes
Göra anrop till externa HTTP-API:er
Använda Angular-moduler
Testa den Angular 6-applikationen
- Använda Jasmine för enhetstestning
Felsöka applikationen
- Förstå felmeddelanden i Angular
- Använda sourcemaps för att felsöka kod i webbläsaren
- Använda Augury
Optimera den Angular 6-applikationen
Säkerhet i Angular 6
- Autentisering
- Vad som bör och inte bör skrivas i Angular
Distribuera en Angular 6-applikation till produktion
- Distribuera till IIS, Apache, Nginx, etc.
Felsökning
Avslutande anmärkningar
Krav
- Kännedom om grundläggande HTML, CSS och JavaScript
Målgrupp
- Utvecklare
Vittnesmål (6)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurs - Angular 6
Practical exercises!
William Limberger - Conclusion Learning Centers
Kurs - Angular 6
Learning the whole ecosystem of angular, typescript, ad especially routing
Ryan Delport - Leaseweb
Kurs - Angular 6
Practising with actually doing it myself.
Christiaan Sloof - Leaseweb
Kurs - Angular 6
I genuinely enjoyed the trainer is a great specialist.
Lukasz Cysewski - PSI Polska
Kurs - Angular 6
The tutorials, they allowed us to take the knowledge that we had learnt from the lecture and implement it into a real example. It also gave us an opportunity to ask questions if we were unsure on how something works.