Start Angular2 - Resources

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.

• BadAssList - Resource of Learn Angular2
• A very helpful list to learn Angular2
• PDF - Become a Ninja with Angular2
• Info - Angular2 Home Page
• Go to the Angular2 home page to check what's the main features.
• Try 1 - Angular2 Quick Start
• Use this Angular.io's quick start to learn how to build a Hello world by Angular2.
• Try 2 - Angular2 Tutorial
• This Angular2.io's tutorial will learn how to use angular2 Components, services, Routing, and HTTP.
• Document - Angular.io's guide
• A basic guide for the developer
• Document - Angular.io's developer guide
• More information about Angular2.
• Angular2 API
• Example - generator-gulp-angular2
• Yeoman generator's angular2 version
• Angular.io quick start's github location
• Blog - how to learn Angular2
• News - Positive - Google Preps Angular 2 for Final Release
• Video - Angular2 Tutorial for beginner
• Video - egghead - Learn Angular2
• Video - Angular 2 : First Look
• Video - Angular 2 - Getting Started
• Video - Play by Play
• site - learnangular2.com
• a website build for people who want to learn angular2
• site - angular2.com
• Tool - Node.js - You need this to try angular2
• Tool - TypeScript - Angular2 could build with TypeScript
• Course - Paid to learn Angular2 - Pluralsight
• If you pay you can take the angular2 course here.

Resource for other languages/tools relative to Angular2

1. TypeScript
2. SystemJs

Environment for start doing Anglar2

• node.js
• http://nodejs.org/
• version: 4.x is better stable than 5.x (7/72016 point)
• npm
• version: 2.x, will come along when installing node.js
• IDE
• Visual Studio Code
• https://code.visualstudio.com/Docs/?dv=win
• Cloud9
• WebStorm
• Sublime
• Git
• http://git-scm.com/

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?