TypeScript

1,105 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,105
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

TypeScript

  1. 1. Introduction to TypeScript Ryan HayesTri-Cities .NET User Group
  2. 2. State of the Web● HTML 5 is awesome! (Good riddance, Flash)● Browsers are hardware accelerated!● Javascript is still living in the 90s...and this is how I feel when I use it...
  3. 3. Whats being done to solve it?● CoffeeScript (www.coffeescript.org) ○ Ruby-like, concise syntax -> to JavaScript ○ Team must learn and move to CoffeeScript● Googles Dart (www.dartlang.org) ○ C#-like syntax -> to JavaScript ○ Team must learn and move to Dart● TypeScript (www.typescriptlang.org)
  4. 4. What is TypeScript?● Superset of JavaScript● JavaScript is valid TypeScript● Compiles to JavaScript● TypeScript sugar is optional!● Teams can choose to add it or not.● Is just syntactic sugar...
  5. 5. Syntactic Sugar (n.):Syntactic sugar is syntax within a programminglanguage designed solely for human benefit inunderstanding or expression in a more clearand concise way.
  6. 6. TypeScript Provides● Classes● Interfaces● Modules (packages/namespaces)● Definition Files for libraries = Intellisense● Easy inheritance and composition● Typing and type-checking in the IDE
  7. 7. What do I need?● TypeScript Download: ○ http://www.microsoft.com/en-us/download/details. aspx?id=34790● Web Essentials 2012 (VS extension) ○ http://visualstudiogallery.msdn.microsoft. com/07d54d12-7133-4e15-becb-6f451ea3bea6● Open source definition files for 3rd party libraries: ○ https://github.com/borisyankov/DefinitelyTyped
  8. 8. TypeScript
  9. 9. JavaScript output
  10. 10. Plus, includes!:
  11. 11. DEMO TIME!http://www.typescriptlang.org/Playground/

×