Angular Web Development

Angular Framework

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.

Angular Architecture

In de cursus leren de deelnemers de architectuur van een Angular applicatie, waarin een collectie van components samengebundeld in modules met elkaar samenwerken.

Angular Components

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.

Angular CLI

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.

Routing

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

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.

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