Wij maken gebruik van Cookies. Cookies zijn bestanden die in je browser worden opgeslagen en zorgen dat de website optimaal werkt, dat je sneller vindt wat je zoekt en dat getoonde content voor jou zo relevant mogelijk is. Lees er meer over in ons cookies- en privacybeleid. Klik hieronder het gewenste niveau.
Niveau 1: Deze cookies zijn noodzakelijk voor een goed en veilig werkende website.
Niveau 1+2: Met deze cookies maken we de website persoonlijker en gebruiksvriendelijker.
Niveau 1+2+3: Deze cookies zorgen ervoor dat we je relevante advertenties kunnen laten zien.

Wil je moderne webapps bouwen?

home/trainingen/development/angular - javascript framework

Angular - JavaScript Framework (DEV-ANGF)

Wil je moderne webapps bouwen? In deze Angular-training leer je componenten, data binding en routing. Perfect voor developers die efficiënt en gestructureerd willen werken!

Wil je...

Wil je professionele, schaalbare webapplicaties ontwikkelen? In deze training leer je Angular, het krachtige JavaScript-framework van Google. Je ontdekt hoe je modulaire, onderhoudbare en dynamische applicaties bouwt met TypeScript.

Wat leer je in deze training?

  • Componentgebaseerde architectuur – Bouw herbruikbare UI-componenten voor overzichtelijke code.
  • Data binding & directives – Koppel data efficiënt en pas Angular-directives toe voor dynamische content.
  • Services & dependency injection – Deel logica tussen componenten en verbeter de prestaties.
  • Routing & formulieren – Beheer navigatie en werk met zowel template-driven als reactive forms.
  • State management & RxJS – Beheer applicatiestatus met observables en reactive programming.
  • Testing & deployment – Schrijf unit tests, debug effectief en deploy je app met Angular CLI.

Deze training is ideaal voor frontend-ontwikkelaars, JavaScript-programmeurs en full-stack developers die Angular willen beheersen.

De training bevat Engelstalig lesmateriaal en wordt gegeven door een Nederlandstalige docent.

Wat is inbegrepen

  1. Een AI-Tutor voor ondersteuning tijdens en na de training
  2. Engelstalig lesmateriaal
  3. Nederlandstalige docent
  4. Praktijkgerichte labs
  5. Certificaat van deelname

Voor wie

  • Frontend-beginners die een gestructureerd framework willen leren.
  • JavaScript-ontwikkelaars die overstappen naar TypeScript.
  • Teams die onderhoudbare en testbare code prioriteren.
  • Full-stack developers die Angular willen combineren met .NET/Java.

Voorkennis

  • Basiskennis van HTML, CSS en JavaScript.
  • Enige ervaring met TypeScript (types, interfaces) is nuttig.
  • Geen Angular-ervaring vereist.

Info & aanmelden

Onze missie
Iedereen verdient IT-trainingen die echt verschil maken. Daarom maken wij IT persoonlijk: afgestemd op jouw niveau, leerstijl en ambities.
Klassikaal of virtueel
Onze trainingen kun je klassikaal op locatie volgen of virtueel vanuit huis of kantoor. Zo kies je de leervorm die het beste past bij jouw agenda en werksituatie.
Nederlandse trainers
Onze trainingen worden verzorgd door Nederlandse trainers. Het lesmateriaal is Engelstalig, zodat het aansluit op internationale IT-standaarden en certificeringen.
Wanneer
Kies een locatie
Volg deze training klassikaal vanaf...
€ 9.999,00
Jouw keuze
€ 9.999,-
Excl. BTW
Print offerte

Programma

Modules

Dag 1: Angular Basis en Componenten
  • Installatie: Node.js, npm, Angular CLI (ng new).
  • Projectstructuur: src/app, modules, componenten, services.
  • Componenten: @Component, templates ({{data}}), @Input/@Output.
  • Data binding: property binding ([value]), event binding ((click)), two-way binding ([(ngModel)]).
  • Directives: *ngIf, *ngFor, custom directives.
Dag 2: Services, Routing en Formulieren
  • Dependency Injection: @Injectable, services maken en gebruiken.
  • Routing: RouterModule, routerLink, route parameters (ActivatedRoute).
  • Formulieren: Template-driven forms (ngForm), validatie.
  • HTTP Client: API-calls met HttpClient, GET/POST, error handling.
Dag 3: State Management en Afronding
  • Reactive Forms: FormGroup, FormControl, dynamische validators.
  • State Management: Introductie tot RxJS (BehaviorSubject, Observable).
  • Componentcommunicatie: Services vs. @ViewChild.
  • Deployment: ng build --prod, hosting op Firebase/Netlify.
  • Afsluitend project: Een volledige CRUD-app met API en routing.

Programma:
  • Basisconcepten:
  • Decorators: @Component, @NgModule, @Injectable.
  • Modules: AppModule, RouterModule, HttpClientModule.
  • Lifecycle hooks: ngOnInit(), ngOnDestroy(), ngOnChanges().
  • Template syntax: *ngFor="let item of items; index as i", *ngIf="condition".
  • Pipes: | date, | async, | currency, custom pipes met @Pipe.
  • Data Management:
  • Dependency Injection: providedIn: 'root', @Optional(), @Inject().
  • HTTP: HttpClient, HttpInterceptor, HttpHeaders, HttpErrorResponse.
  • RxJS: Observable, Subject, BehaviorSubject, operators (map, catchError, tap).
  • State: lokale state via @Input()/@Output(), services met BehaviorSubject.
  • UI en Interactie:
  • Directives: structurele (*ngIf), attribuut (ngClass, ngStyle), custom directives (@Directive).
  • Forms:
  • Template-driven: NgForm, NgModel, #form="ngForm".
  • Reactive: FormGroup, FormControl, FormBuilder, Validators.required.
  • Routing:
  • RouterOutlet, ActivatedRoute, RouteConfigLoadStart, CanActivateFn.
  • Route parameters: /:id, route.snapshot.paramMap.get('id').
  • Testing:
  • Unit tests: TestBed.configureTestingModule(), ComponentFixture, DebugElement.
  • Mocken: jasmine.createSpyObj(), providers: [{ provide: Service, useValue: mockService }].
  • E2E: Protractor, browser.get(), element(by.css()).
  • Tools en Configuratie:
  • Angular CLI: ng generate component|service|guard, ng serve --port 4200.
  • Configuratiebestanden: angular.json, tsconfig.json, package.json scripts.
  • Debugging: Augury, Redux DevTools (voor NgRx), Chrome DevTools.

Examen

  • Bereidt voor op Angular Certification Program (Google, indien beschikbaar).
  • Certificaat van deelname (geen officieel examen vereist).

Studiebelasting

Open leercentrum: 18 lesuren, 0 uren zelfstudie

We make
personal

Persoonlijk leren, begeleid door Buddy


Bij veel IT trainingen ontstaat de echte uitdaging pas na de lesdag. Vragen blijven liggen, oefenen kost tijd en niet iedereen leert in hetzelfde tempo.

Daarom werken wij met Buddy: onze overkoepelende AI-ondersteuning die deelnemers begeleidt van oriëntatie tot certificering en toepassing in de praktijk.

Buddy ondersteunt bij kiezen, voorbereiden, leren, voortgang en afronding. Zo blijft de ontwikkeling doorgaan tijdens én buiten de trainingsmomenten.

Company strippenkaart


Strippenkaart van The Academy

Flexibel opleiden met voordeel en tot twee jaar zekerheid.

Met de Strippenkaart koop je vooruit opleidings­capaciteit in voor je organisatie. Je zet trainingen flexibel in voor meerdere medewerkers, wanneer het past bij jullie planning. Met voordeel per trainingsdag en een geldigheid tot twee jaar haal je meer rendement uit je opleidings­budget, zonder vast te zitten aan starre afspraken.

De volgende training is gevonden

Professioneel pakket

60 Strippen
28 % kortingMeest gekozen
€ 25.704,00 € 35.700,00Je bespaart € 9.996,00
Geldig 24 maanden
Persoonlijke opleidingsadviseur
Flexibel inzetbaar
Bekijk details

Ook beschikbaar:

21 Strippen
13% korting
€ 1.617,- besparing
30 Strippen
23% korting
€ 4.017,- besparing
150 Strippen
29% korting
€ 25.500,- besparing

NIEUWSBRIEF:    Blijf op de hoogte van nieuwe trainingen en acties