Full-Stack разработчик за 22 недели

Структурированный маршрут как в профессиональной школе: теория своими словами, практика каждый день, Git с первого index.html, финальный capstone в production.

23модуля
22проекта
2трека
154дня
Ваш прогресс: 0 / 23
Отмечайте недели на карточках или внутри урока

Путь обучения

Шесть блоков — от вёрстки до деплоя. Каждый блок заканчивается проектом в портфолио.

1 Вёрстка
chevron_right
2 JavaScript
chevron_right
3 React
chevron_right
4 Python & SQL
chevron_right
5 API
chevron_right
6 DevOps

Лайт-трек

3–4 часа / день

Теория + Git обязательны. Практика в MVP-объёме. Проект недели — в урезанном виде.

Как устроено обучение

Каждый день — структура как в профессиональной школе: теория, практика, Git, проверка

menu_book
01

Теория

Объяснение своими словами и ссылки на MDN, learn.javascript.ru и книги

code
02

Практика

Задания на день: полный трек 6–7 ч или лайт 3–4 ч — выбираете сами

terminal
03

Git

Каждый день — коммит в learning-log, к концу недели — тег week-XX-done

rocket_launch
04

Проект

Работающий артефакт в портфолио: от лендинга до DevHub capstone

Что вы получите

Не видеокурс — пошаговый план с проверкой себя и артефактами в GitHub.

route

Понятный порядок

HTML → CSS → JS → React → Python → SQL → API → Docker без хаоса «что учить дальше».

folder

22 проекта

Каждая неделя — работающий код в learning-log для портфолио.

alt_route

Два трека

Полный или лайт — выбирайте нагрузку, не пропуская фундамент.

auto_stories

Теория своими словами

Не только ссылки — объяснения, «если застрял», самопроверка.

rocket_launch

DevHub capstone

React + API + PostgreSQL + JWT + Docker + CI + deploy.

description

Шпаргалки

HTML/CSS, JS, React, SQL, Backend — для быстрого ревью.

Портфолио learning-log

Автор проходит маршрут параллельно — здесь будут реальные проекты.

Программа курса

23 модуля · нажмите на карточку — откроется урок с оглавлением по дням

00Старт

Онбординг

Инструменты, GitHub, как учиться

01Вёрстка

HTML

Семантика, формы, a11y · Git с дня 1

02Вёрстка

CSS основы

Селекторы, box model, типографика

03Вёрстка

CSS layouts

Flexbox, Grid, адаптив

04Git & Tools

Git advanced

Ветки, PR, DevTools, CI

05JavaScript

JavaScript

Типы, функции, массивы

06JavaScript

DOM

События, делегирование

07JavaScript

Modules & API

Fetch, storage, ES modules

08JavaScript

Async & HTTP

Event loop, REST

09JavaScript

JS advanced

Closures, ООП, паттерны

10JavaScript

TypeScript

Типы, generics, strict

11Frontend

React basics

JSX, компоненты, props

12Frontend

React state

Hooks, effects, формы

13Frontend

Router & Context

SPA, custom hooks

14Frontend

Frontend SPA

Dashboard — проект #14

15Backend

Python

Синтаксис, venv, CLI

16Backend

Python OOP

SQLite, алгоритмы

17Backend

SQL

PostgreSQL, индексы

18Backend

FastAPI

REST, SQLAlchemy

19Backend

Node.js

Express, layered API

20Продакшен

Auth & tests

JWT, OWASP, pytest

21Продакшен

Docker

Full-stack compose

22Продакшен

Capstone

DevHub — финальный проект

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

Коротко о том, как проходить маршрут

help Нужен ли опыт программирования?

Нет. Неделя 0 готовит инструменты, неделя 1 начинается с HTML. Главное — 3–7 часов в день и дисциплина.

help Чем полный трек отличается от лайт?

В лайте обязательны теория и Git; практика в MVP-объёме. Полный трек — все задания и максимальная глубина проектов.

help Зачем репозиторий learning-log?

Это ваше портфолио: каждая неделя — папка с кодом и README. Рекрутер видит прогресс и коммиты, а не только финальный проект.

help Сколько времени займёт весь маршрут?

Полный трек: ~900–1100 часов за 22 недели. Лайт: ~500–650 часов. Можно растянуть — отмечайте прогресс на сайте.

help Это замена курсу?

Это структурированный план с материалами и проектами — без видео и менторов. Бесплатно, open source, можно учиться в своём темпе.

Помогите маршруту расти

Звезда на GitHub, репост или Issue с улучшением — всё помогает следующим ученикам.

star Star bug_report Issue