Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Typescript language

705 views

Published on

Typescript language

Published in: Software
  • Be the first to comment

Typescript language

  1. 1. Typescript language
  2. 2. Agenda ▪ Introduction to language ▪ Javascript problems ▪ Typescript features ▪ How Typescript works ▪ What you need to get started ▪ Similar languages ▪ Statistics ▪ Demo ▪ What’s next? ▪ More information 2
  3. 3. Introduction to language ▪ TypeScript is a free and open source programming language developed and maintained by Microsoft ▪ It is a strict superset of JavaScript, and adds optional static typing and class-based object- oriented programming to the language ▪ TypeScript is designed for development of large applications and transcompiles to JavaScript ▪ As TypeScript is a superset of JavaScript, any existing JavaScript programs are also valid TypeScript programs. ▪ Appeared in 2012 October 1 ▪ Current version 1.4 3
  4. 4. Javascript problems. Dynamic types 4
  5. 5. Javascript problems. Refactoring 5
  6. 6. Javascript problems. Which pattern to use? 6
  7. 7. Javascript problems. Inheritance 7
  8. 8. 8
  9. 9. Typescript features. Strongly typed. IntelliSense 9
  10. 10. Typescript features. Custom types 10
  11. 11. Typescript features. Better refactoring 11
  12. 12. Typescript features. Offers classes, modules, and interfaces 12
  13. 13. How Typescript works 13
  14. 14. 14
  15. 15. TFS build fix for typescript ~ 1.0 1. Within Visual Studio right click on your project and unload it. 2. Right click on the project again and edit the csproj. 3. Make sure that the Typescript import comes directly after Microsoft.CSharp.targets. 15 <Import Project="$(MSBuildBinPath)Microsoft.CSharp.targets" /> <Import Project="$(MSBuildExtensionsPath32)MicrosoftVisualStudiov$(VisualStudioVersion) TypeScriptMicrosoft.TypeScript.targets" />
  16. 16. What you need to get started 16
  17. 17. Similar languages 17
  18. 18. Statistics. Project Size 18 10K LOC ~ jQuery 25K LOC ~ Angular
  19. 19. Statistics. Usage 19
  20. 20. Statistics. Project Types 20
  21. 21. Statistics. Stackoverflow 21
  22. 22. Statistics. Pluralsight 22
  23. 23. Statistics. GitHub ▪ 4 121 commits ▪ 68 branches ▪ 4 releases ▪ 38 contributors ▪ 497 issues ▪ 25 pull requests 23
  24. 24. Typescript demo Using Visual Studio 2013, Resharper 9, Web essentials and Typescript 1.3
  25. 25. What’s next? ▪ ECMAScript 6 ▪ Typescript 2.0 ▪ Typescript Roadmap 25
  26. 26. More information ▪ http://www.typescriptlang.org/ 26

×