Учить TypeScript - Курс Кода
Учить TypeScript - Курс Кода — Изучайте TypeScript с проверкой типов в кармане
Учить TypeScript - Курс Кода — бесплатное приложение для iOS и Android, в котором вы изучаете TypeScript, пиша на нём код. Компилятор работает на устройстве, поэтому ошибки типов подчёркиваются прямо во время ввода, а 101 курс последовательно проведёт вас от первой аннотации через объединения, обобщения и условные типы к React, Node.js и tRPC. ИИ-наставник объясняет любую претензию компилятора простым языком.
- Цена
- Бесплатно, обновление до Pro
- Платформы
- iOS и Android
- Языки
- 22
- Возрастной рейтинг
- 4+
- Требуется
- iOS 15.1 или новее
- App Store
- 3.0 ★ (1)
Быстрее всего типы осваиваются, когда вы видите красное подчёркивание прямо во время ввода.
Вся суть TypeScript — в цикле обратной связи: напишите что-то неправильно, точно увидьте, где и почему возникла ошибка, и исправьте её. Редактор проверяет типы во время ввода, а Type Explorer показывает, каким компилятор считает значение, поэтому понятия сразу привязываются к ошибкам, которые они объясняют.
Что это
Учить TypeScript - Курс Кода — бесплатное приложение для iOS и Android, в котором можно изучать TypeScript с настоящим компилятором, работающим на телефоне. В его 101 курсе и 352 уроках уровня от A1 до C2 рассматриваются базовые типы, интерфейсы, объединения, сужение типов, обобщения, условные и отображаемые типы, ключевое слово infer, строгий режим и tsconfig, а также практические проекты с React, Node.js, Zod, Jest и tRPC. Редактор подчёркивает ошибки типов во время ввода, а головоломки, проекты с пошаговыми инструкциями, задания по программированию, симулятор собеседования и ИИ-наставник помогают практиковаться.
В приложении
Как это выглядит
Курс
Что входит в курс TypeScript
101 курс в собственном списке курсов приложения, распределённых по уровням от A1 до C2. Ниже приведены основные направления с настоящими названиями курсов.
Сначала — типы и переменные
Introduction to TypeScript, TypeScript vs JavaScript: Why Types Matter, Basic Types (string, number, boolean, any, unknown) и Types and Variables Essentials.
Функции, объекты и повседневные типы
Functions and Type Annotations, Arrays, Tuples and Enums, Interfaces and Type Aliases, Union and Intersection Types, Literal Types and const Assertions, а также Optional Chaining and Nullish Coalescing.
Сужение типов, классы и обобщения
Type Narrowing and Type Guards, Classes and Access Modifiers, Generics Basics, Index Signatures, а также операторы typeof и keyof.
Вспомогательные типы и безопасный код
Utility Types (Partial, Required, Pick, Omit, Record), Error Handling Patterns, Strict Mode and tsconfig Best Practices и Runtime Validation with Zod.
Продвинутые типы
Advanced Generics with Constraints and Conditional Types, Mapped Types and Template Literal Types, Discriminated Unions and Exhaustiveness, а также оператор satisfies.
TypeScript в реальных проектах
TypeScript with React: Props and Hooks, TypeScript with Node.js and Express, Testing TypeScript with Jest, Type-Safe API Clients, tRPC, GraphQL и Next.js.
Миграция и инструменты
Migration: JavaScript to TypeScript, Build and Bundlers, Monorepo Setup with TypeScript и Authoring Declaration Files.
Программирование на уровне типов
The infer Keyword and Complex Conditional Types, Writing Custom Utility Types, Recursive and Self-Referential Types и the TypeScript Compiler API.
Как это работает
Как проходит урок по TypeScript
Уроки короткие, и компилятор участвует в каждом из них.
Прочитайте краткое объяснение
Каждый урок занимает от пяти до десяти минут и сочетает понятное объяснение с небольшим примером — например, разницей между интерфейсом и псевдонимом типа.
Пишите код и следите за типами
Вводите код в редакторе и сразу видите подчёркнутые ошибки. Type Explorer показывает тип в месте курсора, включая элементы объединения, а запустив программу, вы увидите её результат.
Потренируйтесь, а если что-то непонятно — задайте вопрос
Каждую тему завершают вопросы и небольшие задания по коду, а в Type Gym вас ждут головоломки, и в Debug Arena — сломанный код, который нужно исправить. Если непонятно ограничение обобщения или сообщение компилятора, ИИ-наставник всё объяснит.
Что внутри
Что входит в приложение
101
Курсы — от первых типов до уровня C2
352 урока уровня от A1 до C2: от значения типов и базовых типов до API компилятора TypeScript и создания типобезопасных парсеров.
В реальном времени
Проверка типов в редакторе
Ошибки типов подчёркиваются во время ввода, Type Explorer показывает тип под курсором, а инструменты ИИ могут проверить вашу программу и предложить исправление, которое можно применить.
24
Головоломки Type Gym
24 головоломки по типам и головоломка дня, а также Debug Arena, где нужно исправить сломанный код до того, как закончится время.
20
Проекты с пошаговыми инструкциями и 60 заданий
Небольшие программы, создаваемые шаг за шагом, причём каждый шаг проверяется при запуске, а также 60 заданий по программированию на трёх уровнях — от Hello World до алгоритмов.
30
Симулятор собеседования
Набор из 30 вопросов с ограничением по времени и оценочным отчётом, а также 50 вопросов для собеседования с ответами и радар слабых мест, показывающий темы, в которых вы всё ещё ошибаетесь.
ИИ
ИИ-наставник
Задайте вопрос об ошибке компилятора или ограничении обобщения и получите объяснение простым языком.
Предыстория
Зачем учить TypeScript, если вы уже знаете JavaScript?
TypeScript — это JavaScript с добавленной статической системой типов. Вы описываете структуру данных, компилятор проверяет каждое их использование до запуска кода, а при компиляции типы удаляются, и получается обычный JavaScript. Поэтому в кодовых базах на React, Angular и Node так часто используют TypeScript: это тот же язык, но с автодополнением в редакторе, которое понимает ваш код, и целым классом ошибок «undefined — не функция», выявляемых во время сборки. Если вы умеете читать JavaScript, то уже знаете почти всё необходимое для начала.
Аннотации типов и вывод типовначните здесь
Вы можете указать тип переменной или параметра функции, а TypeScript самостоятельно выводит многие типы из присваиваемого значения. Понимание того, когда тип нужно написать явно, а когда можно доверить это выводу типов, — первый практический навык.
Объединения и сужение типовосновной рабочий инструмент
Тип-объединение означает, что значение может иметь один из нескольких типов. Сужение типов с помощью проверок typeof, сравнений и пользовательских защитников типов сообщает компилятору, какой именно тип используется внутри ветви, а дискриминируемые объединения позволяют исчерпывающе проверить все варианты.
Обобщениягибко, но безопасно
Обобщения позволяют функции или типу работать с разными типами, не прибегая к any. Ограничения с ключевым словом extends задают, что должен уметь параметр типа.
Вспомогательные, отображаемые и условные типыздесь система типов раскрывает свои возможности
Partial, Pick, Omit и Record построены на отображаемых и условных типах. Поняв их вместе с ключевым словом infer, вы сможете писать собственные вспомогательные типы, а не копировать готовые.
tsconfig и строгий режимнасколько строгим должен быть компилятор
Параметры компилятора определяют, насколько часто TypeScript будет сообщать об ошибках. Включение строгого режима делает типы надёжными, а также позволяет постепенно переносить существующий проект на JavaScript — файл за файлом.
Подходит
Кому это подходит — а кому нет
Подойдёт, если вы
- Пишете на JavaScript и постоянно встречаете TypeScript в вакансиях и кодовых базах
- Используете React или Node и хотите писать типизированный код от начала до конца
- Начинаете с нуля и предпочитаете изучать типизированный язык с самого начала
- Лучше всего учитесь на обратной связи компилятора и небольших задачах, а не только на чтении
- У вас есть проект на JavaScript, и вы хотите переносить его на TypeScript файл за файлом
Это не тот инструмент, если вы
- Никогда не писали код и хотите, чтобы первый язык программирования объяснили с нуля, поскольку уроки предполагают, что вы умеете читать код
- Вам нужно создавать большой проект в полноценной IDE, а для этого по-прежнему нужен ноутбук
- Ожидаете, что всё будет бесплатно, потому что первый курс бесплатный, а Pro открывает доступ к остальным
- Хотите официальный курс Microsoft, поскольку приложение является независимым
Вопросы
Часто задаваемые вопросы
Как лучше всего изучать TypeScript на телефоне?
Используйте инструмент, который действительно проверяет типы, а не просто показывает текст для чтения. Учить TypeScript - Курс Кода запускает компилятор на устройстве, подчёркивает ошибки типов по мере ввода и объединяет 101 курс с задачами на типы, проектами с пошаговым сопровождением и AI Mentor. Приложение бесплатно для начала работы на iOS и Android и доступно на 22 языках.
Можно ли изучать TypeScript, не зная JavaScript?
Да, но сначала полезно немного познакомиться с JavaScript, поскольку TypeScript — это JavaScript плюс типы. Учить TypeScript - Курс Кода начинается с объяснения важности типов и базовых типов, а один из ранних курсов сравнивает TypeScript с JavaScript. Новички, которые хотят изучать типизированный язык с самого первого дня, — одна из целевых групп приложения.
В чём разница между TypeScript и JavaScript?
TypeScript добавляет статическую систему типов в JavaScript. Компилятор проверяет код на соответствие объявленным или выведенным типам, а затем удаляет их, поэтому выполняется обычный JavaScript. Преимущества — более раннее обнаружение ошибок и улучшенное автодополнение в редакторе; недостатки — этап сборки и необходимость изучить дополнительный синтаксис.
Проверяет ли приложение мой TypeScript настоящим компилятором?
Да. Компилятор TypeScript запускается на устройстве, поэтому редактор подчёркивает ошибки типов по мере ввода, а Type Explorer показывает тип в позиции курсора. Вы также можете запустить код и увидеть результат. В приложении отмечается, что TypeScript является товарным знаком Microsoft Corporation и не связан с Microsoft.
Что такое обобщения в TypeScript и как приложение их объясняет?
Обобщения позволяют функции или типу работать с разными типами, сохраняя безопасность типов, вместо перехода к any. Приложение объясняет их поэтапно: от обобщённых функций и типов к ограничениям, затем к условным типам, отображаемым типам, шаблонным строковым типам и ключевому слову infer. Для практики предусмотрены задачи в Type Gym.
Есть ли в курсе TypeScript with React и Node.js?
Да. Курсы по реальным проектам включают TypeScript with React props and hooks, TypeScript with Node.js and Express, типобезопасные API-клиенты, проверку данных во время выполнения с Zod, тестирование с Jest, GraphQL, tRPC и Next.js. Отдельный курс по миграции показывает, как постепенно внедрить TypeScript в существующий проект на JavaScript.
Учить TypeScript - Курс Кода бесплатен?
Приложение можно бесплатно скачать. Бесплатная версия включает первый курс, первый проект с пошаговым сопровождением и трек проектов, две миссии по программированию, ежедневную практику в Lab и ежедневный лимит AI Mentor, а также показывает рекламу. Pro открывает доступ ко всем курсам, проектам, трекам и миссиям, неограниченным AI Mentor и практикой в Lab, полному списку ошибок в редакторе и экзамену на сертификат, а также убирает рекламу.
Помогает ли приложение подготовиться к собеседованиям по TypeScript?
Да. Симулятор собеседования — это рассчитанный по времени набор из 30 вопросов, по завершении которого вы получаете оценочный отчёт; кроме того, есть 50 вопросов для собеседований с ответами. Weakness radar показывает, в каких темах вы всё ещё допускаете ошибки, чтобы вы могли вернуться к нужному курсу.
Сколько времени нужно, чтобы выучить TypeScript?
Если вы уже знаете JavaScript, основы типов, интерфейсов и объединений можно освоить за несколько недель коротких ежедневных занятий, а на обобщения и продвинутую систему типов потребуется больше времени. Приложение помогает заниматься в стабильном темпе благодаря сериям занятий, XP, отслеживанию прогресса и ежедневным напоминаниям в выбранное вами время.
Есть ли сертификат?
Да. В Pro входит экзамен на получение сертификата, и после его успешной сдачи вы получите сертификат о завершении обучения, которым можно поделиться. Он подтверждает выполненную вами работу по курсу и не является квалификацией Microsoft.
Начать
Напишите свою первую программу с типизацией уже сегодня
Бесплатное начало на iOS и Android — на 22 языках.
Другие приложения CoddyKit
Доступно на iOS и Android.