Kursplan
Introduktion
- Vad är Angular?
- Vad är nytt i Angular 12?
Översikt över Typescript och ES6 JavaScript
- TypeScript Syntax
- Använda transpilern TypeScript
- Konfigurera Angular 12 och Typescript
Översikt över Angular 12:s delar
- Angular CLI
- Komponenter
- direktiv
- Ingångar och utgångar
- Databindning och interpolation
- Händelsebindning
- Datamodellering
- Bootstrapping
- Experimentellt webbpaket
Skapa din första Angular applikation
- Planera ansökan
- Konfigurera ett Angular-projekt
- Skapa ett mobilvänligt gränssnitt med Bootstrap 4 och Sass
Skapa en komponent
- Förstå komponentlivscykeln
- Data flöde
- Använda mallar och stilar
- Projicera innehåll
- Arbeta med AppModule
- Arbeta med anpassade komponenter
- Använder View Encapsulation
- Implementering av livscykelhakar
- Använder ViewChildren och ContentChildren
Databindning i Angular 12
- Förstå fastighets- och händelsebindning
- Bindning och tilldelning av alias till anpassade egenskaper
- Bindning och tilldelning av alias till anpassade händelser
Arbeta med direktiv
- Inbyggda direktiv
- Anpassade direktiv
Angular 12 tjänster
- Skapa en loggningstjänst
- Skapa en datatjänst
Använder Dependency Injection och Providers
- Injektorer, leverantör och tokens
- Konfigurera beroendeinjektion
- Konfigurera din leverantör
- Injicera tjänster i komponenter, direktiv och tjänster
Byta sida med routing
- Förstå de olika navigeringsmetoderna
- Routingstrategier
- Ställa in rutter
- Konfigurera och ladda rutter
- Använda parametrar i rutter
- Skapa kapslade rutter
- Använda omdirigerings- och jokerteckenrutter
- Förstå Route Guards
Använda RxJS för att skapa och arbeta med observerbara objekt i Angular
- Översikt över observerbara
- Översikt över RxJS
- Bygga och använda observerbara objekt i Angular
Generera formulär för användarinmatning
- Använda malldrivna formulär
- Använda Reactive Forms
- Skapa anpassad validering
- Validera, filtrera och sanera formulärdata
Använda rör
- Omvandlar utdata
- Inbyggda rör
- Asynkront rör
- Anpassade rör
Ringa anrop till externa HTTP-API:er
- Skickar förfrågningar
Testa applikationen Angular 12
- Använder Jasmine för enhetstestning
- Utforskar Protractor alternativ för end-to-end-testning
Felsökning av applikationen
- Förstå felmeddelanden i Angular
- Använda källkartor för att felsöka kod i webbläsaren
- Läsning TypeScript Kompilatordiagnostik
- Använder Augury för att felsöka i en webbläsare
Optimera Angular 12-applikationen
- Omarbetar koden
- Minskar buntstorleken och eliminerar död kod
Angular 12 Säkerhet
- Hur autentisering fungerar
- Använder JWT-autentisering
- Vad bör och inte bör skrivas i Angular
Distribuera en Angular 12-applikation till produktion
- Utplacering till IIS, Apache, Nginx etc.
Angular 12 bästa praxis
Felsökning
Sammanfattning och slutsats
Krav
- Bekantskap med grundläggande HTML, CSS och JavaScript
Publik
- 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