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

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

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

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

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

880 уроков883 задачи4,346 вопросов квиза

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

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

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

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

1
Шаг 1
HTML и CSS: страницаСвоя страница
Начать этот шагНачатьЭлементы, ссылки, формы и семантическая разметка, затем селекторы, блочная модель, flexbox, grid, адаптивная вёрстка и переходы в двух разделах по CSS. Формы, которые вы пишете здесь, позже на этом пути будет читать ваш сервер.Начать Своя страница
3 разделов, по порядку
179 уроков215 задачи833 вопросов
2
Шаг 2
JavaScript и TypeScriptСвоя страница
Начать этот шагНачатьОсновы, логика и управляющие конструкции, объекты и классы в трёх разделах, затем TypeScript: типы, интерфейсы, дженерики и чтение ошибок компилятора. На этом языке вы пишете и в браузере, и на сервере, поэтому ему отведено больше времени, чем любому другому шагу.Начать Своя страница
4 разделов, по порядку
271 уроков288 задачи1,457 вопросов
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 уроков32 задачи99 вопросов
6
Шаг 6
SQL: база данныхСвоя страница
Начать этот шагНачатьЗапросы к настоящим таблицам: фильтрация, сортировка, соединения, группировка и агрегаты, затем подзапросы, оконные функции, CASE и обобщённые табличные выражения. Любое fullstack-приложение хранит данные в базе данных, и с помощью SQL вы задаёте ей вопросы.Начать Своя страница
2 разделов, по порядку
1. Основы72 уроков72 задачи360 вопросов
2. Продвинутый уровень27 уроков28 задачи167 вопросов
99 уроков100 задачи527 вопросов
7
Шаг 7
Linux и GitСвоя страница
Начать этот шагНачатьФайлы, права доступа, pipes и shell-скрипты в настоящем терминале Linux, затем коммиты, ветки, слияния, конфликты и удалённые репозитории. Серверы работают на Linux, а любая команда хранит свой код в Git-репозитории.Начать Своя страница
2 разделов, по порядку
1. Основы82 уроков68 задачи440 вопросов
2. Контроль версий58 уроков46 задачи370 вопросов
140 уроков114 задачи810 вопросов
8
Шаг 8
DockerСвоя страница
Начать этот шагНачатьОбразы, контейнеры, Dockerfile, тома и сети. Контейнер упаковывает ваше приложение вместе со всем, что нужно для его работы, и именно так сегодня большинство веб-приложений попадает на сервер.Начать Своя страница40 уроков36 задачи195 вопросов

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

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

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Earn a Certificate

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to 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 или в резюме.