Все курсы

Интенсив по TypeScript

Интенсив по языку TypeScript.

Программа

TypeScript увеличивает эффективность и надёжность JavaScript-разработки добавлением типизации. Он взят за основу в некоторых современных фреймворках, таких как Angular. Но, если посмотреть на тенденции современной разработки, TypeScript активно используется и с другими фреймворками и окружениями, включая React, Vue и даже Node.js.

За время наших встреч мы детально изучим реальное использование TypeScript, на практике посмотрим как решать типичные проблемы. Начнем с написания простых функций и компонентов, научимся настраивать окружение, поговорим про системы сборки. А закончим приложением на TypeScript.

Интенсив будет проходить на протяжении 2-х дней:

  1. Первый день посвящен основным темам: окружение, быстрый старт, типизация, функции и классы, интерфейсы в TypeScript.
  2. Второй день – более продвинутые темы: организация кода, декораторы, интеграция сторонних библиотек, дополнительный инструментарий.

Детали программы смотрите ниже.

Основные темы программы

  • День 1
  • День 2

День 1

Быстрый старт. Экосистема TypeScript. Cистема типизации.

В этом блоке мы разберем основные идеи TypeScript, зачем он нужен и почему так важен в разработке сегодня. Научимся писать простые функции, компоненты и узнаем, в чем принципиальное отличие TypeScript от других решений. Разберём нюансы cистемы типизации и возможности, которые привносит TypeScript, когда мы работаем с функциями и классами.

  • Быстрый старт. Настраиваем окружение.
  • Инструменты контроля качества кода.
  • Система типизации.
  • Функции в контексте ЕS6 сквозь призму TypeScript.
  • Классы в TypeScript их основные отличия отЕS6.
  • Паттерны и их реализации в TypeScript.

День 2

Организация кода. Работа с библиотеками и фреймворками. Тестирование

Когда мы пишем реальные приложения или тестируем их, мы используем ряд сторонних решений и библиотек, в том числе на обычном JavaScript. Мы посмотрим, где и как можно найти определения типов для них и как их интегрировать в проект. Напишем свои определения типов. Также мы модуляризуем на TypeScript-проект и разберём ряд дополнительных тем, таких как система сборки, декораторы , рефлексия и др.

  • Опредеделения типов - пишем свои, ищем и используем сторонние.
  • Модули и их реализация в TypeScript.
  • Сборка с Webpack.
  • Декораторы и рефлексия. Что это? Зачем? Где?
  • Приложения со сторонними библиотеками и фреймворком, разбираем серверную и клиентскую часть.
  • Тесты к основным частям приложения.

Как проходит обучение?

Занятия проходят на выходных, приблизительно 5 часов в день (6 с перерывом на обед). Разбираем темы программы на практике, разрабатываем приложение, разбираем вопросы, в том числе по использованию в ваших проектах, чтобы вы могли сразу применять TypeScript после интенсива. Интенсив расчитан на ограниченное количество участников, чтобы мы смогли гарантировать, что успеем ответить на все вопросы.

Результат

  1. Вы хорошо понимаете тонкости экосистем TypeScript.
  2. Вы разбираетесь в возможностях TypeScript и знаете где их применять.
  3. Вы готовы использовать TypeScript c любыми фреймворками и библиотеками.

Преподаватель

Photo
Игорь Непипенко

Занимаюсь современной frontend-разработкой с использованием Angular с 2013 года. С 2016 года веду обучение Javascript, Typescript и Angular. Также имею большой опыт преподавания математических дисциплин в ВУЗе.

Также работаю как Team/Tech Lead в разработке enterprise-приложений для CША, а также приложения для работы с блокчейн, например система для рекламы, основанная на цифровой валюте cresttoken.com. Предпочитаю стек MEAN.

Что говорят о интенсиве участники

Дополнительная информация

  • Для максимально эффективного восприятия материала необходимо иметь следующие знания:

    • JavaScript: знание основ и текущих стандартов

  • Для онлайн-общения желателен интернет от 256kb/s.

Комментарии

перед тем как писать…
  • Если вам кажется, что в статье что-то не так - вместо комментария напишите на GitHub.
  • Для одной строки кода используйте тег <code>, для нескольких строк кода — тег <pre>, если больше 10 строк — ссылку на песочницу (plnkr, JSBin, codepen…)
  • Если что-то непонятно в статье — пишите, что именно и с какого места.