Learn Angular 2 step by step

Here we will learn the followings...
1. Setup Angular 2 development environment
2. Creating angular 2 components
3. Creating "Hello World" application in angular 2. 
  
Why will we learn Angular 2?
Angular 2 is easier to learn than Angular 1.x. Here again, a question can come in your mind if you don't know angular 1.x and the question is, can we learn Angular 2 without having hands on experience in angular 1.x?

Yes, we can very well skip Angular 1.x and start with Angular 2. But you might be thinking that is it really easier to learn? 

Yes, my friend Angular 2 is easier to learn than Angular 1.x. When I started before few month, I also though that it's very complex because of lots of configuration (.json) files. Believe me, it's really easy to learn and that is the purpose of this article to make the angular 2 learning easy for you with step by step process.
Learn Angular 2 step by step
Learn Angular 2 step by step
{
  "name": "angular-quickstart",
  "version": "1.0.0",
  "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
  },
  "license": "ISC",
  "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",
    "@angular/upgrade": "2.0.0",
    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.23",
    "angular2-in-memory-web-api": "0.0.20",
    "bootstrap": "^3.3.6"
  },
  "devDependencies": {
    "@angular/cli": "1.0.0-beta.29",
    "@angular/compiler-cli": "^2.3.1",
    "concurrently": "^2.2.0",
    "lite-server": "^2.2.2",
    "typescript": "^2.0.2",
    "typings":"^1.3.2"
  }
}

Posted By :