Kursplan
Introduktion
- Vad är Angular?
- Vad är nytt i Angular 11?
Översikt över Typescript och ES6 JavaScript
- TypeScript Syntax
- Använda transpilern TypeScript
- Konfigurera Angular 11 och Typescript
Översikt över Angular 11: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 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 11
- 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 11 tjänster
- Skapa en loggningstjänst
- Skapa en datatjänst
Använder Dependency Injection och Providers
- Injektorer, leverantör och tokens
- Konfigurera Dependency Injection
- 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 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 11-applikationen
- Omarbetar koden
- Minskar buntstorleken och eliminerar död kod
Angular 11 Säkerhet
- Hur autentisering fungerar
- Använder JWT-autentisering
- Vad bör och inte bör skrivas i Angular
Distribuera en Angular 11-applikation till produktion
- Utplacering till IIS, Apache, Nginx etc.
Angular 11 bästa praxis
Felsökning
Sammanfattning och slutsats
Krav
- Bekantskap med grundläggande HTML, CSS och JavaScript
Publik
- Utvecklare
Vittnesmål (5)
Det var väldigt interaktivt och informativt. Tränaren var mycket tålmodig med oss när vi inte förstod något och såg till att ingen lämnades efter under hela träningen.
Daniel - INIT Innovations in Transportation Ltd.
Kurs - Angular 17
Machine Translated
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Kurs - Angular 14
Jag gillade dina skämt
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Machine Translated
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurs - Angular 10 for Developers
Pipe Routing Data Biding Services