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.
Essentieel
Niveau 1: Deze cookies zijn noodzakelijk voor een goed en veilig werkende website.
Functioneel
Niveau 1+2: Met deze cookies maken we de website persoonlijker en gebruiksvriendelijker.
Persoonlijk
Niveau 1+2+3: Deze cookies zorgen ervoor dat we je relevante advertenties kunnen laten zien.
Accepteer keuze
Accepteer alles
MENU
Home
Kies een training
CA-ICT Subsidie
Junior IT Traineeship
Strippenkaart
Workshops
Voordelen
Technologieën
Certificeringen
Lesmethodes
Examens
Omscholen
Over ons
Blog
Contact
zoek
zoek
home
/
trainingen
/
development
/
angular - javascript framework
Angular - JavaScript Framework (DEV-ANGF)
Deze driedaagse opleiding biedt een complete introductie tot Angular, een krachtig framework voor het bouwen van moderne webapplicaties. Je leert componentgebaseerde architectuur, data binding, dependency injection en routing.
Waarom Angular?
Angular is een
volledig framework
voor enterprise-grade applicaties. Kenmerken:
Componentgebaseerd
: herbruikbare, modulaire UI-componenten.
TypeScript-first
: statische typing voor betere codekwaliteit.
CLI-tooling
: automatisch genereren van componenten, services en meer.
Schaalbaarheid
: geschikt voor kleine én grote projecten.
Ecosysteem
: ondersteund door Google, gebruikt door o.a. Microsoft en BMW.
Studiebelasting:
Contacturen
: 3 dagen × 8 uur = 24 uur.
Zelfstudie
: 8–12 uur (projecten, documentatie, oefeningen).
Totaal: ca. 32–36 uur.
Virtueel beschikbaar
Iedere maand starten
Erkende certificaten
Door heel Nederland
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.
Programma
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.
Voorkennis
Basiskennis van
HTML, CSS en JavaScript
.
Enige ervaring met
TypeScript
(types, interfaces) is nuttig.
Geen Angular-ervaring vereist.
Studiebelasting
Open leercentrum: 18 lesuren, 0 uren zelfstudie
E-learning: 24 lesuren, 0 uren zelfstudie
Examen
Bereidt voor op
Angular Certification Program
(Google, indien beschikbaar).
Certificaat van deelname (geen officieel examen vereist).
Direct inschrijven
Kies een subsidieregeling
Kies de gewenste leervorm
Kies een locatie
Wanneer?
Niet ingepland
Deze training is niet ingepland. Neem contact op met onze Planning.
Angular - JavaScript Framework
Contact Planning
Altijd mogelijk
Voor deze E-learning heb je een internetverbinding nodig.
Angular - JavaScript Framework
Jouw keuze
Vooraanmelden
Direct aanmelden
Print offerte
Open leercentrum: 3 dagen
E-learning: 90 dagen
Wat is inbegrepen
Prijs & beschikbaarheid
Virtueel (remote) deelname mogelijk
Plan een afspraak met een opleidingsadviseur
Onze ervaren opleidingsadviseurs staan voor jou klaar om je te helpen met je zoektocht.
Neem contact op
Heb je vragen?
Onze deskundige opleidingsadviseurs helpen je graag bij het maken van de juiste keuze!
040 292 4747
info@the-academy.nl
Waarom @The Academy?
Hoge klanttevredenheid
8.7 uit 4196 evaluaties
Spreiden van lesdagen
flexibiliteit voor uw gemak
Persoonlijk advies
bij het zoeken van de juiste training
Virtueel trainen
voor alle klassikale en blended trainingen