Angular Crash Course - p-patel/software-engineer-knowledge-base GitHub Wiki

https://app.pluralsight.com/library/courses/angular-crash-course/

Introduction to Angular

What You Need To Know About TypeScript to Work With Angular

  • TypeScript is a JavaScript transpiler
  • Provides good auto-complete help
  • It's a way to add types to JavaScript - e.g. variables, parameters and function return types
  • Generics - specifies a sub-type
  • Decorators - this is a JavaScript concept rather than a TypeScript one. understand it's syntax and usage.

The Angular CLI

Some core features:

  • create a new project / upgrade to a new version of Angular
  • `npm i @angular/cli -g'
  • ng new myproj1 - new project
  • ng generate component community/CommunityHelper / ng g c community/CommunityHelper - create Angular objects

Angular Building Blocks

Components

Modules

  • the entry point for the Angular compiler and process - angular.json "main"
  • the module specifies the component to start with in bootstrap decorator property

Services

  • create models in 'app\model` e.g. entry.ts
  • a model is a class that is exported
  • npm start compiles a project