Практика по frontend

Выбирай тренировочный сет по уровню и прокачивай навыки через задачи, а не только через теорию.

Beginner90 мин

JS База: функции, массивы, объекты

Набор задач на фундамент JavaScript: условия, циклы, методы массивов и работа с объектами.

  • Уверенно писать функции и разбирать аргументы
  • Использовать map/filter/reduce по назначению
  • Безошибочно работать с объектами и деструктуризацией
Открыть сет →
Beginner100 мин

DOM и события: мини-проекты

Практика на реальном UI: формы, обработка событий, обновление интерфейса и базовая валидация.

  • Понимать, как устроены события и всплытие
  • Уметь собирать интерактивные формы
  • Писать чистый DOM-код без лишних перерисовок
Открыть сет →
Junior110 мин

Async и сеть: fetch, ошибки, retry

Практический сет задач по Promise, async/await и обработке ошибок при работе с API.

  • Уверенно работать с async/await и Promise.all
  • Обрабатывать ошибки и таймауты запросов
  • Понимать сетевую часть frontend-приложения
Открыть сет →
Junior120 мин

TypeScript на практике: типы, generics, utility

Задачи на типизацию, безопасные API функций и работу со сложными типами.

  • Использовать интерфейсы и type alias осознанно
  • Применять generics в прикладных задачах
  • Закрывать типовые ошибки до запуска кода
Открыть сет →
Junior+130 мин

React: состояние, хуки, экосистема

Сет задач для закрепления React: компоненты, hooks, роутинг и управление состоянием.

  • Писать предсказуемые компоненты с хуками
  • Разделять UI и бизнес-логику
  • Использовать Router и state-менеджмент без антипаттернов
Открыть сет →
Junior+120 мин

Vue 3: Composition API и архитектура

Практика по Vue 3: реактивность, компоненты, маршрутизация и работа с состоянием.

  • Уверенно использовать ref/reactive/computed
  • Строить переиспользуемую логику через composables
  • Понимать архитектуру Vue-приложения
Открыть сет →

Рекомендуемый путь практики

FAQ по практике

Какой порядок прохождения практических сетов лучше?

Сначала базовые JS и DOM-сеты, затем async и сеть, после этого TypeScript и фреймворковые сеты по выбранному стеку.

Сколько времени закладывать на один практический сет?

В среднем от 90 до 130 минут, но лучше делить на 2-3 подхода с разбором ошибок между ними.

Нужно ли проходить все сеты подряд?

Не обязательно. Важно закрыть базовые сеты и затем выбрать приоритетный стек: React, Vue или TypeScript.

© 2026 Road to JS · ИП Добрынина Екатерина Владимировна

ИНН 482425719598 · ОГРНИП 326480000011329 · qamos@bk.ru