Практика отдельно от роадмапа — выбери, что хочешь прокачать прямо сейчас, необязательно идти по порядку.
Блиц
Короткие быстрые задачки на синтаксис и базовую логику.
Алгоритмы
Задачи на логику и структуры данных — то, что реально спрашивают на фронтенд-собеседованиях.
Исправь ошибку
Код не работает как надо — найди и почини.
Code review
Прочитай чужой код и своими словами скажи, что в нём не так. Оценивает Lian.
Собери по макету
По описанию, без заготовки — построй разметку и стили с нуля.
Что выведет консоль?
Посмотри на код и угадай, что произойдёт — до того как проверишь в браузере.
Рефактор
Код работает, но неряшливый — приведи в порядок, не сломав поведение.
Аудит a11y/производительности
Найди в странице проблемы с доступностью или производительностью и опиши словами. Оценивает Lian.
БлицHTMLПочини ссылку и картинку
ПростойИсправь ошибкуHTMLСписок развалился
ПростойБлицCSSОтцентрируй блок
ПростойСобери по макетуCSSСобери карточку профиля
СреднийРефакторJavaScriptПочисти повторяющийся код
СреднийАлгоритмыJavaScriptСумма массива без дубликатов
СреднийЧто выведет консоль?JavaScriptЧто выведет этот цикл?
СреднийИсправь ошибкуCSSМеню не открывается
СреднийАудит a11y/производительностиHTMLНайди проблемы с доступностью
СреднийCode reviewReactКомпонент UserCard
Средний