Angular Development - 4 dagen online klassikaal

Leer moderne front-endontwikkeling met Angular, JavaScript en TypeScript om snelle, schaalbare en responsieve webapplicaties te bouwen.

Deze praktijkgerichte training is bedoeld om ontwikkelaars te helpen praktische ervaring op te doen met het bouwen van dynamische single-page-applicaties (SPA’s) met behulp van het nieuwste Angular-framework en moderne TypeScript-functies.

Tijdens de cursus verkennen cursisten de kernconcepten van Angular, waaronder componenten, sjablonen, services, routing, dependency injection, formulieren en HTTP-communicatie. Je versterkt ook je vaardigheden in JavaScript en TypeScript terwijl je leert hoe je onderhoudbare applicaties structureert met behulp van best practices uit de branche.

Met interactieve codeeroefeningen en realistische ontwikkelingsscenario's rust deze cursus je uit met de technische kennis en het praktische zelfvertrouwen die nodig zijn om professionele front-end applicaties te ontwikkelen voor moderne webomgevingen.

Doelgroep

• Front-end- en webontwikkelaars die hun Angular-vaardigheden willen uitbreiden
• JavaScript-ontwikkelaars die overstappen naar TypeScript en Angular
• Softwareontwikkelaars die moderne single-page-applicaties bouwen
• Full-stack-ontwikkelaars die hun front-end-expertise willen versterken
• Technische professionals die geïnteresseerd zijn in de ontwikkeling van moderne webapplicaties
• Ontwikkelaars die praktische ervaring zoeken met Angular-architectuur en best practices

Vereisten

• Basiskennis van JavaScript-programmeren
• Bekendheid met HTML en CSS
• Basiskennis van concepten voor webontwikkeling
• Enige ervaring met programmeerlogica en objectgeoriënteerde concepten is een pré
• Basiskennis van Node.js en npm is nuttig, maar niet verplicht

Leerdoelen

• De kernfuncties van Angular begrijpen: Leer hoe je Angular-componenten, sjablonen, richtlijnen, signalen en services kunt gebruiken om moderne webapplicaties te bouwen. Je doet ook praktische ervaring op met routing, formulieren, HTTP-communicatie en testpraktijken.
• Bouw herbruikbare en schaalbare componenten: B Creëer modulaire Angular-componenten met een effectieve gegevensstroom door gebruik te maken van inputs en outputs. Verken contentprojectie, lifecycle hooks en componentarchitectuur om schone en onderhoudbare applicaties te ontwikkelen.
• Dynamische gebruikersinterfaces maken: Ontwikkel interactieve sjablonen met behulp van gegevensbinding, gebeurtenisafhandeling, voorwaardelijke weergave en sjabloonvariabelen. Je zult ook pipes gebruiken om gegevens effectief op te maken en weer te geven binnen de gebruikersinterface.
• Routing en navigatie implementeren: Configureer Angular-routing om soepele navigatie tussen weergaven mogelijk te maken. Leer hoe je routes definieert, navigatie beheert, router-outlets gebruikt en route guards toepast voor betere applicatiecontrole en beveiliging.
• API's integreren en applicaties testen: Gebruik Angular HttpClient om applicaties te koppelen aan backend-API's, verzoeken en reacties te beheren, fouten af te handelen en met observables te werken. Je verkent ook testframeworks zoals Jasmine en Karma om betrouwbare en onderhoudbare code te bouwen.

Cursusinhoud

Dag 1

Sessie 1: Inleiding tot Angular

• Basisprincipes van Angular
• Installatie en Angular CLI
• Inleiding tot TypeScript

Sessie 2: Basisprincipes van Angular

• Componenten en sjablonen
• Signalen en afhankelijkheidsinjectie

Sessie 3: Werken met signalen

• Schrijfbare en berekende signalen
• Effecten en reactief statusbeheer

Dag 2

Sessie 4: Componenten

• Angular-componenten en selectors
• Inline en externe HTML/CSS
• Imports en styling
• Inputs, outputs en contentprojectie
• Levenscyclus van componenten en hostelementen
• Verwijzingen naar onderliggende componenten en DOM-toegang

Sessie 5: Sjablonen

• Sjablonen en gegevensbinding
• Interpolatie en gebeurtenisafhandeling
• Controleflow en pipes
• Sjabloonvariabelen

Dag 3

Sessie 6: Directieven

• Attribuut- en structurele directieven
• Werken met Angular-richtlijnen

Sessie 7: Afhankelijkheidsinjectie

• Basisprincipes van afhankelijkheidsinjectie
• Services maken en injecteren
• Injectors en providers

Sessie 8: Routing

• Concepten van SPA-routing
• Angular-router instellen
• Routes, outlets en navigatielinks
• Routestatus en guards

Dag 4

Sessie 9: Formulieren

• Reactieve en sjabloongestuurde formulieren
• Formulierbesturingselementen, groepering en validatie
• Dynamische feedback en styling

Sessie 10: HTTP-client

• Angular HttpClient en RxJS Observables
• Gegevens ophalen en bijwerken
• Request-headers en URL-parameters
• Responsafhandeling en foutbeheer

Sessie 11: Testen

• Basisprincipes van Jasmine en Karma
• Component- en routingtests
• Bindingen, services, inputs en outputs testen
• Asynchroon en afhankelijkheden testen

FAQ

Wat leer ik in deze Angular-cursus?

Je leert hoe je moderne single-page applicaties bouwt met Angular, JavaScript en TypeScript, inclusief componenten, routing, services, dependency injection, formulieren en API-integratie.

Is deze cursus geschikt voor beginners?

Ja. De cursus is geschikt voor cursisten met basiskennis van JavaScript, HTML en CSS die zich willen verdiepen in Angular-ontwikkeling.

Moet ik TypeScript kennen voordat ik Angular leer?

Basiskennis van JavaScript wordt eerst aanbevolen, aangezien TypeScript voortbouwt op JavaScript-concepten. De cursus introduceert ook essentiële TypeScript-basisprincipes die nodig zijn voor Angular-ontwikkeling.

Bevat de cursus praktische oefeningen?

Ja. De training omvat praktische labs, codeeractiviteiten en praktijkgerichte oefeningen die zijn ontworpen om het leerproces te versterken door middel van praktijkervaring.

Leer ik hoe ik single-page applicaties (SPA's) bouw?

Ja. Een belangrijk aandachtspunt van de cursus is het bouwen van schaalbare en onderhoudbare single-page applicaties met Angular.

Welke tools en technologieën komen aan bod?

De cursus behandelt Angular, JavaScript, TypeScript, de basisprincipes van Node.js, routing, formulieren, dependency injection, API's en moderne front-end ontwikkelingspraktijken.

Voor welke functies is deze cursus nuttig?

Deze cursus is waardevol voor front-endontwikkelaars, Angular-ontwikkelaars, webontwikkelaars, UI-ontwikkelaars en full-stackontwikkelaars die met moderne JavaScript-frameworks werken.

Waarom is TypeScript belangrijk voor Angular?

TypeScript voegt sterke typering en een betere codestructuur toe, waardoor Angular-applicaties gemakkelijker te onderhouden, schaalbaar en te debuggen zijn in professionele ontwikkelomgevingen.

Belangrijkste kenmerken

• Cursus en materiaal in het Engels
• Beginners- tot gemiddeld niveau
• 4 dagen live virtuele training onder leiding van een instructeur (8 uur per dag)
• Interactieve, praktische live labs
• Alle relevante cursusmaterialen
• Meer dan 50 aanbevolen studie-uren
• Certificering inbegrepen

Neem eerst contact met ons op om de data en het schema te bevestigen voordat u boekt