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
Invoering
- Wat is Angular?
- Angular versus React versus Vue
- Overzicht van Angular 17 kenmerken en architectuur
- Het opzetten van de ontwikkelomgeving
Aan de slag
- Een nieuw Angular 17-project maken met behulp van Angular CLI
- Het verkennen van de projectstructuur en bestanden
- Het uitvoeren en bedienen van de applicatie
- Gegevens weergeven met behulp van interpolatie en expressies
Componenten
- De rol van componenten begrijpen in Angular 17
- Componenten maken en gebruiken
- Gegevens doorgeven tussen componenten met behulp van in- en uitgangen
- Gebruik maken van levenscyclushaken voor componenten
Richtlijnen
- Het verschil begrijpen tussen structurele richtlijnen en attribuutrichtlijnen
- Ingebouwde richtlijnen maken en gebruiken, zoals ngIf, ngFor, ngSwitch, enz.
- Aangepaste richtlijnen maken en gebruiken
Pijpen
- Het doel van pijpen begrijpen in Angular 17
- Ingebouwde leidingen maken en gebruiken, zoals datum, valuta, json, enz.
- Aangepaste pijpen maken en gebruiken
Diensten
- Inzicht in de rol van diensten in Angular 17
- Diensten maken en gebruiken
- Afhankelijkheden injecteren met behulp van providers
Modules
- De rol van modules begrijpen in Angular 17
- Modules maken en gebruiken
- Modules importeren en exporteren
Dataverbinding
- Het verschil begrijpen tussen eenrichtings- en tweerichtingsgegevensbinding
- Maken en gebruiken van eigenschapsbinding, gebeurtenisbinding en banaan-in-een-box-syntaxis
- Sjabloonreferentievariabelen gebruiken
Routering
- De rol van routing begrijpen in Angular 17
- Routes maken en configureren
- Navigeren tussen routes met routerLink en router.navigate()
- Routeparameters, queryparameters en fragmenten gebruiken
Formulieren
- Het verschil begrijpen tussen sjabloongestuurde en reactieve formulieren
- Formulieren maken en valideren met behulp van formulierbesturingselementen, formuliergroepen, formuliermatrices, enz.
- Met behulp van ingebouwde validators zoals vereist, minLength, maxLength, enz.
- Aangepaste validators maken en gebruiken
HTTP-client
- De rol van de HTTP-client begrijpen in Angular 17
- HTTP-verzoeken maken en gebruiken om te communiceren met backend-services
- Waarnemingen gebruiken om asynchrone gegevensstromen te verwerken
- Interceptors gebruiken om HTTP-verzoeken of -reacties te wijzigen of af te handelen
Nieuwe, declaratieve controlestroom
- Uitleg van de syntaxis van de nieuwe sjabloonbesturingsblokken en hoe deze algemene taken vereenvoudigt, zoals voorwaardelijke weergave, looping en het omgaan met lege verzamelingen
- Voorbeelden geven van het gebruik van de nieuwe blokken, zoals @if, @else, @switch, @case, @default, @for en @empty
- De nieuwe syntaxis vergelijken met de vorige, zoals *ngIf, *ngSwitch en *ngFor
- Vermelden hoe de nieuwe besturingsblokken zoneloze toepassingen met signalen ondersteunen
Uitgestelde laadblokken
- Uitleg over het concept van uitgesteld laden en hoe dit de prestaties en gebruikerservaring van webapplicaties kan verbeteren
- Introductie van het nieuwe @defer-controleblok dat het lui laden van de inhoud van het blok en zijn afhankelijkheden mogelijk maakt
- Voorbeelden geven van het gebruik van het @defer-blok voor verschillende scenario's, zoals het laden van componenten, richtlijnen, pipelines, animaties en stijlen
- Vermelden hoe het @defer-blok werkt met de nieuwe API voor weergaveovergangen
Bekijk Transitions-API
- Uitleg van het doel en de voordelen van de API voor weergaveovergangen, waarmee ontwikkelaars de animaties en overgangen tussen weergaven kunnen aanpassen
- Introductie van de nieuwe withViewTransitions-richtlijn die het gebruik van de view transitions-API mogelijk maakt
- Voorbeelden geven van het gebruik van de instructie withViewTransitions met verschillende overgangstypen, zoals vervagen, schuiven, zoomen en spiegelen
- Vermelden hoe de view transitions API werkt met de Angular router en de browsergeschiedenis
Andere functies en verbeteringen
- Een korte samenvatting van enkele van de andere functies en verbeteringen die Angular 17 biedt, zoals:
- Ondersteuning voor het doorgeven van @Component.styles als een string
- De animatiecode van Angular kan lui worden geladen
- TypeScript 5.2 ondersteuning
- De kernsignaal-API is nu stabiel
- Node.js Ondersteuning voor v16 is verwijderd en de minimale ondersteuningsversie is v18.13.0
- Esbuild zal de standaardbuilder zijn en de standaardontwikkelaarsserver zal Vite gebruiken
Samenvatting en volgende stappen
Vereisten
- Een goed begrip van HTML, CSS en JavaScript
- Ervaring met TypeScript en RxJS
- Ervaring met webontwikkeling
Publiek
- Ontwikkelaars die willen leren hoe ze Angular 17 kunnen gebruiken om dynamische en responsieve webapplicaties te maken
- Ontwikkelaars die hun vaardigheden uit eerdere versies van Angular willen upgraden
- Programmeurs die de nieuwe functies en verbeteringen van Angular 17 willen verkennen
28 Uren
Leveringsopties
PRIVÉGROEPSTRAINING
Onze identiteit draait om het leveren van precies wat onze klanten nodig hebben.
- Pre-cursusgesprek met uw trainer
- Aanpassing van de leerervaring om uw doelen te bereiken -
- Op maat gemaakte overzichten
- Praktische, praktische oefeningen met gegevens / scenario's die herkenbaar zijn voor de cursisten
- Training gepland op een datum naar keuze
- Gegeven online, op locatie/klaslokaal of hybride door experts die ervaring uit de echte wereld delen
Private Group Prices RRP from €9120 online delivery, based on a group of 2 delegates, €2880 per additional delegate (excludes any certification / exam costs). We recommend a maximum group size of 12 for most learning events.
Neem contact met ons op voor een exacte offerte en om onze laatste promoties te horen
OPENBARE TRAINING
Kijk op onze public courses
Reviews (2)
Ik vond de training flow het leukst; ze ging het onderwerp door, en aan het einde van het onderwerp had ze goed gedefinieerde praktijk sessies voor ons. Ze kon ons snel begeleiden met de problemen waarmee we werden geconfronteerd in de praktijk sessies.
Rabin Byanjankar - Lument
Cursus - Angular 17
Automatisch vertaald
Het was zeer interactief en informatief. De trainer was erg geduldig met ons als we iets niet begrepen en zorgde ervoor dat niemand tijdens de training achterbleef.
Daniel - INIT Innovations in Transportation Ltd.
Cursus - Angular 17
Automatisch vertaald
