Angular 2 with TypeScript

Angular 2 with TypeScript

• 1.
  Angular 2.0 WithTypescript
• 2.
  Your Speaker Shravan KumarKasagoni Senior Development Engineer @ Pramati Technologies Microsoft MVP - Visual Studio and Development Technologies @techieshravan http://theshravan.net http://github.com/techieshravan
• 3.
  Agenda Angular 2.0 WithTypescript
• 4.
  Language Choice ES5 ES6TS Dart
• 5.
  Quick TypeScript Basics
• 6.
  Classes class Car { id:number; model: string; constructor(id: number, model: string) { this.id = id; this.model = model; } showDetails() { console.log(this.id, this.model); } }
• 7.
  var car =new Car(100, 'Bentley GT Continental'); console.log(car.id); console.log(car.model); car.showDetails(); Classes
• 8.
  Modules //car.ts export class Car{ } //dashboard.ts class Dashboard { var car = new Car(100, 'Mustang'); } import {Car} from ‘./car’;
• 9.
  Angular 2 Basics
• 10.
  Components Template Directive Controller Component ng1 ng2
• 11.
  Component in TypeScript import{Component} from ‘angular2/core’; @Component({ selector: ‘’, template: ‘’, styles: [] }) class AppComponent { }
• 12.
  Templates Bindings Example Properties <input[value]='userName'> Events <button (click)='showDetails($event)'> Two-way <input [(ng-model)]='eMail'>
• 13.
  Demo time
• 14.
  Flipboard Magazines JavaScript Weekly: http://bit.ly/javascript-weekly The Angular 2 : http://bit.ly/angular2-weekly
• 15.
  Resources http://angular.io http://theshravan.net
• 16.
  Reach Me Twitter :techieshravan Github : http://github.com/techieshravan Blog : http://theshravan.net
• 17.
  Thank You