Setup Pre-requisites:

Required:

• node.js - Development Environment
  • Download
  • Install via Package Manger
• npm - Package Manager
  • How to Install npm

Optional:

• git - Version Control
  • Download
• vscode - Text Editor (with git and console integration)
  • Download

---

Angular CLI Setup:

Test pre-reqs and Install:

node -v

• must return 8.x or 10.x

npm -v

• must be more than 5.x

If both thse conditions are met, install Angular CLI

npm install -g @angular/cli

Test installation:

Create test project:

ng new test-app

• say no to adding routing and use default (CSS) stylesheet for this example

Change working directory to newly created app directory:

cd test-app

Serve app to default web browser:

ng serve --open

• this opens the app in the browser at the local address: http://localhost:4200/
• the default port is 4200

ng serve --port 7777 --open

• use this to open at http://localhost:7777/
• or use a custom port of your choice

This should render the default Angular App, if everything is setup correctly.

---

JavaScript Concepts:

• classes
• extends
• export
• import

TypeScript Concepts:

• type annotation (search for type annotation)
• JavaScript-TypeScript relationship
• Compile Time vs. Runtime
• Static vs. Dynamic, Strong vs. Weak, and Duck Typing

Angular Concepts:

• decorator function
• class decorator
• component

---