Typescript language
Download as PPTX, PDF1 like1,050 views
TypeScript is a free and open source programming language developed by Microsoft that adds optional static typing and classes to JavaScript. It is a strict superset of JavaScript that transcompiles to JavaScript. TypeScript addresses issues with JavaScript like dynamic types, refactoring, inheritance, and lack of strong typing by providing features like custom types, classes, modules, interfaces, and IntelliSense. The presentation introduces TypeScript, discusses its features and how it works, and provides statistics on its usage and adoption. A live demo then shows using TypeScript in Visual Studio.
Typescript language
- 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. 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. Javascript problems. Dynamic types 4
- 6. Javascript problems. Which pattern to use? 6
- 8. 8
- 9. Typescript features. Strongly typed. IntelliSense 9
- 10. Typescript features. Custom types 10
- 11. Typescript features. Better refactoring 11
- 12. Typescript features. Offers classes, modules, and interfaces 12
- 14. 14
- 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. What you need to get started 16
- 18. Statistics. Project Size 18 10K LOC ~ jQuery 25K LOC ~ Angular
- 23. Statistics. GitHub ▪ 4 121 commits ▪ 68 branches ▪ 4 releases ▪ 38 contributors ▪ 497 issues ▪ 25 pull requests 23
- 24. Typescript demo Using Visual Studio 2013, Resharper 9, Web essentials and Typescript 1.3
- 25. What’s next? ▪ ECMAScript 6 ▪ Typescript 2.0 ▪ Typescript Roadmap 25