Дорожная карта разработчика — от нуля до первой работы
Чтобы не прыгать между темами, нужна карта: какие бывают направления, в каком порядке учить, какие проекты собрать в портфолио и как удержать мотивацию. Это путеводитель по всем курсам сайта и по вашему первому году в IT.
1. Какие бывают направления разработки
Прежде чем выбрать язык, выберите направление: от него зависит стек. Четыре главных пути, по которым движется большинство новичков, дают разные курсы на этом сайте.
FRONTEND — то, что видно: HTML, CSS, JS, Vue/React
BACKEND — серверная логика: Python, Java, Go, БД
DEVOPS — инфраструктура: Linux, Docker, CI/CD
DATA — анализ и ML: Python, Pandas, NumPy, SQL| Направление | Главное | Базовые курсы сайта |
|---|---|---|
| Frontend | интерфейсы, скорость, UX | HTML, CSS, JS, React/Vue |
| Backend | API, базы, надёжность | Python/Java, SQL, REST API |
| DevOps | автоматизация и инфраструктура | Linux, Docker, Nginx |
| Data | данные и выводы | SQL, Python, Pandas |
2. С чего начать начинающему
Первый месяц — это фундамент, общий для любого пути: как работает компьютер, как писать и запускать код, как сохраняется история проекта в Git.
// месяц 0–1
1. Редактор: VS Code или PyCharm (курс VS Code)
2. Язык: Python или JavaScript — синтаксис, циклы
3. Git и GitHub — коммиты, ветки, публикация
4. Терминал: базовые команды Linux
// после месяца выбираем путь: разделы 3–6| Навык | Зачем | Курс |
|---|---|---|
| Редактор кода | написать первый файл | VS Code |
| Синтаксис языка | научиться думать кодом | Python / JavaScript |
| Git | не терять работу и сотрудничать | Git, GitHub |
| Терминал | запускать команды и серверы | Linux |
3. Путь фронтенд-разработчика
Фронтендер делает всё, что пользователь видит и трогает. Путь начинается с вёрстки и заканчивается умением собрать приложение на фреймворке, покрыть его тестами и выложить.
HTML → CSS → JavaScript → TypeScript
→ Vue/React → Pinia + REST API
→ Vite, Vitest, Tailwind
→ деплой (GitHub Pages)
// мини-проекты
визитка, лендинг, TODO-приложение,
каталог товаров, доска задач| Этап | Навык | Курсы сайта |
|---|---|---|
| 1 | разметка и стили | HTML, CSS, Sass |
| 2 | интерактив | JavaScript, TypeScript |
| 3 | фреймворк | Vue 3 или React |
| 4 | данные и сборка | REST API, Vite, Vitest |
| 5 | публикация | Хостинг и деплой, SEO |
4. Путь бэкенд-разработчика
Бэкендер строит API, работает с базами данных и отвечает за то, чтобы всё работало быстро и не падало. Классический старт — Python, дальше Java или Go.
// путь
Python → SQL и PostgreSQL → Flask/FastAPI
→ REST API, авторизация → тесты (pytest)
→ Docker → деплой на VPS + Nginx
// мини-проекты
заметки с регистрацией, погодный API,
модуль учёта расходов на Flask,
маленький магазин с PostgreSQL| Этап | Навык | Курсы сайта |
|---|---|---|
| 1 | язык и тесты | Python, pytest |
| 2 | база данных | SQL, PostgreSQL |
| 3 | веб-фреймворк | Flask, FastAPI |
| 4 | протокол и сервер | REST API, HTTP и DNS, Linux |
| 5 | инфраструктура | Docker, Nginx, Хостинг и деплой |
5. DevOps и инфраструктура
DevOps-инженер строит и автоматизирует окружения: поднимает серверы, упаковывает приложения в контейнеры, собирает пайплайны деплоя. Это путь для тех, кому нравится «заставь систему работать сама».
// путь
Linux → Bash → Docker, docker-compose
→ Nginx, HTTPS → CI/CD (GitHub Actions)
→ облака: Terraform, Ansible
// мини-проекты
поднять сайт на VPS с НТTPS,
Docker-сборка учебного приложения,
пайплайн «push → тесты → деплой»| Этап | Навык | Курсы сайта |
|---|---|---|
| 1 | база системы | Linux, installation OS |
| 2 | контейнеры | Docker |
| 3 | веб-сервер | Nginx, Хостинг и деплой |
| 4 | автоматизация | GitHub Actions, GitLab |
| 5 | облако по коду | Terraform, Ansible |
6. Data: анализ данных и машинное обучение
Путь data ближе к исследованиям: Python, работа с таблицами, визуализация, статистика и первые модели. Если вам интересно «что говорит нам цифра», это ваш путь.
// путь
Python → NumPy, Pandas → Matplotlib, Seaborn
→ SQL → статистика → Scikit-Learn
→ Jupyter Notebook → TensorFlow/PyTorch
// мини-проекты
анализ датасета (цены квартир),
дашборд продаж, предсказание оттока
на простой моделе Scikit-Learn| Этап | Навык | Курсы сайта |
|---|---|---|
| 1 | язык и данные | Python, NumPy, Pandas |
| 2 | графики | Matplotlib, Seaborn |
| 3 | база данных | SQL |
| 4 | модели | Scikit-Learn |
| 5 | глубокое | TensorFlow, PyTorch |
7. Рекомендуемая последовательность курсов
Вот проверенный порядок обучения на этом сайте для двух главных путей. Ключевой принцип: каждый следующий курс опирается на предыдущий, и почти после каждого — маленький проект.
// общий старт (месяцы 1–2)
VS Code → Python или JavaScript → Git → HTML/CSS
// если идёте во frontend (месяцы 3–6)
CSS → JavaScript → TypeScript → Vue 3 / React
→ REST API → Vite → Хостинг и деплой
// если идёте в backend (месяцы 3–6)
SQL → PostgreSQL → Flask/FastAPI → pytest
→ HTTP и DNS → Docker → Nginx → Хостинг
// параллельно с месяца 4: алгоритмы и задачи
Алгоритмы и структуры данных → Codewars 2–3 раза в неделю| Порядок | Frontend | Backend |
|---|---|---|
| 1 | HTML, CSS | Python, pytest |
| 2 | JavaScript, TypeScript | SQL, PostgreSQL |
| 3 | Vue 3 или React | Flask или FastAPI |
| 4 | REST API, Vite | REST API, HTTP и DNS |
| 5 | Хостинг и деплой | Docker, Nginx |
8. Мини-проекты для портфолио
Портфолио джуна = 2–3 законченных проекта с живыми ссылками. Вот проверенные идеи от лёгких к средним, которые легко объяснить на собеседовании.
// лёгкие (1–2 недели)
лендинг по макету из Figma [frontend]
конвертер валют на JavaScript
визитка с GitHub Pages
// средние (2–4 недели)
TODO с сохранением в localStorage [frontend]
заметки с регистрацией и БД [backend]
погодный сервис по публичному API
маленький магазин: каталог + корзина + заказ| Проект | Что показывает | Путь |
|---|---|---|
| Лендинг по макету | вёрстка, адаптивность | Frontend |
| TODO-приложение | состояние, работа с данными | Frontend/Backend |
| Заметки с БД | CRUD, авторизация, SQL | Backend |
| Магазин | архитектура, целый цикл | Любой |
9. Как не бросить
Выгорание наступает одинаково: мотивация гаснет, когда прогресс не виден. Защита — маленькие шаги, видимые результаты и честная скука вместо «вдохновения».
// правила, которые работают
10–30 минут в день лучше, чем 6 часов раз в месяц
фиксировать прогресс: «сделал сегодня» в заметке
один проект за раз, цель — опубликовать, а не «идеально»
неделя без кода — нормально, два месяца — звоночек
ищите живое сообщество, где можно задать глупый вопрос| Проблема | Причина | Что сделать |
|---|---|---|
| «Всё позабыл» | нет повторения | 30 минут повторения в день |
| «Я ничего не умею» | нет видимого результата | выложить проект и показать людям |
| «Не заходит тема» | пропущена база | вернуться на курс по фундаменту |
| «Нет времени» | слишком большие цели | урезать до 20 минут в день |
10. Оценка времени и планирование
Дорожная карта бесполезна без реалистичных сроков. Единой формулы «5 месяцев и готово» нет: прогресс зависит от часов в неделю, базы и способности доводить проекты до конца.
| Цель | 2–3 часа в неделю | 10–15 часов в неделю |
|---|---|---|
| Основы языка и Git | 4–6 месяцев | 1,5–2 месяца |
| Полный стек пути | 10–14 месяцев | 4–6 месяцев |
| Готовый проект в портфолио | 14–18 месяцев | 6–8 месяцев |
// недельный бюджет времени
пн — 1 час: новый материал курса
вт — 1 час: повторение + конспект
ср — 2 часа: практика на проекте
пт — 1 час: решения задач (Codewars)
вс — 1 час: разбор ошибок недели11. Портфолио и резюме джуна
Работодатель смотрит не список курсов, а то, что вы уже сделали. Осмысленное портфолио из 2–3 проектов рассказывает о вас больше, чем десять сертификатов.
// структура карточки проекта
Название и одна строка описания
Стек: языки, фреймворки, БД, инфраструктура
Скриншот или демо-ссылка (обязательно!)
GitHub-репозиторий с README
Чему научились: 3–5 конкретных пунктов- для frontend — живая демо-ссылка важнее кода;
- для backend — опишите архитектуру, эндпоинты, нагрузку в тестах;
- один законченный проект выигрывает у пяти брошенных.
12. Постоянное обновление дорожной карты
IT меняется быстро, поэтому карта — живой документ. Раз в квартал сверяйтесь с актуальным рынком: какие языки ищут, какие инструменты вытесняются, какие вакансии открыто больше всего.
// что пересматривать раз в 3–6 месяцев
1. Вакансии вакантного города/удалёнки: 20 объявлений
2. Частотные требования: языки, фреймворки, CI/CD
3. Курсы сайта: закрыли ли пробелы за квартал
4. Свой стек: что устарело, что добавить
5. План: скорректировать сроки и цели// пример коррекции
Кв 1: Python, SQL, Git
Кв 2: + Pandas, SQL-индексы
Кв 3: + Scikit-Learn, первый ML-проект
Кв 4: + Docker, дашборд на готовой модели13. Техники обучения
Курсы дают материал, но не навык. Навык собирается из трёх приёмов: активное воспроизведение, интервальные повторения и «сдавание» результата. Без них изучение превращается в просмотр видео.
- Активное воспроизведение — после урока закрыть пример и переписать код по памяти;
- Интервальные повторения — перечитать конспект через день, неделю, месяц; карточки для терминов по 10 минут в день;
- Через объяснение — объяснить тему «вслух» или в блоге: дыры в понимании видны сразу;
- Через практику — минимум 70% времени на проект, а не на просмотр.
@weekly: 30 мин задач на Codewars
@monthly: собрать мини-проект целиком
@quarterly: переписать один старый проект
научись объяснять его без заметок14. Английский как инструмент разработчика
Документация, ответы на Stack Overflow, вакансии и конференции — всё появляется на английском раньше, чем на русском. Уровень intermediate открывает доступ к информации, которую не переведут никогда.
| Навык | Минимум для работы | Как прокачать |
|---|---|---|
| чтение | документация, issues, commit-сообщения | читать туториалы без перевода |
| письмо | вопросы, PR-описания | баг-репорты и комментарии к PR |
| говорение | собеседования, созвоны в команде | разговорный клуб, пересказ подкастов |
// ежедневная рутина на 20 минут
10 мин — пересказать статью вслух
5 мин — написать 3 предложения о задаче
5 мин — повторить 20 технических терминов15. Open Source, стажировки и менторы
Джуну нужны не только знания, но и «социальные» каналы роста: open source даёт реальную практику и видимость, стажировки — шанс попасть в индустрию, менторы — обратную связь, которую не получить из гайдов.
- Open Source: начни с документации и мелких багов — ищи «good first issue»; регулярные PR в известный проект ценятся в резюме;
- Стажировки: ищи летом, готовься к тестовым заданиям заранее, подавай в 5–10 компаний одновременно;
- Менторы: проси ревью не за «проверьте код», а за конкретный вопрос — так уважают время;
- Сообщества: конференции, митапы, Telegram-чаты — место, где находят первых заказчиков.
// как выглядит первый PR в open source
1. выбери проект с активным сопровождением
2. fork + ветка
3. fix + тест
4. PR с описанием и скриншотом16. Первые деньги: фриланс и pet-проекты
Первый доход появляется раньше, чем первая работа, — на мини-проектах и фрилансе. Это легальный способ собрать кейсы и понять, чего хотят реальные заказчики.
| Способ | С чего начать | Что брать в кейсы |
|---|---|---|
| фриланс-биржи | визитка, ремонт сайта, лендинг | живой кейс с результатом |
| опрос знакомых | сайт для мастерской, кафе | отзыв и репутация |
| pet-проект | утилита, которой не хватает лично | репозиторий + readme + демо |
- начинай с небольших фиксированных задач: «адаптив», «подключить форму», «настроить хостинг»;
- создай pet-проект с реальной проблемой — фрилансеры и работодатели любят «решил свою боль»;
- оформляй отношения: ТЗ, сроки, оплата — в письменном виде (см. курс Самозанятые);
- первый проект можно сделать бесплатно в обмен на отзыв — но не входи в привычку работать за репутацию.
17. Код-ревью и работа в команде
Джуниор перестаёт быть «одиночным программистом», как только появляется команда. Code review — главный механизм обучения и контроля качества: каждый PR проверяется коллегами, а замечания — это не критика, а профессиональный обмен.
- ревью «придирка» — комментарии «почему так, а не иначе» с объяснением;
- не исправляйте мелочи молча — пишите короткое «стиль: перенесите условие»;
- вежливость: хвалите хорошие решения так же явно, как указываете на проблемы;
- соблюдайте сроки — ревью до 24 часов не блокирует команду.
Хороший комментарий ревью:
«Константа для таймаута вынесена наверх файла, но имя
"T" ничего не говорит. Переименуйте в REQUEST_TIMEOUT_MS.»| Что ревьюим | На что смотреть |
|---|---|
| логика | пограничные случаи, ошибки в условиях |
| потоки данных | нет ли утечки секретов, трактуемы ли null |
| тесты | покрыт ли позитивный и негативный сценарий |
18. Личная база знаний разработчика
Знания, которые не записаны, испаряются за месяц. Серьёзный инженер ведёт вторую память: конспекты курсов, разборы ошибок, любимые сниппеты и список того, что надо изучить. Формат не важен, важен порядок.
~/knowledge/
notes/ # ссылки на уроки + свои выводы
snippets/ # готовые куски кода по языкам
errors/ # ошибка → причина → решение
reading/ # статьи и книги с пометками- пишите своими словами — чужой конспект не работает;
- правило «одной страницы»: кратко, с кодом, без воды;
- раз в месяц перечитывайте и удаляйте устаревшее — база растёт в качестве;
- заметка об ошибке, спасшая вас однажды, окупает всю систему.
19. Хакатоны и пет-проекты
Курсы дают базу, а скорость роста определяют проекты. Хакатон за выходные заставляет собрать рабочий результат: спринт, приоритизация, дедлайн и команда — лучшая тренировка перед реальной работой.
| Формат | Что даёт |
|---|---|
| хакатон | скорость, работа в команде, нетворкинг |
| пет-проект | глубина, полный стек, портфолио |
| open-source | код-ревью от опытных, реальные контакты |
- пет-проект решает реальную проблему — даже маленькую;
- хорошая история в портфолио — «автоматизировал процесс X, выгоду Y»;
- на хакатоне выберите простой понятный трек, а не технологию-фетиш;
- после хакатона доводите проект до конца — именно это отличает инженера.
20. Куда расти: middle, сеньор, тимлид
Карта дорог не заканчивается первой работой. Из джуниора вы можете вырасти в инженера, а дальше — выбирать между технической и управленческой веткой. Важно понимать, чем они отличаются ещё до выбора.
| Роль | Что делает | Главный навык |
|---|---|---|
| Junior | задачи под руководством | быстрая обучаемость |
| Middle | автономные задачи, ревью | проектирование |
| Senior | архитектура, менторство | принятие решений |
| Team Lead | процессы, мотивация | коммуникация |
Технический трек (architect/specialist) и управленческий (lead/manager) расходятся после сеньора. Попробовать себя в управлении помогает роль наставника для младших коллег — через распределение обязанностей в команде.
Что дальше
Начинайте с фундамента: Python или JavaScript, затем Git. Параллельно осваивайте Алгоритмы и структуры данных, а ближе к поиску работы — Резюме и собеседования. Как только появится первый проект — выложите его по Хостингу и деплою, и путешествие начнётся.