johnpapa

npm init –y
npm i angular2 systemjs --save --save-exact
npm i typescript tsd live-server --save-dev

johnpapa

	{
		"key": "cmd+=",
		"command": "workbench.action.zoomIn"
	},
	{
		"key": "cmd+-",
		"command": "workbench.action.zoomOut"
	}

johnpapa

{
  "name": "angular2-getting-started",
  "version": "1.0.0",
  "description": "",
  "scripts": {
    "tsc": "tsc -p src -w"
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-alpha.44",

johnpapa

function parse_git_branch() {
    git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/ (\1)/'
}

export PS1="\u @ \w$\[\033[32m\]\$(parse_git_branch)\[\033[00m\] \n$ "

johnpapa

<div class="paper-snackbar">
  Your message was sent
</div>

johnpapa

import { Injectable } from 'angular2/core';
import { Http, Response, RequestMethod } from 'angular2/http';
import { Observable } from 'rxjs/Rx';
import { CONFIG } from '../shared/config';
import { MessageService } from '../shared/message.service';

let baseUrls = CONFIG.baseUrls;

export interface Character {
  id: number;

johnpapa

(function (global) {

  // TODO: cli should auto-generate this on the fly
  var packages = [
    // 'app',
    '@angular/common',
    '@angular/compiler',
    '@angular/core',
    '@angular/http',
    '@angular/platform-browser',

johnpapa

<div>
	<h2>Binding</h2>
	
	<h4>Interpolation</h4>
	<pre>Hello { {firstName }}</pre>
	<div>Hello {{firstName}}</div>
	<hr>
	
	<h4>Property Binding Without Two-Way</h4>
	<pre>&lt;input [value]="city"></pre>

johnpapa

import { ComponentOnInit } from '@angular/core';
import { HostBinding, animate, trigger, state, style, transition } from '@angular/core';

@Component({
  templateUrl: 'dashboard.component.html',
  animations: [
    trigger('routeAnimation', [
      state('*',
        style({
          opacity: 1,

johnpapa

Name: John Papa
Company: Microsoft
Title: Partner GM - Developer Relations
Twitter: @john_papa
Web site: https://www.johnpapa.net