Angular Web Development

Cursus Angular Web Development

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.

Angular Architecture

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.

Angular Components

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.

Angular CLI

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.

Routing

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 en Reactieve Programmeren

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.

Doelgroep Cursus Angular Web Development

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.

Voorkennis Cursus Angular Web Development

Ervaring met JavaScript programmeren en een goede kennis van JavaScript is vereist om aan deze cursus te kunnen deelnemen.

Uitvoering Training Angular Web Development

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.

Officieel Certificaat Angular Web Development

De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat Angular Web Development.

Modules

Module 1 : Intro Angular

• What is Angular?
• Newest Features Angular
• Development Environment
• Bootstrapping an app
• Displaying data
• Using Directives
• Templates
• Annotations
• Views
• Controllers
• Modules

Module 2 : TypeScript

• 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

Module 3 : ECMA Script Standard

• Block Bindings
• Let Variables
• Arrow Functions
• Rest Parameters
• Spread Operator
• Strings
• Functions
• Closures
• Iterators
• Promises
• Reflection

Module 4 : Components

• 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

Module 5 : Dependency Injection

• 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

Module 6 : Routing

• Angular Routes
• Routing Configuration
• Route comparison
• Routing Parameters
• Configuring routes
• Linking to routes
• Guards
• Child routes
• Sibling routes
• Lazy loading routes

Module 7 : Forms

• Template-driven forms
• Model-driven forms
• Tracking Changes by CSS
• Control
• ControlGroup
• FormBuilder
• Validation
• Validation Styling
• Error messages
• Custom validators
• Asynchronous validators

Module 8 : HTTP and Observables

• 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

Module 9 : Angular CLI

• 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