Bedankt voor uw aanvraag! Een van onze medewerkers neemt binnenkort contact met u op
Bedankt voor uw boeking! Een van onze medewerkers neemt binnenkort contact met u op.
Cursusaanbod
Inleiding
- Wat is Angular?
- Angular versus React versus Vue
- Overzicht van de kenmerken en architectuur van Angular 17
- Het instellen van de ontwikkelomgeving
Aan de slag
- Een nieuw Angular 17-project aanmaken met Angular CLI.
- De structuur en bestanden van het project verkennen.
- De applicatie uitvoeren en serveren.
- Gegevens weergeven door middel van interpolatie en expressies.
Componenten
- De rol van componenten in Angular 17 begrijpen.
- Componenten aanmaken en gebruiken.
- Gegevens doorgeven tussen componenten via inputs en outputs.
- Lifecycle hooks voor componenten toepassen.
Directiveën
- Het verschil tussen structurele en attribuutdirectiveën begrijpen.
- Ingebouwde directiveën zoals ngIf, ngFor en ngSwitch gebruiken en aanmaken.
- Aangepaste directiveën ontwikkelen en toepassen.
Pipes
- Het doel van pipes in Angular 17 begrijpen.
- Ingebouwde pipes zoals date, currency en json gebruiken en aanmaken.
- Aangepaste pipes ontwikkelen en toepassen.
Services
- De rol van services in Angular 17 begrijpen.
- Services aanmaken en gebruiken.
- Afhankelijkheden injecteren via providers.
Modules
- De functie van modules in Angular 17 begrijpen.
- Modules maken en gebruiken.
- Modules importeren en exporteren.
Databinding
- Het verschil tussen eenrichtings- en tweerichtingsdatabinding begrijpen.
- Eigenschapsbinding, evenementenbinding en de banana-in-a-box-syntaxis gebruiken.
- Sjabloonreferentievariabelen inzetten.
Routering
- Het nut van routering in Angular 17 begrijpen.
- Routes aanmaken en configureren.
- Navigeren tussen routes met routerLink en router.navigate().
- Routeparameters, queryparameters en fragmenten gebruiken.
Formulieren
- Het verschil tussen template-gedreven en reactieve formulieren begrijpen.
- Formulieren aanmaken en valideren met behulp van form controls, form groups en form arrays.
- Ingebouwde validators zoals required, minLength en maxLength gebruiken.
- Aangepaste validators ontwikkelen en toepassen.
HTTP-client
- Het doel van de HTTP-client in Angular 17 begrijpen.
- HTTP-verzoeken aanmaken om te communiceren met backendservices.
- Asynchrone datastromen afhandelen via observables.
- Interceptors gebruiken om verzoeken en antwoorden te wijzigen of beheren.
Nieuwe, declaratieve controleflow
- Het nieuwe template-controleblok-systeem uitleggen en hoe dit voorwaardelezen, lussen en het beheer van lege verzamelingen vereenvoudigt.
- Voorbeelden geven over gebruik van nieuwe blokken zoals @if, @else, @switch, @case, @default, @for en @empty.
- Het verschil aangeven tussen de nieuwe syntaxis en oudere vormen zoals *ngIf, *ngSwitch en *ngFor.
- Aanstippen dat deze controleblokken compatibel zijn met zoneless-applicaties die signals gebruiken.
Deferred Loading Blocks
- Het concept van uitstelbare laadbewerking uitleggen en hoe dit de prestaties en gebruikservaring verbetert.
- @defer control blocks introduceren als mogelijkheid om inhoud en afhankelijkheden pas later te laden.
- Praktische voorbeelden geven van toepassing in diverse scenario’s, zoals het laden van componenten, directiveën, pipes, animaties of stijlen.
- Uitleggen hoe @defer samenwerkt met de View Transitions API.
View Transitions API
- Het nut en het voordeel van de View Transitions API toelichten, waarmee animaties tussen weergaven kunnen worden aangepast.
- De withViewTransitions-directive introduceren als middel om deze API te gebruiken.
- Voorbeelden geven van verschillende type overgangen zoals fade, slide, zoom en flip.
- Aanstippen hoe de View Transitions API samenwerkt met de Angular-router en het browsersgeschiedenismechanisme.
Overige functies en verbeteringen
- Een kort overzicht van andere nieuwe aspecten in Angular 17:
- Ondersteuning voor @Component.styles als tekenreeks.
- Angular-animaties kunnen nu lazy-loaded worden.
- TypeScript 5.2 is nu ondersteund.
- De core signal API is officieel gestabiliseerd.
- Ondersteuning voor Node.js v16 is afgeschaft; de minimale vereiste versie is nu v18.13.0.
- Esbuild fungeert voortaan als standaardbuilder en Vite is de standaarddev-server.
Samenvatting en volgende stappen
Vereisten
- Kennis van HTML, CSS en JavaScript
- Ervaring met TypeScript en RxJS
- Voorkennis op het gebied van webontwikkeling
Doelgroep
- Ontwikkelaars die leren hoe Angular 17 te gebruiken voor het bouwen van dynamische en responsieve webapplicaties.
- Ontwikkelaars die hun kennis willen bijwerken ten opzichte van eerdere versies van Angular.
- Programmeurs die meer willen weten over de nieuwe functies en verbeteringen in Angular 17.
28 Uren
Aangepaste bedrijfsopleiding
Opleidingsoplossingen ontworpen exclusief voor bedrijven.
- Aangepaste inhoud: We passen de syllabus en praktijkopdrachten aan naar de echte doelen en behoeften van uw project.
- Voor flexibel schema: Datums en tijden aangepast aan het rooster van uw team.
- Formaat: Online (live), In-company (bij uw kantoren) of Hybride.
Prijs per privégroep, online live training, startend vanaf 6400 € + BTW*
Neem contact met ons op voor een exacte offerte en om onze laatste promoties te horen
Reviews (2)
Ik vond de Trainingsschemering voornamelijk goed; ze ging grondig door het onderwerp heen en had aan het einde van elk onderwerp goed uitgewerkte oefensessies voor ons. Ze kon ons snel begeleiden bij de problemen die we tijdens de oefensessies ondervonden.
Rabin Byanjankar - Lument
Cursus - Angular 17
Automatisch vertaald
Het was erg interactief en informatief. De trainer was zeer geduldig met ons als we iets niet begrepen en zorgde ervoor dat niemand achterbleef tijdens de training.
Daniel - INIT Innovations in Transportation Ltd.
Cursus - Angular 17
Automatisch vertaald
