Учебное направление
Уроки TypeScript: типы, интерфейсы, generics, React, Node.js и практическая настройка проекта. Материалы выстроены от первого знакомства до практических задач и следующего уровня.
Быстрый выбор
Выберите первую задачу и переходите к инструкции.
Короткий ответ: функцию как аргумент в TypeScript типизируют через сигнатуру callback: какие параметры она принимает и что возвращает. Например, (value: number) =>…
Короткий ответ: строковые методы применяются не к типам, а к значениям. В TypeScript есть строковые значения, например "hello", и есть строковые literal…
Короткий ответ: сначала опишите тип одного объекта, а затем укажите массив этого типа: User[] или Array. TypeScript будет проверять каждый элемент массива:…
Короткий ответ: TypeScript и frontend-приложение обычно не читают .resx напрямую. RESX — это формат ресурсов из .NET-экосистемы. Если React, Vue или обычный…
Короткий ответ: ts types — это все способы описать данные в TypeScript. Типы помогают сказать: здесь строка, здесь число, здесь массив пользователей,…
Короткий ответ: React TypeScript — это React-проект, где компоненты, props, state, события и API-ответы описаны типами. Файлы с JSX обычно имеют расширение…
Маршрут обучения
Шаг 1
Короткий ответ: функцию как аргумент в TypeScript типизируют через сигнатуру callback: какие параметры она принимает и что возвращает. Например, (value: number) => string означает: функция…
Шаг 2
Короткий ответ: строковые методы применяются не к типам, а к значениям. В TypeScript есть строковые значения, например "hello", и есть строковые literal types, например type…
Шаг 3
Короткий ответ: сначала опишите тип одного объекта, а затем укажите массив этого типа: User[] или Array. TypeScript будет проверять каждый элемент массива: обязательные поля, типы…
Шаг 4
Короткий ответ: TypeScript и frontend-приложение обычно не читают .resx напрямую. RESX — это формат ресурсов из .NET-экосистемы. Если React, Vue или обычный TypeScript-код должен использовать…
Шаг 5
Короткий ответ: ts types — это все способы описать данные в TypeScript. Типы помогают сказать: здесь строка, здесь число, здесь массив пользователей, здесь функция, а…
Учебные дорожки
Сгруппированные материалы для последовательного изучения.
Маршрут 1
Маршрут 2
Маршрут 3
Самопроверка
Материалы рубрики
Короткий ответ: функцию как аргумент в TypeScript типизируют через сигнатуру callback: какие параметры она принимает и что возвращает. Например, (value: number) => string означает: функция принимает число и возвращает строку Простой пример: TypeScript…
Короткий ответ: строковые методы применяются не к типам, а к значениям. В TypeScript есть строковые значения, например "hello", и есть строковые literal types, например type Status = "draft" | "published". Метод toUpperCase() можно…
Короткий ответ: сначала опишите тип одного объекта, а затем укажите массив этого типа: User[] или Array. TypeScript будет проверять каждый элемент массива: обязательные поля, типы значений, optional-поля и ошибки в названиях ключей Простой…
Короткий ответ: TypeScript и frontend-приложение обычно не читают .resx напрямую. RESX — это формат ресурсов из .NET-экосистемы. Если React, Vue или обычный TypeScript-код должен использовать строки из RESX, практичная схема такая: .resx остается…
Короткий ответ: ts types — это все способы описать данные в TypeScript. Типы помогают сказать: здесь строка, здесь число, здесь массив пользователей, здесь функция, а здесь значение может быть только "loading" или "success".…
Короткий ответ: React TypeScript — это React-проект, где компоненты, props, state, события и API-ответы описаны типами. Файлы с JSX обычно имеют расширение .tsx, а TypeScript помогает поймать ошибки до запуска приложения: неверный prop,…
Короткий ответ: App.tsx — это обычно главный React-компонент приложения, написанный на TypeScript. Расширение .tsx используют для файлов, где TypeScript совмещается с JSX-разметкой. Если файл содержит React-компонент с тегами вроде , ему нужен .tsx,…
Короткий ответ: Telegram-бота на Node.js, NestJS и TypeScript лучше держать как отдельный модуль приложения. Токен храните в переменных окружения, обработчики команд выносите в сервис, входящие события логируйте, а для первой отладки используйте long…
Короткий ответ: классы из TypeScript npm-пакета лучше экспортировать через единый src/index.ts, собрать пакет в dist, сгенерировать .d.ts-типы и явно указать входы в package.json. Тогда пользователь сможет импортировать класс обычным способом, а TypeScript увидит…
Короткий ответ: в React дочерний компонент не меняет родителя напрямую. Родитель хранит состояние и передает в дочерний компонент callback-функцию. Дочерний компонент вызывает эту функцию и передает данные наверх Схема: Минимальный пример Parent.tsx: Здесь…