План на 30 дней

Это рабочая схема, если нужно быстро навести порядок в знаниях и перейти к уверенной практике. Главная цель плана: не просто «читать уроки», а выйти на системный темп и заметный прогресс каждую неделю.

Если у тебя 30 минут в день

Проходи 1 короткий блок теории + 1 микро-задачу. План растянется на 45-60 дней.

Если 60-90 минут в день

Оптимальный режим: 30% теория и 70% практика. Можно уложиться в 30 дней.

Если 2+ часа в день

Добавляй мини-проект в каждую неделю и мок-собеседование в конце спринта.

Как работать по плану

  • 1. Каждый день: 1 блок теории + 1 закрепляющая задача в коде.
  • 2. В конце недели фиксируй 3 слабых места и закрывай их в понедельник.
  • 3. Не перескакивай темы, пока не можешь объяснить их своими словами.
  • 4. Каждая контрольная точка должна заканчиваться мини-проектом или разбором кейса.

Неделя 1: JavaScript фундамент и браузер

  • • Повтори типы, функции, массивы, объекты, scope и closures
  • • Закрой базу по Event Loop, Promise и async/await
  • • Закрепи DOM и события через мини-практику
Курс JavaScriptПрактика: JS база

Неделя 2: асинхронность, API и TypeScript

  • • Отработай fetch, ошибки сети, retry и таймауты
  • • Проверь понимание CORS, REST и клиентского кэша
  • • Начни TypeScript: интерфейсы, union, generics
Курс БраузерКурс TypeScriptПрактика: Async и сеть

Неделя 3: React/Vue + архитектура

  • • Выбери основной фреймворк и не распыляйся на оба сразу
  • • Разбери состояние, жизненный цикл и композицию логики
  • • Сделай мини-проект с UI + API + обработкой ошибок
Курс ReactКурс Vue 3Практика: React set

Неделя 4: собеседование + упаковка опыта

  • • Повтори частые вопросы по JS, браузеру и выбранному стеку
  • • Подготовь рассказ о проектах: задача, решения, компромиссы
  • • Прогони пробные интервью и обнови резюме
Раздел СобеседованиеМаршрут подготовкиГайд по резюме

Календарь 30 дней

День 3

Циклы и функции

Результат: Решаешь базовые алгоритмические задачи без подсказок.

ЦиклыФункции
День 6

Scope, closure, this

Результат: Можешь объяснить замыкания и контекст с примерами.

thisClosure
День 7

Контрольная точка №1

Результат: Мини-проект: трекер задач на чистом JS.

Практика JS
День 8

Promise и цепочки

Результат: Обрабатываешь async-сценарии без callback-хаоса.

PromisesPromise chain
День 10

fetch и API

Результат: Собираешь модуль запросов с базовой обработкой ошибок.

FetchFormData + fetch
День 11

Event Loop и очередь задач

Результат: Понимаешь порядок выполнения microtask/macrotask.

Event loopEvent loop interview
День 12

Браузер и сеть

Результат: Понимаешь DNS, HTTP, кэш и CORS на практическом уровне.

DNS и HTTPCORS
День 13

DOM и события

Результат: Собираешь интерактивный UI без утечек обработчиков.

DOMEventsEvent bubbling
День 14

Контрольная точка №2

Результат: Мини-проект: UI с API и состояниями loading/error/empty.

Практика Async
День 15

TypeScript: базовые типы

Результат: Уверенно типизируешь входы/выходы функций.

TS introTS basic types
День 16

Interfaces и type alias

Результат: Используешь контракты данных без any.

TS type aliasTS interfaces
День 18

Generics и utility types

Результат: Пишешь переиспользуемые типобезопасные функции.

TS genericsTS utility types
День 19

Фреймворк: старт React или Vue

Результат: Выбран один основной стек для углубления.

Курс ReactКурс Vue
День 22

Роутинг и структура приложения

Результат: Понимаешь базовую архитектуру страниц и модулей.

React RouterVue Router
День 23

State management

Результат: Разделяешь локальное и глобальное состояние.

React state managementPinia
День 24

Производительность и UX

Результат: Находишь узкие места и убираешь лишние ререндеры.

React performancePerformance
День 27

Собеседование: фреймворк

Результат: Разбираешь хуки/реактивность и архитектурные решения.

React SuspenseVue composables
День 29

Мок-собеседование

Результат: Понимаешь слабые места и корректируешь план.

Маршрут интервью
День 30

Финальный аудит

Результат: Есть итоговый чеклист роста и план на следующий месяц.

Полный гайдДашборд

Контрольные точки

День 7

  • Решаешь базовые задачи по JS без копипаста.
  • Понимаешь разницу между function declaration и expression.
  • Собрал мини-утилиту с массивами и объектами.

День 14

  • Уверенно работаешь с Promise и async/await.
  • Обрабатываешь ошибки API и показываешь состояние в UI.
  • Понимаешь, почему запрос может упасть в браузере.

День 21

  • Выбран один основной фреймворк и пройден базовый практический сет.
  • Умеешь декомпозировать UI на компоненты.
  • Понимаешь, где локальное состояние, а где глобальное.

День 30

  • Есть 1-2 проекта, которые можно защищать на собеседовании.
  • Готовы структурные ответы по JS/браузеру/фреймворку.
  • Сформирован план роста на следующий 30-дневный спринт.

Что считать результатом через 30 дней

  • • У тебя есть понятный стек и завершённый учебный маршрут без хаоса.
  • • Есть минимум 1-2 проекта, которые можно разбирать на интервью.
  • • Ты уверенно объясняешь базовые темы JS/браузера/фреймворка.

FAQ по плану

Этот план подходит совсем новичку?

Да, но важна дисциплина: минимум 60 минут в день и обязательная практика по каждому блоку.

Что делать, если не успеваю за 30 дней?

Увеличь план до 45-60 дней, но не меняй последовательность тем. Важно сохранить систему, а не скорость.

Нужно ли проходить React и Vue одновременно?

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

Полная версия планаПрактические сетыПродолжить обучение

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

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

Старт с нуляПлан 30 днейПодготовка к интервьюГайдыГлоссарийПрактикаТемыКонфиденциальностьОфертаВозврат