← back to the blog


Start Angular2 - Resources

Posted in Angular.js, Angular2, TypeScript by dake

Resource to Learn Angular2

Resource for other languages / tools relative with Angular2

  1. TypeScript
  2. SystemJs

Enviroment for start doing Anglar2

Angular2 Tags

  • TypeScript
  • SystemJs
  • Single Responsibility Principle
  • dash case (aka kebab-case)
  • decorator
  • Injectable
  • @Injectable()
  • Dependency Injection
  • Promise
  • ngOnInt
  • Angular Lifecycle Hook
  • Pipes
  • interpolation
  • one-way data binding
  • two-way data binding
  • Multi-line template strings
  • template strings feature in ES2015
  • double curly braces of interpolation
  • ngFor
    • build-in directive
  • ngIf 
  • Structural Directives
  • property binding
  • Attribute Directives
  • @Input()
  • angular2 promise service
  • Async Angular Service with Promises
  • ES2015 Promises
  • ES2015 arrow function
  • Angular2 base href
  • component-relative paths
  • parent component property binding
  • ActivateRoute
  • ngOnDesroy
  • angular2's subscribe -> params.subscribe
  • angular2's unsubscribe -> this.sub.unsubscribe();
  • Javascript(+) operator
  • CanDeactivate guard
  • routerLinkActive

Angular2 Coding Styles

  • service
    • .service
    • MyGreateService -> my-greate.service.ts

How to Learn Angular2

  1. Angular2
    • First learn basic angular2, tutorial, read documentation, build prototype.
  2. TypeScript
    • Learn basic with angular2, also dive deep into TypeScript
  3. Visual Studio Code
  4. SystemJs
  5. Npm
  6. Grunt/Gulp
  7. Visual Studio
    • How to intergreate above technology into visual studio, let's say, ASP.NET MVC, MVC5

Question for Angular2

  1. When should we use Angular2?
  2. Angular2 for SEO?
  3. Why need to unsubscribe()? -> this.sub.unsubscribe();
  4. Angular component could add css urls, but how to work with SASS or minified css?