Kursplan
Introduktion
- Vad är Angular?
- Vad finns det nytt i Angular 10?
Översikt över TypeScript och ES6 JavaScript
- TypeScript-syntax
- Använda TypeScript-transpiler
- Konfigurera Angular 10 och TypeScript
Översikt över Angular 10:s delar
- Angular CLI
- Komponenter
- Direktiv
- Inmatningar och utgångar
- Data-bindning och interpolation
- Händelsbindning
- Data-modellering
- Bootstrapping
Skapa ditt första Angular-program
- Planera programmet
- Konfigurera ett Angular-projekt
- Skapa en mobilvänlig gränssnitt med Bootstrap 4 och Sass
Skapa en komponent
- Förstå komponentens livscykel
- Dataflöde
- Använda mallar och stil
- Projektera innehåll
- Arbeta med AppModule
- Arbeta med anpassade komponenter
- Använda vynkapsling
- Implementera livscykelhooks
- Använda ViewChildren och ContentChildren
Data-bindning i Angular 10
- Förstå egenskaps- och händelsbindning
- Binda och tilldela alias för anpassade egenskaper
- Binda och tilldela alias för anpassade händelser
Arbeta med direktiv
- Inbyggda direktiv
- Anpassade direktiv
Angular 10-tjänster
- Skapa en loggningstjänst
- Skapa en datatjänst
Använda beroendeinjektion och providrar
- Injektörer, providrar och token
- Konfigurera beroendeinjektion
- Konfigurera din providr
- Injecta tjänster i komponenter, direktiv och tjänster
Växla sidor med routning
- Förstå de olika navigationsmetoderna
- Routningsstrategier
- Ställa in rutter
- Konfigurera och ladda rutter
- Använda parametrar i rutter
- Skapa kapslade rutter
- Använda omdirigering och vildkortsrutter
- Förstå routningsväktare
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
Generera formulär för användarinmatning
- Använda mallbaserade formulär
- Använda reaktiva formulär
- Skapa anpassad validering
- Validera, filtrera och rensa formulärdata
Använda pipes
- Omvandla utdata
- Inbyggda pipes
- Async Pipe
- Anpassade pipes
Göra anrop till externa HTTP-API:er
- Sända förfrågningar
Använda Angular-moduler
Testa Angular 10-programmet
- Använda Jasmine för enhetstestning
- Använda Protractor för slut-till-slutt-testning
Felsöka programmet
- Förstå felmeddelanden i Angular
- Använda sourcemaps för att felsöka kod i webbläsaren
- Läsa TypeScript-kompilerdiagnostik
- Använda Augury
Optimera Angular 10-programmet
- Omvärdera koden
- Minska packetsstorlek och eliminera dead-code
Angular 10-säkerhet
- Hur autentisering fungerar
- Använda JWT-autentisering
- Vad som och vad som inte bör skrivas i Angular
Distribuera ett Angular 10-program till produktion
- Distribuera till IIS, Apache, Nginx, etc.
Angular 10-bästa praxis
Felsöka problem
Sammanfattning och slutsats
Krav
- Familiaritet med grundläggande HTML, CSS och JavaScript
Målgrupp
- Utvecklare
Vittnesmål (4)
Tränarens attityd och kunskap
Gabriel Llaurado - Allianz Technology
Kurs - Angular 10 for Developers
Maskintolkat
Kunskapen om instrukturen.
Jeffry Gonzalez - Allianz Technology
Kurs - Angular 10 for Developers
Maskintolkat
Vi utgick från basen av Angular och TS och vi ökade svårighetsgraden på övningarna på ett bra sätt
Daniel Zamorano Infante - Allianz Technology
Kurs - Angular 10 for Developers
Maskintolkat
Practical examples, exercises and best practices