Kursplan
Introduktion
- Vad är Angular?
- Angular vs React vs Vue
- Översikt över Angular 16 funktioner och arkitektur
- Att sätta upp utvecklingsmiljön
Komma igång
- Skapa ett nytt Angular 16 projekt med Angular CLI
- Utforska projektstrukturen och filerna
- Köra och servera applikationen
- Visa data med interpolation och uttryck
Komponenter
- Förstå komponenternas roll i Angular 16
- Skapa och använda komponenter
- Skicka data mellan komponenter med hjälp av ingångar och utgångar
- Använda komponentlivscykelkrokar
direktiv
- Förstå skillnaden mellan strukturella och attributdirektiv
- Skapa och använda inbyggda direktiv som ngIf, ngFor, ngSwitch, etc.
- Skapa och använda anpassade direktiv
Rör
- Förstå syftet med rör i Angular 16
- Skapa och använda inbyggda pipes som datum, valuta, json, etc.
- Skapa och använda anpassade rör
Tjänster
- Förstå tjänsternas roll i Angular 16
- Skapa och använda tjänster
- Injicera beroenden med hjälp av leverantörer
Moduler
- Förstå modulernas roll i Angular 16
- Skapa och använda moduler
- Importera och exportera moduler
Databindning
- Förstå skillnaden mellan enkelriktad och tvåvägs databindning
- Skapa och använda egenskapsbindning, händelsebindning och banan-i-en-låda-syntax
- Använda mallreferensvariabler
Routing
- Förstå rollen av routing i Angular 16
- Skapa och konfigurera rutter
- Navigera mellan rutter med hjälp av routerLink och router.navigate
- Använda ruttparametrar, frågeparametrar och fragment
Blanketter
- Förstå skillnaden mellan malldrivna och reaktiva formulär
- Skapa och validera formulär med hjälp av formulärkontroller, formulärgrupper, formulärmatriser, etc.
- Använda inbyggda validatorer som obligatoriskt, minLength, maxLength, etc.
- Skapa och använda anpassade validatorer
HTTP-klient
- Förstå rollen för HTTP-klient i Angular 16
- Skapa och använda HTTP-förfrågningar för att kommunicera med backend-tjänster
- Använda observerbara objekt för att hantera asynkrona dataströmmar
- Använda interceptorer för att modifiera eller hantera HTTP-förfrågningar eller svar
Felsökning
- Förstå vanliga fel och buggar i Angular 16 applikationer
- Använda Chrome DevTools för att inspektera element, källor, nätverk, konsol osv.
- Använda brytpunkter, titta på uttryck, anropsstack, etc. för att felsöka kod
Testning
- Förstå vikten av att testa i Angular 16 applikationer
- Använder Jest som ett alternativt testramverk
- Använder Karma som en testlöpare för enhetstester
- Använder Protractor som ett end-to-end-testverktyg
Sammanfattning och nästa steg
Krav
- En förståelse för HTML, CSS och JavaScript
- Erfarenhet av TypeScript och RxJS
- Erfarenhet av webbutveckling
Publik
- Utvecklare som vill lära sig hur man använder Angular 16 för att skapa dynamiska och responsiva webbapplikationer
- Utvecklare som vill uppgradera sina färdigheter från tidigare versioner av Angular
- Programmerare som vill utforska de nya funktionerna och uppdateringarna av Angular 16
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