Разделы презентаций


ООО ИТСК Telegram - @ fclm_man vakhitov.br@gazprom-neft.ru Про TypeScript, и

Содержание

Кто мыИТСКСистемный интеграторДочернее предприятие ПАО «Газпром нефть»Пишем софт, много софта

Слайды и текст этой презентации

Слайд 1ООО «ИТСК»
Telegram - @fclm_man
vakhitov.br@gazprom-neft.ru
Про TypeScript,
и про нас
Вахитов Булат Рафисович

ООО «ИТСК»Telegram - @fclm_manvakhitov.br@gazprom-neft.ruПро TypeScript,и про насВахитов Булат Рафисович

Слайд 2Кто мы
ИТСК
Системный интегратор
Дочернее предприятие ПАО «Газпром нефть»
Пишем софт, много софта

Кто мыИТСКСистемный интеграторДочернее предприятие ПАО «Газпром нефть»Пишем софт, много софта

Слайд 3Наши проекты (количество строк кода)

Наши проекты (количество строк кода)

Слайд 4Что это такое
Объектно-ориентированный язык
Представлен Microsoft в 2012 году
Является расширением JavaScript
Добавляет

типизацию
Добавляет модификаторы доступа членам классов
Добавляет синтаксические конструкции
Компилируется в JavaScript

Что это такоеОбъектно-ориентированный языкПредставлен Microsoft в 2012 годуЯвляется расширением JavaScriptДобавляет типизациюДобавляет модификаторы доступа членам классовДобавляет синтаксические конструкцииКомпилируется

Слайд 5Кому может пригодиться?

Кому может пригодиться?

Слайд 6Сфера применения
Везде где можно исполнять javascript код

Сфера примененияВезде где можно исполнять javascript код

Слайд 7При разработке приложений для браузеров
Сфера применения

При разработке приложений для браузеровСфера применения

Слайд 8Если вы наркоман fullstack developer и пишете бэк на ноде,

то код скомпилированный из TS может исполняться в node.js
Сфера применения

Если вы наркоман fullstack developer и пишете бэк на ноде, то код скомпилированный из TS может исполняться

Слайд 9Deno – новая технология от создателя node, обещает исполнять TypeScript
Сфера

применения

Deno – новая технология от создателя node, обещает исполнять TypeScriptСфера применения

Слайд 10Динамика популярности языков со времени релиза typescript (по мнению stackoverflow)

Динамика популярности языков со времени релиза typescript (по мнению stackoverflow)

Слайд 11Знакомство
Наше знакомство с typescript – 2016 год
Причины:
Строгая типизация
Выразительная система типов
Framework

который мы выбрали для enterprise разработки пропагандирует ts

ЗнакомствоНаше знакомство с typescript – 2016 годПричины:Строгая типизацияВыразительная система типовFramework который мы выбрали для enterprise разработки пропагандирует

Слайд 12Что делают разработчики, когда встречают что-то незнакомое?
Сопротивляются!

Что делают разработчики, когда встречают что-то незнакомое?Сопротивляются!

Слайд 13Стадии принятия
Отрицание – да кому это только пришло в голову,

типы в JS???

Стадии принятияОтрицание – да кому это только пришло в голову, типы в JS???

Слайд 14Гнев – *»№%::* эту строгую типизацию, это сколько надо dto

наваять
Стадии принятия

Гнев – *»№%::* эту строгую типизацию, это сколько надо dto наваятьСтадии принятия

Слайд 15Торг – ок, типы. Any – тоже вполне себе тип
Стадии

принятия

Торг – ок, типы. Any – тоже вполне себе типСтадии принятия

Слайд 16Депрессия – ее мы, кажется, пропустили
Стадии принятия

Депрессия – ее мы, кажется, пропустилиСтадии принятия

Слайд 17Принятие – осознание плюсов типизации, кропотливое прорабатывание типов, избавление от

any
Стадии принятия

Принятие – осознание плюсов типизации, кропотливое прорабатывание типов, избавление от anyСтадии принятия

Слайд 18Что он нам дает
Привычно выглядящие ООП конструкции
Статическую типизацию
Классы
Интерфейсы
Обобщенные типы
Типы перечисления
Модификаторы

доступа
Декораторы

Что он нам даетПривычно выглядящие ООП конструкцииСтатическую типизациюКлассыИнтерфейсыОбобщенные типыТипы перечисленияМодификаторы доступаДекораторы

Слайд 19Система типов TypeScript
Статическая

Система типов TypeScriptСтатическая

Слайд 20Сильная (строгая)
Система типов TypeScript

Сильная (строгая)Система типов TypeScript

Слайд 21Структурная
Система типов TypeScript

СтруктурнаяСистема типов TypeScript

Слайд 22Номинативная типизация
C#

Номинативная типизацияC#

Слайд 23Структурная типизация

Структурная типизация

Слайд 24Откуда берутся типы в TypeScript

Откуда берутся типы в TypeScript

Слайд 25Откуда берутся типы в TypeScript

Откуда берутся типы в TypeScript

Слайд 26Откуда берутся типы в TypeScript

Откуда берутся типы в TypeScript

Слайд 27Откуда берутся типы в TypeScript

Откуда берутся типы в TypeScript

Слайд 28Откуда берутся типы в TypeScript

Откуда берутся типы в TypeScript

Слайд 29Откуда берутся типы в TypeScript

Откуда берутся типы в TypeScript

Слайд 30Откуда берутся типы в TypeScript

Откуда берутся типы в TypeScript

Слайд 31Куда деваются типы в TypeScript

Куда деваются типы в TypeScript

Слайд 32ES5
Куда деваются типы в TypeScript

ES5Куда деваются типы в TypeScript

Слайд 33ES5
Куда деваются типы в TypeScript

ES5Куда деваются типы в TypeScript

Слайд 34Анонимный тип
Compile-time тип

Анонимный типCompile-time тип

Слайд 35Именованный тип, Интерфейс
Compile-time тип
Compile-time ID

Именованный тип, ИнтерфейсCompile-time типCompile-time ID

Слайд 36Класс Typescript
Функция-конструктор, или es6 класс
Compile-time тип
Compile-time ID

Класс TypescriptФункция-конструктор, или es6 классCompile-time типCompile-time ID

Слайд 37Рассмотрим такой вариант

Рассмотрим  такой вариант

Слайд 38Ответ сервера

Ответ сервера

Слайд 39И вот что мы получим

И вот что мы получим

Слайд 40Результирующий js

Результирующий js

Слайд 41Еще про интерфейсы

Еще про  интерфейсы

Слайд 42Еще про интерфейсы

Еще про интерфейсы

Слайд 43Еще немного про интерфейсы
A
B

Еще немного про интерфейсыAB

Слайд 44Еще немного про интерфейсы

Еще немного про интерфейсы

Слайд 45Модификаторы доступа, все что о них нужно знать

Модификаторы доступа, все что о них нужно знать

Слайд 46Модификаторы доступа, все что о них нужно знать

Модификаторы доступа, все что о них нужно знать

Слайд 47Более того, даже в ts

Более того, даже в ts

Слайд 48Generic

Generic

Слайд 49Generic

Generic

Слайд 50C#
Generic

C#Generic

Слайд 51Generic

Generic

Слайд 52Generic

Generic

Слайд 53Generic

Generic

Слайд 54Контекст

Контекст

Слайд 55Контекст

Контекст

Слайд 56Декораторы
Для использования нужно включить --experimentalDecorators

ДекораторыДля использования нужно включить --experimentalDecorators

Слайд 57Декораторы

Декораторы

Слайд 58Декораторы

Декораторы

Слайд 59Декораторы

Декораторы

Слайд 60Хорошо подойдет людям с опытом backend разработки на строго типизированных

языках
Выводы

Хорошо подойдет людям с опытом backend разработки на строго типизированных языкахВыводы

Слайд 61Расширяет возможности JavaScript, добавляя фишки, которые еще не вошли в

стандарт, но ожидаются в будущем
Выводы

Расширяет возможности JavaScript, добавляя фишки, которые еще не вошли в стандарт, но ожидаются в будущемВыводы

Слайд 62Добавляет статическую типизацию
Выводы

Добавляет статическую типизациюВыводы

Слайд 63Более удобная навигация по проекту и более точные подсказки IDE.
Выводы

Более удобная навигация по проекту и более точные подсказки IDE.Выводы

Слайд 64Описание предметной области с помощью типов в крупных проектах позволяет

лучше понимать чужой код
Выводы

Описание предметной области с помощью типов в крупных проектах позволяет лучше понимать чужой кодВыводы

Слайд 65Обещает корректность типов в вашем приложении
Выводы

Обещает корректность типов в вашем приложенииВыводы

Слайд 66Он выглядит как C# или Java, но ими не является,

вводя в заблуждение
Выводы

Он выглядит как C# или Java, но ими не является, вводя в заблуждениеВыводы

Слайд 67Это все еще JavaScript с прототипным наследованием
Из этого следует, что

TS опасен для людей, которые плохо знают JavaScript
Выводы

Это все еще JavaScript с прототипным наследованиемИз этого следует, что TS опасен для людей, которые плохо знают

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

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

Слайд 69Все что вошло в программу из нетипизированной среды может вам

все поломать (json с бэка, например)
Выводы

Все что вошло в программу из нетипизированной среды может вам все поломать (json с бэка, например)Выводы

Слайд 70Сторонние библиотеки с коллбэками, которые применяют свой контекст могут нам

все поломать
Выводы

Сторонние библиотеки с коллбэками, которые применяют свой контекст могут нам все поломатьВыводы

Слайд 71Проверка типов полностью отсутствует в рантайме
Выводы

Проверка типов полностью отсутствует в рантаймеВыводы

Слайд 72Добавляется обязательный этап сборки проекта
Выводы

Добавляется обязательный этап сборки проектаВыводы

Слайд 73Не гарантирует корректность программы)
Выводы

Не гарантирует корректность программы)Выводы

Слайд 74И напоследок (c) habr
Вот чем динамическая типизация хуже статической?
Тем, что

статическая типизация позволяет узнать, что ваша программа не делает ерунду

до запуска вашей программы, а динамическая – нет. (с некоторыми оговорками)
И напоследок (c) habrВот чем динамическая типизация хуже статической?Тем, что статическая типизация позволяет узнать, что ваша программа

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика