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)
Jag gillade att utbildningen fokuserade mer på det praktiska.
Mihaela - Ness
Kurs - NgRx
Machine Translated
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
Kurs - Reactive Programming with Angular RxJS
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
Steg-för-steg-analys. Varje kodrad med förklaring. Alla problem jag hade under kursen löstes framgångsrikt och Łukasz berättade för mig varför. Jag gillade också god praxis som har presenterats. Jag har aldrig varit övertygad om TDD-stilen - jag tycker bara inte att den är användbar och värd sin tid. Łukasz påpekade så många fördelar med TDD att det helt ändrade min åsikt.
Michal Uscinski - Devapo Sp. z o. o.
Kurs - Testing Angular Applications
Machine Translated