$ sudo teach IT
МОДУЛЬ 12 · УРОК 7

Дальнейший путь: Roadmap разработчика

Вы знаете JavaScript. Это фундамент. Но мир разработки гораздо шире — впереди TypeScript, React, Node.js, базы данных и многое другое. Давайте разберёмся, в каком направлении двигаться дальше и как не потеряться в море технологий.

🗺️ Карьерная карта 🎯 Без воды 📈 От джуна к мидлу

🛤️ Три пути: какой выбрать?

После базового JavaScript перед вами три основных направления. Хорошая новость: JavaScript знаком вам уже, и все три пути используют то, что вы уже знаете. Разница — в том, что именно вы будете строить.

🖥️
Frontend

Вы строите то, что видит пользователь. Интерфейсы, анимации, кнопки, формы. Работаете с браузером.

⚙️
Backend

Вы строите «скрытую» часть: серверы, API, базы данных, логику. То, что обеспечивает работу приложения.

🔗
Fullstack

Вы умеете и то, и другое. Создаёте весь продукт от начала до конца. Требует больше времени на освоение.

💡 Совет: не нужно выбирать навсегда. Начните с frontend — он более визуальный и даёт быстрый результат. Потом добавляйте backend по мере необходимости. Большинство современных разработчиков со временем становятся fullstack.

🖥️ Путь 1: Frontend разработчик

1
TypeScript

JavaScript с типами. Делает код безопаснее и понятнее — IDE подсказывает ошибки до запуска. Сегодня TypeScript — стандарт в серьёзных проектах. Официальная документация: typescriptlang.org

2
React

Самая популярная библиотека для интерфейсов. Компонентный подход, хуки, виртуальный DOM. Используется в Facebook, Airbnb, Netflix. Официальная документация: react.dev

3
Next.js

React-фреймворк с серверным рендерингом, маршрутизацией и оптимизациями «из коробки». Если React — это двигатель, то Next.js — это готовый автомобиль. Документация: nextjs.org/docs

4
Тестирование: Vitest / Jest

Написание тестов — признак зрелого разработчика. Работодатели ценят умение покрывать код тестами.

⚙️ Путь 2: Backend разработчик

1
Node.js углублённо + TypeScript

Углубитесь в Node.js: streams, буферы, event loop, асинхронный I/O. Добавьте TypeScript — на бэкенде он ещё важнее.

2
Express / Fastify

Фреймворки для создания REST API. Express — классика, Fastify — быстрее и современнее. Начните с Express: документация expressjs.com

3
Базы данных: PostgreSQL + Prisma/Drizzle

Без баз данных бэкенд — просто калькулятор. PostgreSQL — мощная реляционная БД. Prisma — современный ORM для работы с ней из JavaScript.

4
REST API и аутентификация

Проектирование API, HTTP-методы, JWT-токены, сессии, OAuth. Это основа любого бэкенда.

🏋️ Как практиковаться: конкретные советы

🐱
GitHub

Заведите аккаунт на GitHub и выкладывайте каждый проект. Это ваше портфолио. Работодатели смотрят на GitHub.

⚔️
Codewars / LeetCode

Codewars — отличное место для алгоритмических задач в приятном формате. Начните с 8 kyu и двигайтесь вверх.

🏗️
Пет-проекты

Придумайте что-то, что решает вашу реальную задачу: список задач, трекер расходов, бот для напоминаний. Личный проект — лучший учитель.

📖
MDN Web Docs

developer.mozilla.org — лучшая документация по веб-технологиям. Держите её в закладках и читайте регулярно.

💼 Что ищут работодатели

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

Минимум для первой работы (frontend)

  • JavaScript уверенно (у вас уже есть)
  • HTML + CSS хотя бы на среднем уровне
  • React — хотя бы базовое понимание (useState, useEffect, компоненты)
  • Git — коммиты, ветки, pull requests
  • 2-3 пет-проекта на GitHub
  • Умение читать документацию и гуглить решения

✅ Главный совет: не нужно изучать всё сразу. Один фреймворк в глубину — лучше, чем пять поверхностно. Работодатели нанимают людей, которые умеют думать и учиться, а не тех, кто знает больше всего терминов.

Дорога от «знаю JavaScript» до «работаю разработчиком» занимает у разных людей разное время — от 6 месяцев до 2 лет. Это зависит от интенсивности практики, насмотренности, и немного — от удачи. Но те, кто не останавливается, — доходят.

✅ Roadmap кратко

  • Frontend: TypeScript → React → Next.js → тестирование
  • Backend: Node.js + TypeScript → Express/Fastify → PostgreSQL + ORM
  • Практика: GitHub, Codewars, пет-проекты — ежедневно
  • Ресурсы: MDN (developer.mozilla.org), официальные доки каждого инструмента
  • Не изучать всё сразу — глубина важнее ширины
  • Первая работа требует JavaScript + React/Node + Git + 2-3 проекта

Последний урок курса — бонусный! Продвинутые темы для любопытных: генераторы, Proxy, WeakMap и другие мощные инструменты JS. 🚀

Тест: Дальнейший путь разработчика

5 вопросов

Три пути разработчика

Назовите три основных направления развития после изучения JavaScript: какое из них связано с интерфейсами, какое — с серверной частью, и какое объединяет оба.

Roadmap для frontend

Перечислите рекомендуемую последовательность изучения технологий для frontend-разработчика после базового JavaScript (4 шага).