Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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
28 timmar
Vittnesmål (2)
Jag gillade mest träningens flöde; hon gick igenom ämnet, och i slutet av ämnet hade hon väl definierade övningssessioner för oss. Hon kunde vägleda oss snabbt med de problem vi stötte på i övningssessionerna.
Rabin Byanjankar - Lument
Kurs - Angular 17
Machine Translated
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
