Kursplan
Inledning
- Vad är Angular?
- Vad är nytt i Angular 12?
Översikt över TypeScript och ES6 JavaScript
- TypeScript-syntax
- Använda TypeScript transpiler
- Konfigurera Angular 12 och TypeScript
Översikt över Angular 12:s delar
- Angular CLI
- Komponenter
- Direktiv
- Inmatningar och utgångar
- Data-bindning och interpolation
- Händelselista
- Data-modellering
- Bootstrap
- Eksperimentell Webpack
Skapa ditt första Angular-program
- Planera programmet
- Konfigurera ett Angular-projekt
- Skapa en mobilvänlig UI med Bootstrap 4 och Sass
Skapa en komponent
- Förstå komponentlivscykeln
- Dataflöde
- Använda mallar och stilar
- Projektera innehåll
- Arbeta med AppModule
- Arbeta med anpassade komponenter
- Använda vyinkapsling
- Implementera livscykelhooks
- Använda ViewChildren och ContentChildren
Data-bindning i Angular 12
- Förstå egenskaps- och händelselista
- 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 12-tjänster
- Skapa en loggtjänst
- Skapa en datatjänst
Använda beroendeinmatning och leverantörer
- Injektörer, leverantörer och token
- Konfigurera beroendelinmatning
- Konfigurera din leverantör
- Injektera tjänster i komponenter, direktiv och tjänster
Växla sidor med routing
- Förstå de olika navigationsmetoderna
- Routingstrategier
- Konfigurera rutter
- Ladda och konfigurera rutter
- Använda parametrar i rutter
- Skapa kapslade rutter
- Använda omdirigering och jokertaggar för rutter
- Förstå routegarder
Använda RxJS för att skapa och arbeta med observables i Angular
- Översikt över observables
- Översikt över RxJS
- Bygga och använda observables 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 sanitara formulärdata
Använda pipes
- Transformerar utdata
- Inbyggda pipes
- Async pipe
- Anpassade pipes
Göra anrop till externa HTTP-API:er
- Skicka förfrågningar
Testa Angular 12-programmet
- Använda Jasmine för enhetstestning
- Utforska Protractor-alternativ 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-kompilerar diagnostics
- Använda Augury för felsökning inuti en webbläsare
Optimera Angular 12-programmet
- Omarbeta koden
- Minska paketstorleken och eliminera dödkod
Angular 12-säkerhet
- Hur autentisering fungerar
- Använda JWT-autentisering
- Vad som och vad som inte bör skrivas i Angular
Distribuera ett Angular 12-program till produktion
- Distribuera till IIS, Apache, Nginx etc.
Angular 12-bästa praxis
Felsökning
Sammanfattning och konklusion
Krav
- Kännedom om grundläggande HTML, CSS och JavaScript
Målgrupp
- Utvecklare
- Programmerare
Vittnesmål (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
Pipe Routing Data Biding Services
