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

Роадмап fullstack-разработчика

Бесплатные курсы веб-разработки в том порядке, в котором они нужны fullstack-разработчику: HTML, CSS и JavaScript для страницы, TypeScript и React для интерфейса, Next.js для сервера, SQL для данных, а затем Linux, Git и Docker, чтобы всё это выпустить. JavaScript работает на обеих сторонах, поэтому вы учите один язык и используете его от начала до конца. Каждый урок выполняется в браузере, а каждый раздел курса заканчивается бесплатным сертификатом.

НАЧАТЬ ОБУЧЕНИЕ(бесплатно)

889,130+ codders записались на эти курсы

880 уроков969 задачи4,345 вопросов квиза

Для начинающих
Помощь ИИ при написании кода
Практические интерактивные уроки
Аудио-озвучка к каждому уроку
Тесты для проверки знаний
16 бесплатных сертификатов на протяжении пути

Путь fullstack-разработчика, шаг за шагом

7 курсов16 разделов880 уроков969 задачи4,345 вопросов квиза

Каждый шаг представляет собой уже существующий курс Coddy. Проходите их по порядку или переходите сразу к тому, которого вам не хватает: прогресс в любом случае сохраняется по каждому курсу отдельно.

1
Шаг 1
HTML и CSS: страницаСвоя страница
Начать этот шагНачатьЭлементы, ссылки, формы и семантическая разметка, затем селекторы, блочная модель, flexbox, grid, адаптивная вёрстка и переходы в двух разделах по CSS. Формы, которые вы пишете здесь, позже на этом пути будет читать ваш сервер.Начать Своя страница
3 разделов, по порядку
179 уроков236 задачи833 вопросов6 проектов
2
Шаг 2
JavaScript и TypeScriptСвоя страница
Начать этот шагНачатьОсновы, логика и управляющие конструкции, объекты и классы в трёх разделах, затем TypeScript: типы, интерфейсы, дженерики и чтение ошибок компилятора. На этом языке вы пишете и в браузере, и на сервере, поэтому ему отведено больше времени, чем любому другому шагу.Начать Своя страница
4 разделов, по порядку
271 уроков315 задачи1,456 вопросов7 проектов
3
Шаг 3
JavaScript в браузереСвоя страница
Начать этот шагНачатьDOM, события, формы и валидация, затем практические фронтенд-приёмы: вкладки, модальные окна, темы и адаптивная навигация. HTML, CSS и JavaScript становятся одной страницей, которая отвечает человеку, который ею пользуется.Начать Своя страница
2 разделов, по порядку
1. JavaScript в действии27 уроков27 задачи163 вопросов
2. Практический фронтенд35 уроков34 задачи197 вопросов
62 уроков61 задачи360 вопросов
4
Шаг 4
ReactСвоя страница
Начать этот шагНачатьКомпоненты, JSX, пропсы, состояние, события, списки и управляемые формы, а в конце небольшая карточка для соцсети, которую вы собираете шаг за шагом. React служит слоем интерфейса, который следующий шаг запускает на сервере.Начать Своя страница42 уроков37 задачи65 вопросов
5
Шаг 5
Next.js: серверная половинаСвоя страница
Начать этот шагНачатьМаршрутизация и layouts, серверные и клиентские компоненты, загрузка данных на сервере, route handlers для собственных API-эндпоинтов, server actions для форм, состояния загрузки и ошибок, а затем приложение ресторана из девяти шагов с корзиной, фильтрами, отзывами и живым поиском. Здесь вы пишете бэкенд.Начать Своя страница47 уроков41 задачи99 вопросов1 проект
6
Шаг 6
SQL: база данныхСвоя страница
Начать этот шагНачатьЗапросы к настоящим таблицам: фильтрация, сортировка, соединения, группировка и агрегаты, затем подзапросы, оконные функции, CASE и обобщённые табличные выражения. Любое fullstack-приложение хранит данные в базе данных, и с помощью SQL вы задаёте ей вопросы.Начать Своя страница
2 разделов, по порядку
1. Основы72 уроков76 задачи360 вопросов1 проект
2. Продвинутый уровень27 уроков28 задачи167 вопросов
99 уроков104 задачи527 вопросов1 проект
7
Шаг 7
Linux и GitСвоя страница
Начать этот шагНачатьФайлы, права доступа, pipes и shell-скрипты в настоящем терминале Linux, затем коммиты, ветки, слияния, конфликты и удалённые репозитории. Серверы работают на Linux, а любая команда хранит свой код в Git-репозитории.Начать Своя страница
2 разделов, по порядку
1. Основы82 уроков80 задачи440 вопросов3 проектов
2. Контроль версий58 уроков55 задачи370 вопросов2 проектов
140 уроков135 задачи810 вопросов5 проектов
8
Шаг 8
DockerСвоя страница
Начать этот шагНачатьОбразы, контейнеры, Dockerfile, тома и сети. Контейнер упаковывает ваше приложение вместе со всем, что нужно для его работы, и именно так сегодня большинство веб-приложений попадает на сервер.Начать Своя страница40 уроков40 задачи195 вопросов1 проект

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

Всё, что вам нужно, чтобы научиться программировать

Учитесь на практике

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

playground.js

Редактор кода

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Тест №1

Тест №2

Тест №3

Ввод

"Alex"

Вывод

"Hello, Coddy! Alex"

Создайте свою серию

Будьте последовательны и наблюдайте за своим прогрессом! Отслеживайте ежедневную привычку программирования, защищайте свою серию с помощью дней заморозки и получайте награды за каждый день.

12 дней подряд

Возвращайтесь завтра, чтобы сохранить серию!

January 2026

Всё или ничего

День 5 из 7

Заморозка серии

2 left

Код где угодно

Возьмите свое путешествие по программированию с собой! Без настройки, без загрузок - просто откройте и начните программировать. Доступно на iOS, Android и Web с рейтингом 4.9 звезд.

250

Переменные

ПРОДОЛЖИТЬ

4.9

Рейтинг

Вы не одиноки

Соревнуйтесь в глобальных рейтингах, приглашайте друзей, чтобы получать награды, и празднуйте успехи друг друга. Программировать веселее с друзьями!

Лига ПретендентовТоп 7 продвигаются

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Зона продвижения

Учитесь как угодно

Читайте, слушайте, проверяйте себя, спрашивайте у ИИ или ищите то, что уже изучили. Каждый урок подстраивается под вас.

Введение в переменные

Аудио

Переменная - это именованный контейнер, который хранит значение для последующего использования.

В Python вы создаёте её, написав имя, знак равенства и значение, которое нужно сохранить.

Значение может меняться - переприсваивание просто направляет имя на новое значение.

1xSarah

Ваш сертификат

Получайте сертификаты за каждый завершенный курс. Добавьте их в свой профиль LinkedIn и резюме, чтобы продемонстрировать работодателям свои навыки программирования.

Сертификат о прохождении

Настоящим подтверждается, чтоИван Ивановуспешно завершил(а)

Основы Python

Датаянв. 2026

Добавить в LinkedIn

Почему учить fullstack-разработку на Coddy

Один язык на обеих сторонах. Путь учит JavaScript и TypeScript для браузера, а затем использует тот же язык на сервере через route handlers и server actions в Next.js. Бэкенд приносит новые идеи, а не второй язык, который пришлось бы учить с нуля.
Ничего не нужно устанавливать. HTML и CSS отрисовываются вживую рядом с кодом, SQL выполняется на настоящих таблицах, а шаги по Linux, Git и Docker дают вам настоящий терминал в браузере. Весь стек можно изучить на ноутбуке, на котором никогда не стояло ни одного инструмента разработчика.
Подсказки ИИ, которые читают ваш код. Когда компонент не отрисовывается, запрос возвращает не те строки или команда падает с ошибкой, Bugsy смотрит на то, что вы написали, и подводит к решению, не выдавая готовый ответ.
Главное здесь порядок. Большинство курсов по fullstack бегут к фреймворку уже на второй неделе; этот путь отдаёт JavaScript три раздела и браузеру четвёртый, прежде чем появится React, потому что фреймворк читается только тогда, когда читается язык под ним.

Частые вопросы о том, как стать fullstack-разработчиком

Кто такой fullstack-разработчик?

Разработчик, который умеет создавать обе половины веб-приложения: фронтенд, работающий в браузере (HTML, CSS, JavaScript и фреймворк вроде React), и бэкенд, работающий на сервере (обработка запросов, бизнес-логика и база данных). На практике большинство fullstack-разработчиков сильнее в одной из сторон, но они могут сами довести функцию от таблицы в базе данных до кнопки, которая её использует, не передавая работу кому-то другому.

Как стать веб-разработчиком?

Выучите HTML, CSS и JavaScript настолько, чтобы собрать страницу с пустого файла, добавьте один фреймворк (React), разберитесь, как сервер отвечает на запросы и как хранятся данные (на этом пути это Next.js и SQL), освойте Git и сделайте проекты, которые можно выложить в интернет и объяснить. Работодатели нанимают по тому, что вы можете им показать, поэтому проекты важнее любого сертификата. Этот путь и есть такая последовательность, в таком порядке, и он бесплатный.

Что учить сначала: фронтенд или бэкенд?

Сначала фронтенд. Результат каждой строки вы видите на экране, поэтому ошибки заметны сразу и мотивация не падает, а бэкенд гораздо проще понять, когда вы уже сделали страницу, которая к нему обращается. Поэтому первые четыре шага этого пути проходят в браузере, и только потом он переходит к серверу и базе данных.

Почему на сервере в этом пути JavaScript, а не Python?

Потому что в браузере работает только JavaScript, и если использовать его и на сервере, на весь стек хватит одного языка. Next.js, построенный на React, позволяет одной и той же кодовой базе рендерить страницы на сервере, отвечать на API-запросы и обрабатывать отправку форм. Если вы хотите писать бэкенд на Python, путь бэкенд-разработчика на Coddy учит этому варианту.

Нужен ли буткемп, чтобы стать fullstack-разработчиком?

Нет. Буткемп даёт расписание, группу и карьерное сопровождение и берёт за это деньги; сами навыки те же, что даёт этот путь, и бесплатные материалы хорошо их покрывают. Чего буткемп не может сократить, так это практику: сотни небольших упражнений и несколько настоящих проектов. Если вы способны стабильно заниматься час в день без преподавателя, который вас проверяет, бесплатный путь приведёт вас туда же.

Сколько времени нужно, чтобы стать fullstack-разработчиком?

От девяти до двенадцати месяцев при часе в день, чтобы выйти на уровень джуна. На этом пути HTML и CSS вместе занимают от шести до восьми недель, JavaScript и браузер от двух до трёх месяцев, TypeScript и React около шести недель, Next.js месяц, SQL от трёх до четырёх недель, а Linux, Git и Docker ещё месяц. Если параллельно с последними шагами делать собственный проект, это время превращается в портфолио.

Есть ли в этом пути Node.js, Express, аутентификация или деплой?

Отдельными курсами пока нет, и мы предпочитаем сказать об этом прямо, а не раздувать страницу. Серверный код на этом пути пишется через route handlers и server actions в Next.js, которые работают на Node.js, но курса по Express нет, как нет и курса о подключении приложения к рабочей базе данных через ORM, и курсов по аутентификации или деплою на хостинг-платформу. Они есть в дорожной карте учебной программы и войдут в этот путь новыми шагами, когда выйдут.

Этот курс по fullstack бесплатный, и дают ли сертификат?

Да. Каждый курс на пути бесплатный, включая уроки, редакторы и терминал в браузере, подсказки ИИ и сертификаты. Каждый раздел курса заканчивается бесплатным сертификатом, который проверяется по своему URL и который можно добавить в LinkedIn или в резюме.

Другие пути обучения

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

Все пути обучения

Иллюстрация языков программирования Coddy

Начните путь Fullstack-разработчик бесплатно

Начать учиться