Angular

Introduction and hands on

Prerequisites

• Install Node.js: https://nodejs.org/ (version 8.x or 10.x)
  • Or make sure your Node.js version is 8.x or 10.x (e.g. by node -v command) and npm is at least 5.x (e.g. by npm -v command). For Node.js update just download and install new version,for npm update follow instruction on https://docs.npmjs.com/try-the-latest-stable-version-of-npm
• Install Visual Studio Code: https://code.visualstudio.com/
  • Inside VS Code install extensions:
    • Angular Language Service (by Angular)
    • Angular Files (by Alexander Ivanichev)
    • Angular v7 Snippets (by John Papa)
    • TSLint (by egamma)
• Install Git (optional but recommended): https://git-scm.com/ (Angular can perform initial commit when Git is installed)
• Install Angular CLI: in any shell or command-line interpreter (e.g. cmd.exe) run: npm install --global @angular/cli
  • In older versions of windows use quotes: npm install --global "@angular/cli"
  • Or make sure your Angular CLI version is at least 7.1.x (e.g. by ng v command). For update run: npm update --global @angular/cli.

Quick introduction

Quick introduction contains basic information about all topics which are more deeply described in individual lectures.

Lectures

1. Project Setup
2. Components
3. Data Binding
4. Events
5. Forms
6. Directives
7. Pipes
8. Services and Service Providers
9. Modules
10. Routing

Demo application

Demo application which demonstrates basic usage of Angular building blocks and best practises can be found on https://github.com/edhouse/angular101demo.

Contact

Created by Edhouse: https://www.edhouse.cz/.