Angular Web Development

In the course Angular Web Development participants learn to use the Angular JavaScript Framework to develop modern single page Web Applications.

Angular Framework

The Angular Framework is a major upgrade of the AngularJS 1.x JavaScript Library, offers better performance and uses TypeScript and the new features of the ECMA 6 JavaScript standard.

Angular Architecture

In the course participants learn the architecture of an Angular application in which a collection of components cooperate together in modules.

Angular Components

Attention is paid to the components such as templates, annotations, views and services. Dependency injection is also discussed. The syntax of TypeScript and the new JavaScript standard ECMA 6 is covered.

Angular CLI

The significance of Angular CLI and the generation of artifacts as components and services and the function of the dependency injector tree to keep applications extendable and maintainable are also discussed.

Routing

Attention is also paid to the new component router for basic routing, child routes and router lifecycle hooks. Forms are also on the program where template-driven forms, model-driven forms and validators are discussed.

Observables

Observables open the door to reactive functional programming and their function is demonstrated when making HTTP requests with the new HTTP layer. Finally, the participants learn to build new reusable user interface components.

Audience Angular Web Development Course

Web Developers who want to use the latest version of the Angular JavaScript Framework, at the time of writing, Angular 9, when developing modern single page Web Applications.

Prerequisites Course Angular Web Development

JavaScript programming experience and a good knowledge of JavaScript is required to participate in this course.

Realization Training Angular Web Development

The theory is treated on the basis of presentation slides. The concepts are illustrated with demos. The theory is interspersed with exercises. The course times are from 9.30 to 16.30.

Certification Angular Web Development

The participants receive an official certificate Angular Web Development after successful completion of the course.

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 6

• 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