Часть путешествия по JavaScriptПопулярныйПутьИзучите TypeScript
Бесплатный интерактивный курс по TypeScript, построенный поверх JavaScript. В каждом уроке вы пишете TS - аннотации типов, интерфейсы, дженерики, объединения, сужение типов - с подсказками от ИИ, когда вы заходите в тупик, и сертификатом по завершении. Это часть более широкого пути JavaScript, поэтому контекст JS, благодаря которому TypeScript становится понятным, всегда под рукой.
257,728+ codders записались
- Для начинающих
Помощь ИИ при написании кода
Практические интерактивные уроки
Аудио-озвучка к каждому уроку
Тесты для проверки знаний
Бесплатный сертификат о прохождении
Программа
Этот раздел - часть путешествия по JavaScript. В полной программе ещё больше разделов - кликни по любому превью ниже, чтобы открыть его на странице путешествия.
- Раздел 1Основы77 уроков
- Раздел 2Логика и поток65 уроков
Раздел 3
Введение в TypeScript
Начать разделНачатьРазвернутьСвернутьВведение в TypeScript после изучения JavaScriptНачало работы с TS
5 уроков232- 01Что такое TypeScript?Квиз
- 02Зачем использовать TypeScript?Квиз
- 03Ваш первый код на TypeScriptЗадачаКвиз
- 04Процесс компиляции и ошибкиКвиз
- 05Итоги: Введение в TSЗадача
Основные типы
7 уроков748- 01Базовые типы: str, num, booleanЗадачаКвиз
- 02Тип 'any': лазейкаЗадачаКвиз
- 03Тип 'unknown'ЗадачаКвиз
- 04Работа с 'null' и 'undef'ЗадачаКвиз
- 05Вывод типов в действииЗадачаКвиз
- 06Явные аннотации типовЗадачаКвиз
- 07Итоги: Практика по основным типамЗадача
Структуры данных: массивы и кортежи
9 уроков862- 01Типизированные массивыЗадачаКвиз
- 02Модификатор 'readonly' для массивовЗадачаКвиз
- 03Что такое кортеж?Квиз
- 04Объявление кортежей и доступ к нимЗадачаКвиз
- 05Деструктуризация кортежейЗадачаКвиз
- 06Кортежи readonlyЗадачаКвиз
- 07Многомерные типизированные массивыЗадачаКвиз
- 08Оператор spread с массивамиЗадачаКвиз
- 09Итоги: массивы и кортежиЗадача
Работа с функциями
8 уроков855- 01Типизация параметров и возвращаемых значенийЗадачаКвиз
- 02Типизация стрелочных функцийЗадачаКвиз
- 03Тип возвращаемого значения 'void'ЗадачаКвиз
- 04Необязательные параметры с '?'ЗадачаКвиз
- 05Значения параметров по умолчаниюЗадачаКвиз
- 06Типизация Rest-параметровЗадачаКвиз
- 07Определение типов функцийЗадачаКвиз
- 08Итоги: Создание типизированных функцийЗадача
Типы: псевдонимы, объединения и пересечения
7 уроков751- 01Псевдонимы типов для примитивовЗадачаКвиз
- 02Типы объединения ('|')ЗадачаКвиз
- 03Работа с типами объединенияЗадачаКвиз
- 04Литеральные типыЗадачаКвиз
- 05Типы пересечения ('&')ЗадачаКвиз
- 06Комбинирование псевдонимов типовЗадачаКвиз
- 07Итоги: продвинутые комбинации типовЗадача
Типизация объектов и интерфейсы
8 уроков757- 01Встроенные аннотации типов объектовЗадачаКвиз
- 02Псевдонимы типов для объектовЗадачаКвиз
- 03Введение в интерфейсыЗадачаКвиз
- 04Интерфейсы против псевдонимов типовКвиз
- 05Необязательные и Readonly свойстваЗадачаКвиз
- 06Расширение интерфейсов и типовЗадачаКвиз
- 07Добавление методов в интерфейсыЗадачаКвиз
- 08Итоги: Определение структуры объектовЗадача
Проект: Простой список задач
Проект6 уроков18- 01Проект: Определение структуры TaskЗадачаКвиз
- 02Функция для добавления задачиПроект
- 03Функция для изменения статуса задачиПроект
- 04Функция: Список задач по статусуПроект
- 05Функция: Печать сводки задачПроект
- 06Собираем всё воединоПроект
Перечисления (Enums)
6 уроков638- 01Что такое числовое перечисление?ЗадачаКвиз
- 02Использование числовых перечисленийЗадачаКвиз
- 03Что такое строковое перечисление?ЗадачаКвиз
- 04Использование строковых перечисленийЗадачаКвиз
- 05Гетерогенные перечисленияЗадачаКвиз
- 06Итоги: использование перечисленийЗадача
Обобщения: первое знакомство
6 уроков537- 01Проблема, которую решают обобщенияКвиз
- 02Создание обобщенной функции IdentityЗадачаКвиз
- 03Использование обобщенной функцииЗадачаКвиз
- 04Обобщенные массивыЗадачаКвиз
- 05Обобщенные интерфейсыЗадачаКвиз
- 06Итоги: практика по обобщенным функциямЗадача
Проект: Управление инвентарем
Проект5 уроков18- 01Проект: Универсальный предмет инвентаряЗадачаКвиз
- 02Функция: Добавление предметов в инвентарьПроект
- 03Функция поиска предмета по IDПроект
- 04Создание специфического типа инвентаряПроект
- 05Функция получения информации о предметеПроект
Продвинутые темы
6 уроков642- 01Утверждения типовЗадачаКвиз
- 02Type Guards: in и instanceofЗадачаКвиз
- 03Тип 'never'ЗадачаКвиз
- 04Nullable-типы ('strictNull')ЗадачаКвиз
- 05Индексные сигнатуры для объектовЗадачаКвиз
- 06Итоги: Тонкая настройка типовЗадача
- Раздел 4Объектно-ориентированное программирование56 уроков
Почему стоит изучать TypeScript с Coddy
- Пишите TypeScript прямо в браузере. Никакой установки
tsc, никакой настройки редактора, никакогоtsconfig.json, с которым нужно возиться. Редактор и вывод расположены рядом, так что вы сразу видите, что делает каждый тип. - Современный TypeScript: аннотации типов, интерфейсы, дженерики, объединения и пересечения типов, сужение типов, служебные типы и то, как TS надстраивается над обычным JavaScript, не меняя того, что выполняется во время работы программы.
- Подсказки ИИ помогают читать ошибки TypeScript - те самые знаменитые длинные - не раскрывая готового решения, чтобы вы выстроили мысленную модель, которая облегчит написание TS-кода в будущем.
- Бесплатный сертификат по TypeScript после завершения раздела. Убедительное подтверждение того, что вы умеете читать и писать идиоматичный TS, а не просто JavaScript с добавленными типами.
Часто задаваемые вопросы об изучении TypeScript
Что такое TypeScript?
TypeScript - это надмножество JavaScript, добавляющее необязательную статическую типизацию. Корректный JavaScript является корректным TypeScript, но TS позволяет указывать типы для переменных, параметров функций и возвращаемых значений - а компилятор затем находит ошибки до запуска кода. Во время выполнения TypeScript компилируется в обычный JavaScript.
Сложно ли изучать TypeScript?
Если вы уверенно владеете JavaScript, основы TypeScript осваиваются быстро - добавьте
: string или : number к нескольким переменным, и вы уже пишете TS. Более сложные части (дженерики, условные типы, отображаемые типы, сужение типов) требуют больше времени, и этот курс знакомит с ними небольшими шагами на практических примерах.Нужно ли знать JavaScript перед TypeScript?
Да. TypeScript - это JavaScript с типами поверх, поэтому язык, который вы на самом деле изучаете, - это JS. Именно поэтому раздел по TypeScript входит в путь JavaScript - вы можете сначала пройти разделы по JS или сразу перейти к TS, если уже уверенно владеете современным JavaScript.
В чём разница между TypeScript и JavaScript?
JavaScript типизируется динамически - переменная может хранить строку сегодня и число завтра, и вы узнаёте об этом только во время выполнения. TypeScript добавляет слой статической типизации, работающий на этапе сборки и выявляющий несоответствия типов до того, как код попадёт в продакшен. Скомпилированный результат - всё тот же обычный JavaScript, поэтому он работает везде, где работает JS.
Можно ли изучать TypeScript онлайн бесплатно?
Да. Интерактивный раздел по TypeScript бесплатный - полноценные уроки, практические задания на написание кода, тесты и сертификат. Редактор работает в браузере со встроенным компилятором TS, поэтому вам не нужно устанавливать
tsc, Node или какие-либо инструменты, чтобы начать писать TypeScript.Получу ли я сертификат после курса по TypeScript?
Да. Завершение раздела по TypeScript даёт вам бесплатный сертификат о прохождении, которым вы можете поделиться в LinkedIn или указать в резюме. Это проверяемое подтверждение того, что вы проработали структурированный практический материал по TypeScript, а не просто посмотрели туториалы.
