Upload
dotnetcrowd
View
163
Download
1
Tags:
Embed Size (px)
Citation preview
Typescript language
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
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 validTypeScript programs.
▪ Appeared in 2012 October 1
▪ Current version 1.4
3
Javascript problems. Dynamic types
4
Javascript problems. Refactoring
5
Javascript problems. Which pattern to use?
6
Javascript problems. Inheritance
7
8
Typescript features. Strongly typed. IntelliSense
9
Typescript features. Custom types
10
Typescript features. Better refactoring
11
Typescript features. Offers classes, modules, and interfaces
12
How Typescript works
13
14
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)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" />
What you need to get started
16
Similar languages
17
Statistics. Project Size
18
10K LOC ~ jQuery 25K LOC ~ Angular
Statistics. Usage
19
Statistics. Project Types
20
Statistics. Stackoverflow
21
Statistics. Pluralsight
22
Statistics. GitHub
▪ 4 121 commits
▪ 68 branches
▪ 4 releases
▪ 38 contributors
▪ 497 issues
▪ 25 pull requests
23
Typescript demo
Using Visual Studio 2013, Resharper 9, Web essentials and Typescript 1.3
What’s next?
▪ ECMAScript 6
▪ Typescript 2.0
▪ Typescript Roadmap
25