- Leren door doen
- Trainers met praktijkervaring
- Klassikale trainingen
- Gedetailleerd cursusmateriaal
- Duidelijke inhoudsbeschrijving
- Maatwerk inhoud mogelijk
- Trainingen die doorgaan
- Kleine groepen
In de cursus Angular Web Development van SpiralTrain leren de deelnemers het Angular JavaScript Framework te gebruiken bij het ontwikkelen van moderne single page Web Applicaties. We behandelen de meest recente Angular versie. De nieuwste mogelijkheden van Angular komen uitgebreid aan bod in de cursus.
In de cursus Angular Web Development leren deelnemers alles over het krachtige Angular Framework, een belangrijke upgrade van de AngularJS 1.x JavaScript Library. Deze cursus biedt een diepgaande ervaring in het ontwikkelen van dynamische webapplicaties met behulp van Angular, TypeScript en de nieuwste features van de ECMA 6 JavaScript standaard.
In de cursus ontdekken de deelnemers de architectuur van een Angular applicatie, waarin een collectie van componenten samengebundeld in modules met elkaar samenwerken. Dit biedt een solide basis voor het bouwen van gestructureerde en onderhoudbare webapplicaties.
Aandacht wordt besteed aan de componenten zoals templates, annotaties, views en services. De cursus behandelt ook dependency injection, wat cruciaal is voor het efficiënt beheren van componentinteracties. De syntax van TypeScript en de nieuwe JavaScript standaard ECMA 6 komen uitgebreid aan bod, zodat deelnemers goed voorbereid zijn op moderne webontwikkeling.
De cursus behandelt ook de Angular CLI, een krachtige tool die het genereren van artifacts zoals componenten en services vergemakkelijkt. De deelnemers leren hoe de dependency injector tree bijdraagt aan het uitbreidbaar en onderhoudbaar houden van hun applicaties.
Verder wordt aandacht besteed aan de nieuwe component router voor basis routing, child routes en router lifecycle hooks. De cursus omvat ook Forms, waarbij template-driven forms, model-driven forms en validators worden besproken, wat essentieel is voor interactieve webapplicaties.
Observables openen de deur naar reactieve functionele programmeren. De functie van observables wordt gedemonstreerd bij het uitvoeren van HTTP requests met de nieuwe HTTP laag. Tenslotte leren de deelnemers nieuwe herbruikbare user interface componenten te bouwen, waardoor ze hun webapplicaties verder kunnen verbeteren.
Voor meer informatie over gerelateerde onderwerpen, zoals JavaScript Programmeren, wordt aanbevolen om ook andere cursussen op onze website te bekijken. Voor meer details over Angular, bezoek de officiële Angular site.
Web Developers die de nieuwste versie van het Angular JavaScript Framework, op het moment van schrijven Angular 9, willen gebruiken bij het ontwikkelen van moderne single page Web Applicaties.
Ervaring met JavaScript programmeren en een goede kennis van JavaScript is vereist om aan deze cursus te kunnen deelnemen.
De theorie wordt behandeld aan de hand van presentatie slides. De concepten worden toegelicht met demo's. De theorie wordt afgewisseld met oefeningen. De cursustijden zijn van 9.30 tot 16.30.
De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat Angular Web Development.
Module 1 : Intro Angular |
Module 2 : TypeScript |
Module 3 : ECMA Script Standard |
| What is Angular? Newest Features Angular Development Environment Bootstrapping an app Displaying data Using Directives Templates Annotations Views Controllers Modules |
What is TypeScript? Weak typing in JavaScript Strong Typing in TypeScript Using Built-in Types Inferred typing Explicit casting Classes Interfaces Decorators Generics Sync and await |
Block Bindings Let Variables Arrow Functions Rest Parameters Spread Operator Strings Functions Closures Iterators Promises Reflection |
Module 4 : Components |
Module 5 : Dependency Injection |
Module 6 : Routing |
| Component Architecture Inputs and Outputs Data flow Smart vs. Dumb components Communicating via state service Custom event bus Reusable UI Components Querying view children Querying content children Host Bindings and Listener |
What is dependency injection? Writing Imports Creating services DI for component communication Configuring providers Defining provider recipes The injector tree Injecting using tokens Opaque tokens Multi Providers |
Angular Routes Routing Configuration Route comparison Routing Parameters Configuring routes Linking to routes Guards Child routes Sibling routes Lazy loading routes |
Module 7 : Forms |
Module 8 : HTTP and Observables |
Module 9 : Angular CLI |
| Template-driven forms Model-driven forms Tracking Changes by CSS Control ControlGroup FormBuilder Validation Validation Styling Error messages Custom validators Asynchronous validators |
Performing HTTP requests Configuring request headers HttpClientModule. RxJS 6 Observables Observer Design Pattern Observables versus Promises Creating Observables Creating Subjects Emitting events Subscribing to observables Observable Operators |
What is Angular CLI? Modern tooling Generate with CLI Directives and services Compile, run with CLI Deploy your applications. Generating components Generating services Transpiling TypeScript Building and serving apps Debugging |