Веб-разработка — одна из немногих профессий, куда можно войти без диплома, без связей и без переезда в Москву. Достаточно ноутбука, интернета и привычки садиться за код каждый день. Средний срок до первой работы — от 6 до 14 месяцев, если заниматься по 2–3 часа в день. Полная программа на курсах стоит от 60 до 180 тысяч рублей, а junior на старте получает 60–120 тысяч в месяц по данным вакансий hh.ru за середину 2026 года. Самостоятельное обучение обойдётся бесплатно, но растянется дольше и потребует железной дисциплины.
В этой статье — пошаговый план на 12 месяцев, разбор развилки «фронтенд или бэкенд», список технологий с реальными сроками освоения, четыре формата учёбы с ценами и 10 ошибок, на которых новички теряют первый год. Если вам нужен предметный разбор самой профессии (обязанности, специализации, рынок), он лежит в материале кто такой веб-разработчик. Здесь же мы говорим только об одном: как пройти путь от нуля до первого оффера. Если по ходу захотите сразу посмотреть, чему и где учат, — загляните в подборку курсов по веб-разработке.
Коротко о реальности. Выучить веб-разработку за две недели нельзя, и любой, кто это обещает, продаёт воздух. Зато за год спокойной системной работы первую работу находят даже те, кто пришёл из совершенно нетехнической сферы.
Кто такой веб-разработчик и чем он отличается от фронтендера
Веб-разработчик — это специалист, который создаёт сайты и веб-приложения: от лендинга до личного кабинета банка. Внутри профессии живут три роли. Фронтендер отвечает за то, что видит пользователь: вёрстку, кнопки, анимации, скорость интерфейса. Бэкендер пишет серверную логику, работает с базами данных и следит, чтобы заявка с формы дошла куда нужно. Фулстек закрывает обе зоны и собирает сайт целиком.
«Веб-разработчик» — это зонтик над всеми тремя. Поэтому путь шире, чем у узкого фронтендера: на старте вы пробуете обе стороны и осознанно выбираете, куда углубляться. Если вас тянет именно к интерфейсам и визуалу, посмотрите отдельный разбор — как стать фронтенд-разработчиком; там путь расписан под конкретную специализацию. А чтобы понимать, из чего вообще собирается страница, пригодится база — что такое вёрстка.
Как работает сайт: что происходит, когда вы открываете страницу
Прежде чем учить технологии, полезно увидеть общую картину. Когда вы вводите адрес сайта, браузер отправляет запрос на сервер — компьютер, где лежит этот сайт. Сервер обрабатывает запрос и присылает обратно ответ: HTML-разметку, стили и скрипты. Браузер собирает из них страницу и показывает вам.
HTML задаёт структуру: где заголовок, где кнопка, где картинка. CSS отвечает за оформление — цвета, отступы, шрифты, адаптацию под телефон. JavaScript оживляет страницу: реагирует на клики, подгружает данные без перезагрузки, проверяет формы. Всё это работает на стороне пользователя и относится к фронтенду.
Дальше начинается бэкенд. Когда вы нажимаете «купить» или «войти», запрос уходит на сервер, там срабатывает серверный код, лезет в базу данных, проверяет логин или сохраняет заказ и возвращает результат. Базы данных хранят всё: товары, пользователей, заказы, сообщения. Понимание этой цепочки «браузер — сервер — база данных — и обратно» и есть фундамент, на котором держится любая роль в вебе.
Короткий ответ: как стать веб-разработчиком
Если убрать все детали, путь укладывается в семь шагов:
- освоить базу: HTML, CSS и JavaScript, на них работает любой сайт в браузере;
- выбрать направление: фронтенд, бэкенд или фулстек;
- выучить стек под выбранное направление: фреймворк для фронтенда либо серверный язык и базы данных для бэкенда;
- освоить общие инструменты: Git, командную строку и английский для документации;
- собрать 3–4 проекта в портфолио, которые работают и лежат на GitHub;
- откликаться на вакансии и стажировки, не дожидаясь, пока «всё будет идеально»;
- после первого оффера продолжать учиться: технологии в вебе меняются каждый год.
Дальше раскладываем каждый шаг по времени, деньгам и местам, где это учат.
Ваня Буявец, основатель CheckroiПоказываю, как применять Claude Code, ChatGPT и другие нейросети в учёбе и работе, с примерами и промптамиЧитать в ТелеграмеВыбор пути: фронтенд, бэкенд или фулстек
Это первая развилка, на которой буксует половина новичков. Хорошая новость: ошибиться почти невозможно, потому что база у всех трёх направлений общая. Сначала вы в любом случае учите HTML, CSS и JavaScript, а выбор делаете уже через пару месяцев, когда понимаете, что вам ближе — рисовать интерфейсы или собирать серверную механику.
Чтобы развилка стала наглядной, вот короткий ориентир по трём направлениям. Цифры по зарплатам — медианы джунов и мидлов по вакансиям hh.ru на середину 2026 года, подробнее в статье про зарплату веб-разработчика.
| Направление | Что учить сверх базы | Порог входа | Кому заходит |
|---|---|---|---|
| Фронтенд | React или Vue, TypeScript, адаптивная вёрстка | Ниже: быстрее виден результат на экране | Любите визуал, внимательны к деталям |
| Бэкенд | Серверный язык (Python, PHP, Node.js), SQL, API | Выше: больше абстрактной логики | Нравится логика, данные, «как всё устроено внутри» |
| Фулстек | И фронт, и бэк по верхам, плюс деплой | Самый высокий: широкий охват | Хотите собирать проекты целиком, идёте во фриланс |
Совет для старта простой: не пытайтесь стать фулстеком сразу. Это путь, на который выходят через год-полтора, когда уже крепко стоите на одной стороне. Новичку проще выбрать фронтенд — на нём быстрее виден результат, а первая работающая страница мотивирует сильнее любого учебника. Бэкенд логичнее брать тем, кому ближе данные и серверная логика. Если колеблетесь, начните с фронтенда и присмотритесь к бэкенду через пару месяцев.
Карта развития веб-разработчика на 12 месяцев
Этот план рассчитан на человека, который начинает с нуля и может уделять учёбе 2–3 часа в день плюс выходные. Если у вас уже есть техническое образование или опыт в смежной сфере, сожмите сроки на треть. Если времени меньше, растяните этапы, последовательность от этого не меняется. Roadmap ниже ведёт от первой строчки HTML до отклика на вакансии.
Месяцы 1–3: фундамент
Учим HTML и CSS до уверенной вёрстки макета по картинке. Параллельно входим в JavaScript: переменные, функции, условия, циклы, работа с DOM. К концу третьего месяца вы должны верстать адаптивный лендинг и оживлять его простым скриптом, например бургер-меню или слайдер. Хорошая привычка этого этапа — каждый день закрывать хотя бы одну маленькую задачу вместо того, чтобы читать теорию запоем.
Бесплатных материалов на этот этап хватает с головой: справочник MDN и htmlbook по вёрстке, учебник learn.javascript.ru по основам языка, интерактивные тренажёры Flexbox Froggy и Grid Garden, чтобы набить руку на раскладке. Платить на старте не за что: деньги имеет смысл вкладывать позже, когда понадобятся проверка работ и наставник.
Месяцы 4–6: направление и первый стек
Выбираем фронтенд или бэкенд и берём первый серьёзный инструмент. Фронтендеры заходят в React или Vue и разбираются с компонентами и состоянием. Бэкендеры берут серверный язык, учат основы баз данных и пишут первый REST API. Здесь же подключаем Git — без него ни одна команда вас не возьмёт. Артефакт этапа — первое приложение чуть сложнее лендинга: список дел, погода по API, мини-блог.
На этом отрезке важно перестать ходить по учебникам и начать гуглить ошибки самому. Когда что-то не работает, вы открываете Stack Overflow, читаете документацию, пробуете варианты. Этот навык важнее любого конкретного фреймворка: рынку нужен человек, который умеет разбираться сам. Помнить синтаксис наизусть необязательно.
Месяцы 7–9: проекты для портфолио
Самый важный отрезок. Делаем 2–3 проекта, которые не стыдно показать: интернет-магазин с корзиной, дашборд с графиками, клон знакомого сервиса. Каждый проект доводим до рабочего состояния и выкладываем на GitHub с понятным README. Параллельно подтягиваем то, что спрашивают на собеседованиях: асинхронность в JavaScript, работу с API, базовые алгоритмы. К концу девятого месяца у вас на руках ядро будущего портфолио.
Месяцы 10–12: выход на рынок
Оформляем резюме и профиль на hh.ru, чистим GitHub, готовимся к типовым вопросам собеседований. Откликаемся широко: на джуниор-вакансии, стажировки, позиции с обучением. На этом этапе нормально получить десятки отказов, воронка джуна так и работает. Параллельно не бросаем код: пока ищете работу, добивайте ещё один проект, это часто и приносит оффер.
В резюме джуна работодатель ищет три вещи: ссылку на GitHub с живыми проектами, перечень технологий, которые вы применяли на проектах, и короткое сопроводительное письмо на три-четыре предложения. Указывать «уверенный пользователь ПК» и десяток технологий, которые вы видели один раз, не нужно: это считывается мгновенно. Лучше указать три-четыре инструмента, но с проектами, которые их подтверждают.
Про окупаемость. Полностью вход в профессию окупается за 18–24 месяца: примерно год на учёбу и полгода-год, чтобы выйти на стабильную зарплату мидла. Это долгая дистанция, и именно поэтому большинство сходит на третьем месяце, когда проходит первый энтузиазм.
Что сдавать на веб-разработчика после 9 и 11 класса
Отдельной школьной специальности «веб-разработчик» нет — в профессию приходят через IT-направления колледжей и вузов либо через курсы. Коротко: после 9 класса идут в колледж на специальность 09.02.07 по конкурсу аттестатов, без профильных ЕГЭ. После 11 класса поступают в вуз на IT-направления (09.03.01, 09.03.03 и смежные) и сдают русский, профильную математику и чаще всего информатику. Без ЕГЭ в веб-разработку входят взрослые — через онлайн-курсы и переподготовку.
Полный разбор предметов, сроков и проходных баллов с разделением путей после 9 и после 11 класса — в отдельной статье что сдавать на веб-разработчика после 9 и 11 класса.
Плюсы и минусы профессии веб-разработчика
Прежде чем вложить год жизни в учёбу, стоит трезво взвесить обе стороны. Профессия востребованная, но лёгкой её называют только в рекламе курсов.
Плюсы:
- низкий порог входа без диплома: берут по портфолио, корочка вторична;
- удалёнка и гибкий график: можно работать из любого города и совмещать проекты;
- зарплата выше средней по стране уже на уровне мидла;
- понятный карьерный рост и возможность уйти во фриланс или на западный рынок;
- профессия не привязана к одной компании: навыки переносятся куда угодно.
Минусы:
- придётся учиться всю карьеру: фреймворки и подходы устаревают за пару лет;
- высокая конкуренция среди джунов: на одну вакансию приходят сотни откликов;
- сидячая работа и нагрузка на глаза, спину, запястья;
- первые месяцы поиска работы выматывают отказами;
- код часто приходится разбирать чужой, и он бывает написан плохо.
Профессия подходит тем, кто готов к долгой системной учёбе и спокойно переносит, когда что-то не работает по три часа подряд. Если вам нужен быстрый результат и стабильность с первого дня, веб-разработка разочарует на старте.
Что должен уметь веб-разработчик
Набор навыков зависит от направления, но фундамент общий для всех. Полный перечень с пояснениями собран в отдельном материале про навыки веб-разработчика, а здесь — рабочий минимум по блокам.
База для всех
HTML и CSS для разметки и оформления, JavaScript для логики в браузере. Это связка, на которой работает любой сайт, и обойти её нельзя ни во фронтенде, ни в бэкенде. Сюда же относится понимание, как браузер рисует страницу и как устроен интернет на уровне «запрос ушёл на сервер, ответ вернулся».
Стек фронтендера
Один из фреймворков (React, Vue или Angular), плюс TypeScript, адаптивная и кроссбраузерная вёрстка, работа с REST API и инструменты сборки. Глубже про язык, на котором всё это держится, рассказано в разборе профессии JavaScript-разработчика.
Стек бэкендера
Серверный язык (Python, PHP, Go или Node.js), базы данных и SQL, проектирование API, основы Docker и работа с сервером. Если присматриваетесь к серверной стороне на JavaScript, посмотрите, что за зверь Node.js-разработчик.
Общие инструменты и софт-скиллы
Git и работа с командной строкой нужны всем без исключения. Английский — хотя бы на уровне чтения документации: большая часть актуальных материалов выходит сначала на нём. Из софт-скиллов критичны усидчивость и умение гуглить: разработчик половину рабочего дня ищет решения, и это нормально. ИИ-ассистенты вроде GitHub Copilot и Cursor ускоряют рутину, но не заменяют понимания: на собеседовании спросят именно вас, а нейросеть будет недоступна.
Какой стек и инструменты учить
Чтобы не утонуть в списке технологий, вот ориентир по срокам освоения. Цифры — для занятий по 2–3 часа в день; у каждого они сдвигаются, но порядок величин такой.
| Инструмент | Срок освоения базы | Зачем нужен |
|---|---|---|
| HTML + CSS | 1–2 месяца | Разметка и оформление любой страницы |
| JavaScript | 2–4 месяца | Логика и интерактивность в браузере |
| React или Vue | 2–3 месяца | Современные интерфейсы фронтенда |
| Серверный язык (Python/PHP/Node.js) | 3–4 месяца | Логика на стороне сервера |
| SQL и базы данных | 1–2 месяца | Хранение и выборка данных |
| Git | 1–2 недели | Контроль версий, командная работа |
Главное правило выбора: не распыляйтесь. Лучше довести один фреймворк до уверенного уровня, чем нахвататься поверхностно из трёх. Рынок ценит глубину. Длинный список «знаком с тем-то» никого не убеждает.
Четыре формата обучения
Прийти в профессию можно четырьмя дорогами, и у каждой своя цена и скорость.
| Формат | Цена | Срок | Плюсы и минусы |
|---|---|---|---|
| Самостоятельно | Бесплатно | от 1 года | Гибко и бесплатно, но никто не укажет на ошибки и легко учить устаревшее |
| Онлайн-курс | 60–180 тыс. ₽ | 6–14 месяцев | Программа, наставник, портфолио и помощь с трудоустройством; платно |
| Колледж | Бюджет или ~80 тыс. ₽/год | 3 года 10 мес | Диплом СПО и отсрочка, но программа отстаёт от рынка |
| Вуз | Бюджет или 150–300 тыс. ₽/год | 4–5 лет | Фундаментальная база, но долго и много теории не по вебу |
Большинству взрослых, кто меняет профессию, подходят курсы или связка «самостоятельно плюс точечный курс под слабое место». Вуз имеет смысл, если вам 17 и вы выбираете между IT и другой сферой всерьёз. Колледж — рабочий вариант после 9 класса, чтобы войти в профессию раньше сверстников.
Портфолио веб-разработчика: что показать работодателю
Портфолио джуна важнее диплома. На собеседовании смотрят на то, что вы собрали руками. Сертификаты тут вторичны. Рабочий минимум — 3–4 проекта, и вот что в них ценят:
- проекты работают вживую: задеплоены и открываются по ссылке, без скриншотов вместо демо;
- код выложен на GitHub с понятным README и историей коммитов;
- есть хотя бы один проект сложнее лендинга — с данными, формами, обращением к API;
- код читаемый: понятные имена переменных, разбит на компоненты, без копипасты;
- видно, что проект ваш: он не выглядит пересказом урока один в один.
Если не знаете, что собрать, вот рабочие идеи под разные направления. Фронтендеру подойдёт магазин с корзиной и фильтрами, погодное приложение на внешнем API, трекер привычек. Бэкендеру — REST API для блога с авторизацией, телеграм-бот, сервис сокращения ссылок. Фулстеку — небольшой клон знакомого сервиса целиком, от интерфейса до базы данных.
Что отвечать на собеседовании. По каждому проекту будьте готовы объяснить, почему выбрали именно эту технологию, что было сложно и как вы это решили. Работодателя интересует ход мысли за проектом даже больше, чем сам результат.
Частая ошибка — складывать в портфолио десяток одинаковых лендингов из обучающих видео. Один доведённый до ума проект с рабочей логикой убеждает сильнее, чем пять клонов туториала.
Где искать первую работу
Когда портфолио готово, начинается воронка откликов. Площадки по убыванию отдачи для джуна:
- hh.ru — основной источник джуниор-вакансий и стажировок в России;
- стажировки крупных компаний — Яндекс, VK, Тинькофф и другие регулярно набирают новичков с обучением;
- телеграм-каналы с вакансиями для джунов — там часто публикуют то, чего нет на hh;
- биржи фриланса для первых коммерческих проектов и строчки в резюме;
- нетворкинг: сообщества разработчиков, митапы, чаты курсов — часть офферов приходит по рекомендации.
Готовьтесь к статистике: у джуна на оффер уходит от нескольких десятков откликов, потому что на каждую вакансию приходят сотни кандидатов. Опускать руки рано — это нормальная математика входа. Подробный разбор площадок и тактики поиска — в материале о том, где найти работу программисту.
Сколько зарабатывает веб-разработчик
Вилка широкая и сильно зависит от направления, города и грейда. По вакансиям hh.ru на середину 2026 года junior получает 60–120 тысяч рублей, middle выходит на 150–250 тысяч, а senior и тимлиды зарабатывают от 250 тысяч и выше, на западном рынке — кратно больше.
Карьерная лестница выглядит так: junior за 1–2 года вырастает в middle, ещё через 2–3 года в senior, а дальше развилка на тимлида или архитектора. Бэкендеры и фулстеки в среднем зарабатывают чуть больше фронтендеров, но разрыв на уровне мидла уже невелик.
Полный разбор с таблицами по грейдам, городам, специализациям и источникам дохода — в отдельной статье про зарплату веб-разработчика. Там же — свежие цифры по фронтенду, бэкенду и фулстеку.
10 ошибок новичков
Эти грабли проходят почти все, кто учится сам. Знание о них экономит месяцы.
- Бесконечная теория без практики. Можно месяцами смотреть курсы и так и не написать ни строчки своего кода. Навык появляется только в практике — кодить нужно с первой недели.
- Прыжки между языками. Сегодня Python, завтра JavaScript, послезавтра Go. В итоге везде поверхностно. Выберите одно направление и доведите до результата.
- Попытка стать фулстеком сразу. Распыление сил на фронт и бэк одновременно тормозит обе стороны. Сначала одна специализация, расширение — потом.
- Клоны туториалов вместо своих проектов. Повторить за преподавателем легко, но это не учит думать. Делайте проекты с нуля, пусть и кривые.
- Игнор Git. Кажется лишним, пока работаешь один, а потом на собеседовании выясняется, что без него никуда. Учите с первых проектов.
- Перфекционизм в портфолио. «Доделаю и тогда откликнусь» растягивается на полгода. Откликаться стоит с тремя готовыми проектами, не дожидаясь идеала.
- Страх откликаться «рано». Джуны ждут, пока выучат всё, но всё выучить нельзя. Отклики и отказы — нормальная часть обучения, через них проходят все.
- Учёба без расписания. «По настроению» не работает: дисциплина важнее таланта. Лучше час каждый день, чем десять часов раз в неделю.
- Пренебрежение английским. Без чтения документации вы упираетесь в потолок русскоязычных материалов, а они отстают.
- Учёба в одиночку без обратной связи. Без того, кто укажет на ошибки, легко закрепить плохие привычки. Помогают сообщества, код-ревью, менторы или курс с проверкой работ.
Где учиться на веб-разработчика
Если решили идти через курс, чтобы получить программу, наставника и помощь с портфолио, — вот актуальная подборка с ценами, сроками и форматами. Сравните несколько вариантов под свой уровень и бюджет, прежде чем хватать первый попавшийся.
| Курс | Школа | Стоимость со скидкой | В рассрочку | Длительность | Обзор курса от Checkroi |
|---|---|---|---|---|---|
| Fullstack-разработчик на Python Перейти на сайт курса |  Нетология | 175 800 ₽ | 7125 ₽/мес. | 21 месяц | Обзор курса |
| Профессия «Веб-разработчик с нуля» Перейти на сайт курса | Нетология | 163 300 ₽ | 7125 ₽/мес. | 13 месяцев | Обзор курса |
| Веб-разработчик Перейти на сайт курса |  Синергия | 141 036 ₽ | 5877 ₽/мес. | 6 месяцев | Обзор курса |
| Веб-разработчик Перейти на сайт курса |  Skillbox | 153 348 ₽ | 4486 ₽/мес. | 16 месяцев | Обзор курса |
| FullStack-разработчик: тариф PRO Перейти на сайт курса |  Эдюсон | 182 000 ₽ | 7583 ₽/мес. | 14 месяцев | Обзор курса |
| Fullstack-разработчик на JavaScript Перейти на сайт курса | Эдюсон | 158 760 ₽ | 6615 ₽/мес. | 11 месяцев | Обзор курса |
| Веб-разработка для фриланса Перейти на сайт курса |  Skypro | 118 320 ₽ | 364 833 ₽/мес. | 12 месяцев | Обзор курса |
| Фулстек-разработчик на JavaScript Перейти на сайт курса | Skillbox | 153 348 ₽ | 4296 ₽/мес. | 11 месяцев | Обзор курса |
| FullStack-разработчик: тариф Базовый Перейти на сайт курса | Эдюсон | 158 760 ₽ | 6615 ₽/мес. | 12 месяцев | Обзор курса |
| Веб-разработчик (c индивидуальным сопровождением) Перейти на сайт курса | Skypro | 204 000 ₽ | 368 333 ₽/мес. | 12 месяцев | Обзор курса |
Больше программ — в полном каталоге курсов по веб-разработке
Главное о том, как стать веб-разработчиком в 2026
Путь в профессию занимает от 6 до 14 месяцев системной учёбы по 2–3 часа в день. Сначала база: HTML, CSS, JavaScript. Затем выбор направления и стек под него, после параллельно Git и английский. Решает портфолио из 3–4 рабочих проектов на GitHub и готовность откликаться, не дожидаясь идеала; диплом тут вторичен. Школьного пути «на веб-разработчика» нет: после 9 класса идут в колледж по конкурсу аттестатов, после 11 — в вуз с ЕГЭ по русскому, профильной математике и информатике, а взрослые входят через курсы без всякого ЕГЭ.
Реалистичная картина такая: год на учёбу, несколько десятков откликов на первый оффер и ещё полгода-год до стабильной зарплаты мидла. Кто проходит этот марафон до конца, получает профессию с удалёнкой, доходом выше среднего и навыками, которые не привязаны ни к одной компании. Начать можно сегодня, с первой строчки HTML.
