Downloaded 21 times
Uploaded by.NET Crowd
Typescript language
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
- 1.
- 2. Agenda ▪ Introduction tolanguage ▪ 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. Dynamictypes 4
- 5.
- 6. Javascript problems. Whichpattern to use? 6
- 7.
- 8.
- 9. Typescript features. Stronglytyped. IntelliSense 9
- 10. Typescript features. Customtypes 10
- 11. Typescript features. Betterrefactoring 11
- 12. Typescript features. Offersclasses, modules, and interfaces 12
- 13.
- 14.
- 15. TFS build fixfor 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 needto get started 16
- 17.
- 18. Statistics. Project Size 18 10KLOC ~ jQuery 25K LOC ~ Angular
- 19.
- 20.
- 21.
- 22.
- 23. Statistics. GitHub ▪ 4121 commits ▪ 68 branches ▪ 4 releases ▪ 38 contributors ▪ 497 issues ▪ 25 pull requests 23
- 24. Typescript demo Using VisualStudio 2013, Resharper 9, Web essentials and Typescript 1.3
- 25. What’s next? ▪ ECMAScript6 ▪ Typescript 2.0 ▪ Typescript Roadmap 25
- 26.