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 (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Kurs - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Kurs - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Kurs - Building Web Apps using the MEAN stack
Jag gillade dina skämt
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Kurs - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
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.
Michał Uściński - Devapo Sp. z o. o.
Kurs - Testing Angular Applications
Machine Translated
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Kurs - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Kurs - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurs - Angular 6
Good examples and interactive course !