Angular (2+) Formation

This repository represents source code of slides deck used during formation on Angular 2+

Table of contents

• Technical Requirements

Technical Requirements

To be able to do Practical Work during the formation, you need to have :

• A computer (the one from your company or your personal if this one is better)
• An execution environment based on NodeJS 6+, NPM (or YARN) and AngularCLI
• An evergreen browser
• An development environment

The computer

You need to have a computer with some technical requirements :

• At least 8 Gb of ram
• A good hard drive (SSD is preferred) with free space (~10 Gb)
• A decent CPU (Core I5 or more)

This minimal requirement represents the minimum vital choice to use, work and develop in good condition

Execution environment

NodeJS v6+

It's preferred to follow the instruction relative to your operating system available on the official NodeJS website

You can check if the install is correct by executing the following command in a Shell (bash, Power-Shell & co)

$ node -v
v7.6.0

NPM

NPM, the default package manager should be installed if you follow the NodeJS installation instruction.

You can check if NPM is correctly installed by execution the folowing command :

$ npm -v
4.1.2

YARN

Yarn is a new alternative to NPW which is very (VERY) faster.

You can install YARN by using NPM with the following command

$ npm install -g yarn

Depending of your platform, this command should be launched with admin rights (sudo for Mac & Linux for example).

You can check the correct installation of YARN by execution the following command

$ yarn -V
0.20.3

AngularCLI

The AngularCLI is a simple NodeJS project which could be installed by following the intruction on its official GitHub Repo

To simplify, a standard installation should be :

$ npm install -g @angular/cli

You can check the correct installation of the AngularCLI by execution the following command (the result depends of the AngularCLI, node and os version)

$ ng -v
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.0.0-rc.0
node: 7.6.0
os: darwin x64

and finally, activate yarn by default on the CLI :

ng set --global packageManager=yarn

Evergreen Browser

You need to have on your computer a, so called, evergreen browser, which represents the top last version of Chrome, Firefox or Edge. You can realise the Practical work on any of this browser

A part of the practical work will be done with Chrome, so an up-to-date version of chrome is required for some example.

Development Environment

IDE

The work during the formation will be done in TypeScript, HTML, SASS, JSON... You mainly need to have a dev environment which allow you to be efficient to write code in those languages.

To do that, I recommend to use JetBrains WebStorm (under license, free trial of 30 days)

You can use Microsoft VSCode, which is open source

If you have a preference for another environment, free to you to use it, but a lot of the PW will be simpler if you have auto-complete, IDE help and other stuff provided by a powerfull environement...

Git

You need for this formation to have on your computer a recent version of Git. The installation / update version of git is linked to your OS, so you need to refere to online documentation on How to install git on your post

You can check the correct installation of the GIT by execution the following command

$ git --version
git version 2.10.0