Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular 2 with TypeScript
Search
Shravan Kumar Kasagoni
February 27, 2016
Programming
1
150
Angular 2 with TypeScript
Building modern web apps using Angular 2 and TypeScript
Shravan Kumar Kasagoni
February 27, 2016
Tweet
Share
More Decks by Shravan Kumar Kasagoni
See All by Shravan Kumar Kasagoni
Functional Programming in JavaScript
shravan
0
32
ASP.NET Core – Deep Dive on Building a Real Website
shravan
0
36
Cross-Platform Mobile Development using Visual Studio and Xamarin
shravan
1
37
Building Next Generation Web Apps and Services using ASP.NET 5
shravan
0
64
Writing Application-Scale JavaScript:TypeScript
shravan
0
52
Running, improving and maintaining a site in the real world
shravan
0
31
Real-time Communications with SignalR
shravan
0
44
Open Web Interface for .NET
shravan
0
130
Glance at Visual Studio 2013 ASP.NET and Web Tools 2013
shravan
0
68
Other Decks in Programming
See All in Programming
Java 22 Overview
kishida
1
190
Polars入門
daikikatsuragawa
1
170
Apache Hive 4 on Treasure Data
ryukobayashi
1
420
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
870
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
380
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
170
Git Rebase
bkuhlmann
11
1.6k
Introducing Kotlin Multiplatform in an existing mobile app - Workshop Edition | AndroidMakers Paris
prof18
0
150
Goのエラースタックトレースの歴史と今後
sonatard
10
1.8k
Node.js v22 で変わること
yosuke_furukawa
PRO
11
3.9k
新宿ダンジョンを可視化してみた
satoshi7190
3
390
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.5k
Featured
See All Featured
Docker and Python
trallard
35
2.7k
We Have a Design System, Now What?
morganepeng
44
6.8k
Done Done
chrislema
178
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
1.9k
The Mythical Team-Month
searls
216
42k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
65
14k
Making the Leap to Tech Lead
cromwellryan
125
8.5k
Why Our Code Smells
bkeepers
PRO
331
56k
Thoughts on Productivity
jonyablonski
60
3.9k
Clear Off the Table
cherdarchuk
85
310k
The Language of Interfaces
destraynor
151
23k
Code Review Best Practice
trishagee
56
15k
Transcript
Angular 2.0 With Typescript
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
Agenda Angular 2.0 With Typescript
Language Choice ES5 ES6 TS Dart
Quick TypeScript Basics
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); } }
var car = new Car(100, 'Bentley GT Continental'); console.log(car.id); console.log(car.model);
car.showDetails(); Classes
Modules //car.ts export class Car { } //dashboard.ts class Dashboard
{ var car = new Car(100, 'Mustang'); } import {Car} from ‘./car’;
Angular 2 Basics
Components Template Directive Controller Component ng1 ng2
Component in TypeScript import {Component} from ‘angular2/core’; @Component({ selector: ‘’,
template: ‘’, styles: [] }) class AppComponent { }
Templates Bindings Example Properties <input [value]='userName'> Events <button (click)='showDetails($event)'> Two-way
<input [(ng-model)]='eMail'>
Demo time
Flipboard Magazines JavaScript Weekly : http://bit.ly/javascript-weekly The Angular 2 :
http://bit.ly/angular2-weekly
Resources http://angular.io http://theshravan.net
Reach Me Twitter : techieshravan Github : http://github.com/techieshravan Blog :
http://theshravan.net
Thank You