Start Angular2 - Resources

2016/5/314 min read
bookmark this
Responsive image

A resource to Learn Angular2

This blog just provides a few links to learn Angular2, I create this page just want to memo a few links of how to learn Angular2.

Resource for other languages/tools relative to Angular2

  1. TypeScript
  2. SystemJs

Environment 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 a 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 integrate the 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. The angular component could add CSS URLs, but how to work with SASS or minified CSS?