Start Angular2 - Resources

Table of Contents

1. A resource to Learn Angular2
2. Resource for other languages/tools relative to Angular2
3. Environment for start doing Anglar2
4. Angular2 Tags
5. Angular2 Coding Styles
6. How to Learn Angular2
7. Question for Angular2

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

2. First, learn basic angular2, tutorial, read documentation, build a prototype.

3. TypeScript

4. Learn basic with angular2, also dive deep into TypeScript

5. Visual Studio Code

6. SystemJs

7. Npm

8. Grunt/Gulp

9. Visual Studio

10. 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?