Angular Corporate Training

1. Description

This training covers all the core concepts and practical knowledge required to build professional Angular applications. Among the topics included are SPA, TypeScript, Architecture, Data Binding, Services, HTTP, RxJS, Routing, Modules, among others.

After taking this training, the participants will understand how to use Angular effectively by building a real-world example. We will go through several hands-on exercises where you will grasp the main concepts of building a robust web application.

2. Prior Knowledge

The participants will be required to review the following topics in order to successfully carry out the training:

Requirement	Topic	Category
1	ES6, CSS, HTML	Web Development
2	Git	Version Control
3	REST Protocol	Web Services
4	GitHub	Version Control

3. Agenda

The workload will be distributed in 8 sessions of 4 hours for a total of 32 hours.

Day	Topics	Task
1	Introduction - Setup and Tooling - TypeScript - Folder Structure - Components	TypeScript - First App
2	Bindings - Inputs/Outputs - Directives - Pipes - Modules	TodoMVC
3	RxJS - HTTP - Async Pipe - Services - Generics	Yesno.wtf - Dog API - Giphy API
4	Routing - Guards - Lazy Loading - Preloading	Lego Login
5	Reactive Forms - Validations - Material	Gender Name Form - Angular Project
6	Angular Best Practices	Exercise
7	Jasmine - Protractor	Exercise
8	Final Project	Final Project

4. Scoring

All exercices and project are score from 0.0 to 5.0. At the end of the training, participants and stakeholders will receive all the grades.

5. Environment Setup

It is HIGHLY recommended you to follow these steps before the start of the training:

1. Sign up for a GitHub account if you don't have one
2. Install Git
3. Install latest version of Node and NPM (LTS)
4. Install latest version of Yarn
5. If you are Windows user, install ConEmu (or any other terminal different than CMD)
6. Install Visual Studio Code (The editor is a matter of taste, but this one is recommended, especially if you haven't tried it yet)
7. Run yarn global add @angular/cli
8. Run ng config -g cli.packageManager yarn
9. Configure your VSCode with this setup

6. Resources

• Angular
  • Angular Style Guide
  • Cheat Sheet
  • Glossary
  • Angular Tutorial
• Angular CLI
  • Angular CLI quick guide
• JavaScript
  • ES2015 Features
  • ES2015 Examples
  • ES2015 Cheat Sheet
  • JS Module Systems
  • ES2015 Playground
• TypeScript
  • TypeScript Handbook
  • TypeScript Playground
  • JSON to TS
• RxJS
  • Learn-rxjs
  • Rx Marbles
  • RxFiddle
  • RactiveHow