Kursplan
Introduktion
- Vad är Angular?
- Vad är nytt i Angular 10?
Översikt över Typescript och ES6 JavaScript
- TypeScript Syntax
- Använda transpilern TypeScript
- Ställa in Angular 10 och Typescript
Översikt över Angular 10:s delar
- Angular CLI
- Komponenter
- direktiv
- Ingångar och utgångar
- Databindning och interpolation
- Händelsebindning
- Datamodellering
- Bootstrapping
Skapa din första Angular applikation
- Planera ansökan
- Konfigurera ett Angular-projekt
- Skapa ett mobilanpassat 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 10
- 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 10 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
Använda Angular moduler
Testa applikationen Angular 10
- Använder Jasmine för enhetstestning
- Använder Protractor 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
Optimera Angular 10-applikationen
- Omarbetar koden
- Minskar buntstorleken och eliminerar död kod
Angular 10 Säkerhet
- Hur autentisering fungerar
- Använder JWT-autentisering
- Vad bör och inte bör skrivas i Angular
Distribuera en Angular 10-applikation till produktion
- Utplacering till IIS, Apache, Nginx etc.
Angular 10 bästa metoder
Felsökning
Sammanfattning och slutsats
Krav
- Bekantskap med grundläggande HTML, CSS och JavaScript
Publik
- Utvecklare
Vittnesmål (4)
Tränarens attityd och kunskap
Gabriel Llaurado - Allianz Technology
Kurs - Angular 10 for Developers
Machine Translated
Kunskapen om instrukturen.
Jeffry Gonzalez - Allianz Technology
Kurs - Angular 10 for Developers
Machine Translated
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
Machine Translated
Practical examples, exercises and best practices