Разработка веб-приложений с помощью typescript

DevCon 2015developers productivity platform

#msdevcon

DevCon 2015developers productivity platform

Станислав ВыщепанНезависимый консультант

Разработка веб-приложений с помощью TypeScript

Что вам надо знать о TypeScript

Язык программированияНадмножество JavaScriptКомпилируется в чистый JavaScriptПо-разному типизированный Читается ТайпСкрипт, а не ТупоСкрипт

Разработчики о JavaScript

Разработчики правы!

Проблемы JavaScript

1. Динамическая типизация2. Отсутствие модульности3. Нелогичное поведение

Динамическая типизация

Отсутствие модульности

• 1.js

• 2.js

Фатальный недостаток

JavaScript придумал не Microsoft!

Чем поможет TypeScript

Статическая типизацияКорректность кода проверяется прямо во время набора текста и при компиляцииIntellisense во всех средствах разработки

Инструменты для разработчиковРефакторинг без поломки кода

Компилируется в хороший JavaScriptКод на JavaScript остается похож на код TypeScriptПочти не добавляет лишнегоАвтоматизирует паттерны

DevCon 2015 #MSDevCon

DEMOВведение в TypeScript

Возможности TypeScript

Структурная типизация и вывод типовБольшую часть аннотаций можно не писать

Интерфейсы, классы, generics, лямбда-функцииОбъектно-ориентированное и функциональное программирование

Типы-кортежи и union-typesПочти все многообразие типов JavaScript можно описать статически

Возможности будущих версий стандарта ECMAScript (ES6+)Встроенная модульность с помощью AMD или CommonJS

А как же библиотеки?

Ахиллесова пята всех компиляторов языка в JavaScript

Но совершенно не проблема для TypeScriptTypeScript позволяет описать типы для существующего JavaScript-кодаOpen Source библиотеки описаний типов для популярных JavaScript-библиотекhttp://definitelytyped.org/

Angular2 создается на TypeScript!

DevCon 2015 #MSDevCon

DEMOПриложение для SharePoint на TypeScript с использованием Angular

Но у меня уже есть тонна кода на JS…Это не проблемаКод на JavaScript – это синтаксически корректный код на TypeScript

Что надо делать:1. Переименовать .js в .ts2. Настроить компиляцию в .ts->.js3. Установить определения для библиотек4. Написать определения для вашего кода5. Отрефакторить, чтобы использовать возможности TypeScript

DevCon 2015 #MSDevCon

DEMOПереводим JavaScript в TypeScript

Преимущества TypeScript

Open SourceНикаких vendor lockМожно использовать в любых IDE

Компилятор TypeScript написан на TypeScriptКонцептуально целостный языкМожно использовать в своих приложениях

Продуманный roadmapФичи будущих стандартов ECMAScriptВозможности современных языков

TypeScript Roadmap

Beta

Он изобрел DelphiОн изобрел C#Он изобрел TypeScript

В такой компании у TypeScript большое будущее

Чем знаменит этот человек?

Начинайте прямо сегодня

Полезные ссылкиhttp://www.typescriptlang.org/http://definitelytyped.org/https://github.com/Microsoft/TypeScript

Станислав ВыщепанНезависимый консультант, SharePoint MVPstanislav.v@outlook.comhttp://gandjustas.blogspot.ru/

Разработка веб-приложений с помощью TypeScript

©2015 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.