- 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 leren de deelnemers het Angular JavaScript Framework te gebruiken bij het ontwikkelen van moderne single page Web Applicaties. We behandelen de nieuwste Angular versie, op het moment van schrijven versie 9.
Het Angular Framework is een major upgrade van de AngularJS 1.x JavaScript Library, biedt betere performance en maakt gebruik van TypeScript en de nieuwe features van de ECMA 6 JavaScript standaard.
In de cursus leren de deelnemers de architectuur van een Angular applicatie, waarin een collectie van components samengebundeld in modules met elkaar samenwerken.
Aandacht wordt besteed aan de componenten zoals templates, annotations, views en services. Ook dependency injection komt daarbij aan de orde. De syntax van TypeScript en de nieuwe JavaScript standaard ECMA 6 wordt behandeld.
Ook wordt ingegaan op de betekenis van Angular CLI en het genereren van artifacts als componenten en services en de functie van de dependency injector tree om applicaties uitbreidbaar en onderhoudbaar te houden.
Verder wordt aandacht besteed aan de nieuwe component router voor basic routing, child routes en router lifecycle hooks. Ook Forms staan op het programma waarbij template-driven forms, model-driven forms en validators worden besproken.
Observables openen de deur naar reactive functional programmeren en hun functie wordt gedemonstreerd bij het doen van HTTP requests met de nieuwe HTTP laag. Tenslotte leren de deelnemers nieuwe herbruikbare user interface componenten te bouwen.
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 6 |
| 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 |
Deze bedrijven en instanties waren u al voor:
Deze bedrijven waren u voor:
