Техпрогон
ВойтиНачать бесплатно

Вход в IT с нуля

Как стать fullstack-разработчиком на JS/TS с нуля: план обучения по шагам

Обновлено Порог входа: средний 159 уроков теория и вопросы: ~50 часов
Содержание
  1. Коротко
  2. Что за профессия
  3. Через 5 лет
  4. План по этапам
  5. Сколько времени займёт
  6. Проекты для портфолио
  7. Что спросят на первом собесе
  8. Как найти первую работу
  9. Ошибки новичков
  10. Частые вопросы
Коротко

Чтобы стать fullstack-разработчиком на JS/TS с нуля, начните с «JavaScript» и «HTML и CSS» и идите по плану из 5 этапов, от основ до подготовки к собеседованию. Теория и вопросы по этому плану занимают примерно 50 часов, а больше всего времени уйдёт на практику и свои проекты: обычно путь до первых собесов занимает несколько месяцев регулярных занятий. Порог входа средний: один язык на фронте и бэке, но объём тем почти вдвое больше.

Кто такой fullstack-разработчик на JS/TS

Fullstack-разработчик на JS/TS закрывает и клиент, и сервер: React на фронте, Node.js и база на бэке. С нуля обычно сначала становятся сильнее в одной части, а вторую подтягивают по ходу. На собесе спрашивают обе стороны, поэтому важна глубина хотя бы в одной из них.

ВопросОтвет
Что делаетДелает и интерфейс, и сервер для одного продукта целиком
Язык и инструментыJavaScript, TypeScript, React, Node.js, SQL
Порог входаСредний. Один язык на фронте и бэке, но объём тем почти вдвое больше
Кому подойдётТем, кто хочет делать продукт от экрана до базы данных

Перспектива через 5 лет

Что будет с профессией к 2031

Под давлением ИИ

Типовые экраны и API быстро собираются с ИИ, ценится тот, кто ведёт фичу целиком и отвечает за качество.

Держите сильную сторону: архитектура и продукт. Добавьте LLM API и ИИ-фичи, отсюда ближе всех до AI-инженера.

Куда расти:
AI-инженер (LLM-приложения)
Оценка по данным на октябрь 2026, источники: [7], [8]Прогноз по всем профессиям

Как стать fullstack-разработчиком на JS/TS: план по этапам

Порядок тем построен по карте навыков: сначала то, на что опираются следующие темы. Название темы ведёт на бесплатный урок.

Звёздочкой отмечены темы, которые заметно спрашивают уже у junior. С них и начинайте повторение перед первым собесом.
2

Этап 2. Следующий слой

Следующий слой поверх основы: фреймворки и темы, которые опираются на предыдущий этап.

уроки 4,2 ч 274 вопроса уровня junior
TypeScript
  1. Базовые типы6 мин
  2. Объединения и сужение6 мин
  3. Дженерики6 мин
  4. Утилитарные типы6 мин
  5. Условные и mapped-типы7 мин
  6. Классы и интерфейсы6 мин
  7. tsconfig и декларации6 мин
  8. Задачи на типы7 мин
React
  1. Рендер и reconciliation7 мин
  2. Состояние и useState/useReducer7 мин
  3. Эффекты и жизненный цикл8 мин
  4. Ref и DOM6 мин
  5. memo, useMemo, useCallback8 мин
  6. Context и стейт-менеджеры7 мин
  7. Формы8 мин
  8. Паттерны компонентов7 мин
  9. React 18-19: Suspense, transitions, RSC8 мин
  10. Тестирование7 мин
  11. Компоненты на практике6 мин
Браузер и DOM
  1. DOM API6 мин
  2. События7 мин
  3. Рендеринг страницы7 мин
  4. Хранилища6 мин
  5. Web API и воркеры7 мин
  6. Производительность и Web Vitals7 мин
  7. Безопасность фронтенда8 мин
  8. DOM на практике6 мин
Node.js и бэкенд
  1. Event loop и libuv7 мин
  2. Модули и npm6 мин
  3. Потоки и буферы7 мин
  4. Файлы и процессы6 мин
  5. HTTP-сервер, Express, NestJS8 мин
  6. Асинхронные паттерны7 мин
  7. Ошибки и логирование7 мин
  8. Кластер, воркеры, масштабирование7 мин
  9. Безопасность бэкенда8 мин
  10. Кеш и очереди8 мин
3

Этап 3. Окружение и инструменты

То, что нужно в любой команде: сети, базы, командная строка, Git. Можно идти параллельно с основой.

уроки 4,3 ч 278 вопросов уровня junior
Сети и HTTP
  1. HTTP: методы, статусы, заголовки7 мин
  2. Кеширование7 мин
  3. HTTPS и TLS7 мин
  4. HTTP/2 и HTTP/36 мин
  5. Проектирование API8 мин
  6. CORS6 мин
  7. Аутентификация8 мин
  8. WebSocket и SSE6 мин
  9. Что происходит при вводе адреса8 мин
Инструменты
  1. Git7 мин
  2. Сборщики6 мин
  3. Пакеты и зависимости6 мин
  4. Тестирование7 мин
  5. CI/CD6 мин
  6. Docker для разработчика7 мин
  7. Линтеры и форматирование5 мин
SQL и базы данных
  1. SELECT и фильтрация6 мин
  2. JOIN6 мин
  3. GROUP BY и агрегаты5 мин
  4. Подзапросы и CTE6 мин
  5. Оконные функции7 мин
  6. Индексы7 мин
  7. Транзакции и изоляция8 мин
  8. Проектирование и нормализация6 мин
  9. EXPLAIN и оптимизация8 мин
  10. NoSQL и выбор хранилища6 мин
Linux
  1. Файловая система и права7 мин
  2. Процессы и сигналы7 мин
  3. Потоки и пайпы6 мин
  4. grep, sed, awk, find, xargs8 мин
  5. Bash-скрипты8 мин
  6. systemd и журналы7 мин
  7. Сеть в Linux8 мин
  8. Диски, ФС и LVM7 мин
  9. Производительность8 мин
  10. Память и OOM7 мин
  11. SSH и безопасность7 мин
  12. Пакеты и загрузка7 мин
4

Этап 4. Алгоритмы для собеседования

Базовые паттерны задач. Нужны для лайвкодинга и алгоритмических секций.

уроки 2,3 ч 118 вопросов уровня junior
Алгоритмы
  1. Сложность6 мин
  2. Массивы и хеш-таблицы8 мин
  3. Два указателя8 мин
  4. Скользящее окно8 мин
  5. Префиксные суммы7 мин
  6. Стек и монотонный стек10 мин
  7. Бинарный поиск8 мин
  8. Связные списки8 мин
  9. Деревья7 мин
  10. Графы: BFS и DFS11 мин
  11. Куча8 мин
  12. Интервалы7 мин
  13. Жадные7 мин
  14. Динамическое программирование10 мин
  15. Перебор с возвратом8 мин
  16. Биты7 мин
  17. Матрицы7 мин
6

Этап 6. На вырост: после первой работы

Для первого оффера junior не обязательно. Понадобится на middle, но знакомство с темой плюс на собесе.

уроки 1,8 ч 68 вопросов уровня junior
Архитектура фронтенда
  1. SOLID и принципы7 мин
  2. Feature-Sliced Design7 мин
  3. Архитектура состояния7 мин
  4. SSR, SSG, ISR, гидрация8 мин
  5. System design на фронте8 мин
  6. Микрофронтенды и монорепо7 мин
  7. Код-ревью6 мин
System design
  1. Как вести секцию7 мин
  2. Масштабирование7 мин
  3. Кеширование7 мин
  4. Выбор хранилища8 мин
  5. Очереди и события8 мин
  6. Консистентность и CAP8 мин
  7. Надёжность и наблюдаемость7 мин
  8. Разборы систем8 мин

Сколько времени займёт

ЭтапУрокиВопросы juniorТеория и вопросы
Этап 1. Основа профессии3 ч47215 часов
Этап 2. Следующий слой4,2 ч27411 часов
Этап 3. Окружение и инструменты4,3 ч27811 часов
Этап 4. Алгоритмы для собеседования2,3 ч1185 часов
Этап 5. Подготовка к собеседованию2,6 ч2038 часов
Этап 6. На вырост: после первой работы1,8 ч684 часа
Как считали: время чтения уроков плюс 1,5 минуты на каждый вопрос или задачу уровня junior. Без этапа «на вырост» выходит примерно 50 часов. Это только теория и проверка себя. Практика на своих проектах, резюме и отклики займут больше времени, чем теория: закладывайте месяцы, а не недели.

Проекты для портфолио

2-3 своих проекта с README и живой ссылкой дают больше, чем десяток учебных. Идеи, с которых можно начать:

  • Трекер привычек: React-клиент, API на Node.js, PostgreSQL и деплой
  • Мини-маркетплейс с корзиной, заказами и админкой
  • Чат на WebSocket с комнатами и историей сообщений в базе

Что спросят на первом собеседовании

Частые вопросы junior по этой роли. Полный список тем и вопросов на странице «Что должен знать junior fullstack-разработчик на JS/TS».

Как найти первую работу

  • Выберите одну сторону как основную и прямо говорите об этом
  • Покажите проект, который задеплоен и работает по ссылке
  • Готовьтесь к вопросам и по React, и по SQL с индексами

Частые ошибки новичков

  • Знать всё понемногу и ничего глубоко
  • Пропускать базы данных и сети как «бэкендерские» темы
  • Не уметь объяснить, как запрос идёт от кнопки до базы

Частые вопросы

Сколько учиться, чтобы стать fullstack-разработчиком на JS/TS?
Теория и вопросы уровня junior по этому плану занимают примерно 50 часов. Основное время уйдёт на практику: задачи, код, 2-3 своих проекта. Обычно путь с нуля до первых собесов занимает несколько месяцев регулярных занятий, но темп у всех разный.
С чего начать?
С первого этапа плана: «JavaScript» и «HTML и CSS». Читайте короткий урок и сразу закрепляйте вопросами, по одной теме за раз.
Какой порог входа?
Средний. Один язык на фронте и бэке, но объём тем почти вдвое больше.
Что спросят на первом собеседовании?
Чаще всего базу, больше всего вопросов в темах «Разминка: короткие функции», «Утилитарные типы», «Рендер и reconciliation» и «DOM API». Плюс рассказ о себе, учебные проекты и мотивацию. Полный список тем на странице «Что должен знать junior».

Начните путь в профессию сегодня

Все уроки бесплатно, план по шагам и вопросы на закрепление. Когда дойдёте до собесов, там же мок и трекер откликов.

Начать бесплатно

Куда дальше

Что должен знать junior fullstack-разработчик на JS/TS

Темы и 15 частых вопросов

Тест: Fullstack на JS/TS

Проверить, что уже знаете

Как проходит собеседование

Этапы от HR до оффера

Все профессии с нуля

Сравнить 30 направлений

Как стать frontend-разработчиком

Делает интерфейсы сайтов и веб-приложений, которые видит пользователь

Как стать backend-разработчиком на Node.js

Пишет серверную часть: API, работу с базой данных, интеграции

Как стать backend-разработчиком на Python

Пишет серверную логику и API на Django или FastAPI

Как стать backend-разработчиком на Go

Пишет быстрые серверные сервисы и микросервисы