Training: Angular

Ref. ANGULAR

Download PDF

Duration:

3

days

Exam:

Not certifying

Level:

Intermediate

Funding:

Temptraining

ITTA | Trainings | Development | Angular

Description

This Angular training course gives web developers an intensive hands-on on introduction to hand-coding responsive, high-performance web apps using Google’s Angular Framework.

Participant profiles

Full-Stack Web Developers
Front-End Web Developers

Objectives

Code TypeScript language features
Explore Angular coding and architecture best practices
Understand and use Angular Forms, Observables, Dependency Injection, and Routing
Retrieve, update, and delete data using Angular’s Http service
Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
Create, build, and deploy an Angular application
Develop reusable elements (even out of angular applications)
Develop dynamic Model-driven forms that are easier to unit test

Prerequisites

To have followed the course Typescript or equivalent knowledge
Experience of web development with HTML and JavaScript / ECMAScript
Object Oriented programming experience would be useful

Course content

Module 1: Quickstart

Lesson 1: Installation
Lesson 2: Configuration
Lesson 3: Angular Architecture

Module 2: Angular Command Line Interface

Lesson 1: Overview & Installation
Lesson 2: Usage

Module 3: Components

Lesson 1: Overview
Lesson 2: Architecting with Components
Lesson 3: Templates, Styles & View Encapsulation
Lesson 4: Content Projection
Lesson 5: Lifecycle Hooks
Lesson 6: View & Content Children
Lesson 7: Wrapping Up

Module 4: Built-In Directives

Lesson 1: Overview
Lesson 2: NgFor
Lesson 3: NgIf & NgSwitch
Lesson 4: NgStyle & NgClass
Lesson 6: Structural Directives

Module 5: Custom Directives

Lesson 1: Overview
Lesson 2: Creating a Custom Directive

Module 6: Pipes

Lesson 1: Overview
Lesson 2: Built-In Pipes
Lesson 3: Async Pipe
Lesson 4: Custom Pipes

Module 7: Forms

Lesson 1: Overview
Lesson 2: Model Driven Approach
Lesson 3: Model Driven Form Validation
Lesson 4: Submitting & Resetting
Lesson 5: Reactive Model Driven Forms
Lesson 6: Template Driven Forms

Module 8: Advanced Validators

Lesson 1: Custom Form Validators
Lesson 2: Configurable Custom Form Validators

Module 9: Dependency Injection & Providers

Lesson 1: Overview
Lesson 2: Injectors

Module 10: Routing

Lesson 1: Overview
Lesson 2: Route Configuration
Lesson 3: Navigation
Lesson 4: Parameterised Routes
Lesson 5: Nested Routes
Lesson 6: Router Guards
Lesson 7: Routing Strategies

Module 11: Unit Testing

Lesson 1: Overview
Lesson 2: Jasmine & Karma
Lesson 3: Classes & Pipes
Lesson 4: Mocks & Spies
Lesson 5: Angular Test Bed
Lesson 6: Change Detection
Lesson 7: Asynchronous Code
Lesson 8: Dependency Injection
Lesson 9: Components
Lesson 10: Directives

Module 12: HTTP

Lesson 1: Overview
Lesson 2: Core HTTP API (Part 1) Setup
Lesson 3: Core HTTP API (Part 2) Usage
Lesson 4: HTTP with Observables (Part 1) – Basic Observables
Lesson 5: HTTP with Observables (Part 1) – Observables All The Way Down

Module 13: Reactive Programming with RxJS (if time permits)

Lesson 1: Overview
Lesson 2: Streams & Reactive Programming
Lesson 3: Observables & RxJS
Lesson 4: RxJS & Angular
Lesson 5: Wrapping Up

Documentation

Digital courseware included

Complementary courses

Temptraining funding

ITTA is a partner of Temptraining, the continuing education fund for temporary workers. This training fund can subsidize continuing education for anyone who works for an employer subject to the Collective Work Agreement (CCT) Rental of services.