КУРС С ПРАКТИКОЙ В БРАУЗЕРЕ

TypeScript.

Аннотации типов, массивы и объекты, типы-союзы, функции с типами — и мини-проекты: карточка квиза и табло счёта.

10 уроков130 XPВ своём темпе

ЧТО ТЫ ИЗУЧИШЬ

Программа курса

01
Первая аннотация типа
Открой вкладку TS. Создай переменную player с типом string — запиши туда своё имя — и выведи в блок #out фразу вида «Игрок: Аня».
10 XP
02
Тип числа
Создай переменную score с типом number — от 10 до 100 очков — и выведи в #out «Результат: 42 очков», собрав фразу шаблонной строкой.
10 XP
03
Готов или не готов
Сделай переключатель готовности: let ready: boolean = false. По клику на #btn значение меняется на противоположное, а в #out появляется «Готов!» или «Не готов».
10 XP

04
Команда в списке
Объяви массив players с типом string[] — минимум три игрока. Через цикл for…of выведи каждого в список #list отдельным пунктом <li>.
10 XP
05
Профиль героя
Создай переменную hero с типом { name: string; level: number } — имя героя и уровень. Выведи в #out, например: «Аня — уровень 5».
10 XP
06
Статус игры
Статус квиза: let status: 'idle' | 'play' = 'idle'. По клику на #btn переключай статус между 'idle' и 'play' и показывай его в #out.
10 XP

07
Функция с типами
Напиши функцию greet(name: string): string — она возвращает «Привет, …!» с именем внутри. Выведи результат для своего имени в #out.
10 XP
08
Одна функция — две кнопки
Очки квиза: let score: number = 0 и функция addPoints(points: number) — прибавляет points к score и обновляет #out. Кнопка #p1 даёт 1 очко, кнопка #p5 — сразу 5.
10 XP

09
Проект: карточка квиза
Собери карточку квиза: вопросы — массив объектов с типом { q: string; a: string }[] (минимум два вопроса). Кнопка #next показывает следующий вопрос в #q, кнопка #answer открывает ответ в #a.
20 XP
10
Босс: табло квиза
Финал курса: табло счёта для двух команд. Каждая команда — объект с типом { name: string; score: number }. Кнопки #plusA и #plusB добавляют очко своей команде, #reset обнуляет обе. Счёт выводится в #outA и #outB — например «Роботы: 3».
30 XP

В каждом уроке: задание, редактор кода, живой результат, подсказки и проверка. Начни с простого и собери собственные учебные проекты.

Можно заниматься без регистрации. Создай аккаунт, если хочешь сохранять прогресс между устройствами.