![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2826868/typescript_blog.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2629845/i_love_js.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2629883/Uhl_7pVNPuw.jpg)
Брендан Эйх
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2861678/Untitled.png)
- Нативный
- Простой
- Гибкий
- Быстрый
- Расширения
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2629894/Pros-300x286.jpg)
- Модульность
- Масштабирования
- Развитие
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2629898/Cons-300x284.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860959/typescript-vs-javascript.png)
Андерс Хейлсберг
автор c#, delpi, pascal
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630956/800px-Anders_Hejlsberg.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2617000/6es5-es2015-ts.gif)
TypeScript - типизированный JavaScript?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2629981/1439133846_17kyux2_k94jto0_1_.gif)
So shouldn’t we optionally call it Type?Script or [Type]Script ? Kidding aside, the types are just once piece of TypeScript. Perhaps a better name is simply ES+
John Papa
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630934/1202528.png)
Статическая типизация, но при этом опциональная
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630671/maxresdefault.jpg)
Валидный JS код будет валидным TS кодом
На самом деле странно не использовать возможности языка в полной мере
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630734/ancient_aliens_guy_hd_meme_by_pstrooper-d7p5dz1-460x460.jpg)
Зная JS вы уже можете писать TS код
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630761/62522801.jpg)
А в процессе изучать какие-то более сложные конструкции.
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630930/qN_rZnZho7U.jpg)
Types
-
boolean
-
number
-
string
-
Function
-
Object
-
Enum
-
Array
-
void
-
any
Interfaces, Classes, Inheritance, Generics, Modules etc.
www.typescriptlang.org/play
Typescript 2.x roadmap
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2823555/2.0.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2823556/2.1.png)
Компилятор typescript
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630119/typescript_github.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2634852/typings.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2634841/definetly_typed.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630984/coffeescript-logo.png)
1.10.0
3 сентября 2015
0.1.0
24 декабря 2009
1.0.0
24 декабря 2010
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2820324/Coffeescript_releases.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2633887/cofee_trends.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630971/dart-logo-wordmark-1200w.png)
spec 0.01
10 октября 2011
1.0
14 ноября 2014
1.17.1
10 июня 2016
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2820475/Dart_releases.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2633883/dart_trends.png)
Популярность
"Currently, many new and exciting JavaScript libraries are being released and the Dart platform is immature and hasn’t had time to fill out with all the options a developer might want. Being siloed into the Dart platform will be a very high price to pay to avoid the JavaScript minefield."
Why did the Angular team choose TypeScript over Dart?
https://jaxenter.com/angular-typescript-dart-115426.html
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860331/dart_bird.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630999/typescript2.jpg)
0.8
1 октября 2012
1.0
2 апреля 2014
1.8.10
9 апреля 2016
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2820536/TS_releases.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2633892/ts_dart_coffescript.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2630989/500628_a962.jpg)
At the end of the day, Google’s development of Dart was intended to be the creation of a new web programming language. TypeScript follows a less radical approach than Dart – it’s a typed superset of JavaScript and existing JavaScript projects can be converted to TypeScript simply by renaming the source files from*.js to *.ts.
Why did the Angular team choose TypeScript over Dart?
https://jaxenter.com/angular-typescript-dart-115426.html
Angular 2: Dart vs TypeScript
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860971/angular-2-typescript-true-lets-play-13-638.jpg)
As nice as Dart is, TypeScript wins because, at the end of the day, they both have to appeal to existing web developers. These developers, nearly without exception, use JavaScript. Their skills do not cleanly translate to Dart like they do to TypeScript. By virtue of not simply being a better JavaScript, Dart lost.
Angular 2: Dart vs TypeScript
Why did the Angular team choose TypeScript over Dart?
https://jaxenter.com/angular-typescript-dart-115426.html
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860982/a6a3a6fcd020b45cb527742b17e0d603.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2635506/Screen-Shot-2014-10-27-at-12.45.39-PM.png)
Angular 2: AtScript
IDE
- alm.tools
- Atom
- Eclipse
- Emacs
- NetBeans
- Sublime Text
- Vim
- Visual Studio
- Visual Studio Code
- WebStorm
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860262/icon.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860263/479px-Vimlogo.svg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860264/eclipse-426x100.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860265/emacs.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860269/logo-4e073dbd4c0ce67ece1b30a6b31253b9.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860270/Sublime_Text_Logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2860272/Webstorm_logo.png)
Недостатки
-
замедляет кодирование
-
компиляция
Преимущества
-
рефакторинг
-
ошибки при компиляции
-
ES6
-
модульность
-
развитие
Опыт использования
![](https://s3.amazonaws.com/media-p.slid.es/uploads/461423/images/2634902/babka_88144291_orig_.jpg)
Typescript overview
By llexa313
Typescript overview
- 754