Angular 2 with TypeScript

Building modern web apps using Angular 2 and TypeScript

Transcript

1. Angular 2.0 With Typescript
2. Your Speaker Shravan Kumar Kasagoni 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 With Typescript
4. Language Choice ES5 ES6 TS 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