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 mycket interaktivt och informativt. Utbildaren var väldigt tålmodig med oss när vi inte förstod något och säkrade sig på att ingen blev kvar efter truppen under hela utbildningen.
Daniel - INIT Innovations in Transportation Ltd.
Kurs - Angular 17
Maskintolkat
- Jag tycker verkligen om kursen och utbildarens tillgänglighet är mycket bra, samt att hen har stort kunskapsinnehåll på ämnet. Det är bara så att inte alla ämnen behandlas under de 4-dagarsutbildningen.
Allan - Tribal Software Philippines Inc
Kurs - Angular 14
Maskintolkat
Jag tyckte om dina skämt
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Maskintolkat
Praktiska exempel, övningar och bästa praxis
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurs - Angular 10 for Developers
Maskintolkat
Pipe Rutning Data-bindning Tjänster
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
Maskintolkat
