Kursplan
Introduktion
- Vad är Angular?
- Angular vs React vs Vue
- Översikt över Angular 17 funktioner och arkitektur
- Att sätta upp utvecklingsmiljön
Komma igång
- Skapa ett nytt Angular 17 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 17
- 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 17
- 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 17
- Skapa och använda tjänster
- Injicera beroenden med hjälp av leverantörer
Moduler
- Förstå modulernas roll i Angular 17
- 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 17
- 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 17
- 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
Nytt, deklarativt kontrollflöde
- Förklara syntaxen för den nya mallens kontrollblock och hur den förenklar vanliga uppgifter som villkorlig rendering, looping och hantering av tomma samlingar
- Ge exempel på hur de nya blocken används, såsom @if, @else, @switch, @case, @default, @for och @empty
- Jämföra den nya syntaxen med den tidigare, som *ngIf, *ngSwitch och *ngFor
- Att nämna hur de nya kontrollblocken stödjer zonlösa applikationer med signaler
Uppskjutna laddningsblock
- Förklara konceptet med uppskjuten laddning och hur det kan förbättra prestandan och användarupplevelsen av webbapplikationer
- Vi introducerar det nya @defer-kontrollblocket som möjliggör lat-laddning av blockets innehåll och dess beroenden
- Ge exempel på hur @defer-blocket används för olika scenarier, som att ladda komponenter, direktiv, pipes, animationer och stilar
- Att nämna hur @defer-blocket fungerar med det nya API:et för vyövergångar
Visa Transitions API
- Förklara syftet och fördelarna med API:et för vyövergångar, som gör det möjligt för utvecklare att anpassa animationerna och övergångarna mellan vyerna
- Vi introducerar det nya withViewTransitions-direktivet som möjliggör användning av vyövergångar API
- Ge exempel på användning av withViewTransitions-direktivet med olika övergångstyper, såsom fade, slide, zoom och flip
- Att nämna hur vyövergångar API fungerar med Angular-routern och webbläsarhistoriken
Andra funktioner och förbättringar
- Sammanfattar kort några av de andra funktionerna och förbättringarna som Angular 17 erbjuder, som:
- Stöd för att skicka in @Component.styles som en sträng
- Angulars animationskod är lata-laddbar
- TypeScript 5.2 stöd
- Kärnsignalens API är nu stabil
- Node.js v16-stöd har tagits bort och den lägsta supportversionen är v18.13.0
- Esbuild kommer att vara standardbyggaren och standarddevservern kommer att använda Vite
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 17 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 förbättringarna av Angular 17
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 !