Каталог курсов

Направления обучения

Все курсы Маркетинг Бизнес и управление Дизайн и UX Программирование Аналитика Управление командой Высшее образование Творческие профессии Профессии в образовании Корпоративное обучение Новые профессии Финансы и инвестиции Компьютерные игры Саморазвитие и хобби

Бесплатный курс

начало карьеры

IT-профессии

Как выбрать направление и реализовать себя

Включает программу трудоустройства

Совместно с

Веб-разработчик
с нуля

Освоите два направления в разработке сайтов и веб-приложений: фронтенд и бэкенд

Создадите 28 работоспособных проектов для портфолио с помощью JavaScript, PHP, Larаvel

Сможете претендовать на junior-позицию уже во время обучения

Поможем подобрать обучение

Когда

23 октября 2023 — 7 октября 2025

Длительность

24 месяца

Формат обучения

Вебинары, видеолекции, практические задания

Документ

Диплом о профессиональной переподготовке

Акция

-40%

Акция

-40%

40%

с 03.10 по 05.10

В самый разгар осени

Скидка уже включена в стоимость. Оплатите до 5 октября, чтобы скидка не сгорела.

Условия акции

Веб-разработчик создаёт и поддерживает сайты и приложения

Он может работать как над внешним видом сайта, так и над его внутренней, серверной частью.

На курсе вы научитесь работать и с фронтендом, и с бэкендом веб-сервисов. Для этих целей освоите языки программирования JavaScript и PHP — это выделит вас на фоне других junior-разработчиков.

JavaScript и PHP входят в топ-10 востребованных языков программирования в индексе TIOBE

JavaScript — основной язык создания функциональности и логики сайта или веб-приложения. Он работает на всех платформах и операционных системах, достаточно прост и подходит начинающим разработчикам.

PHP отличается гибкостью и хорошей совместимостью. Он экономит время на разработку за счёт большого количества фреймворков и встроенных функций. На PHP написана сервисная часть таких сайтов, как Wikipedia, Ted, BlaBlaCar и Wordpress.

Зарплата веб-разработчика

по данным hh.ru в среднем составляет

от 70 000 ₽
Junior-специалист
c опытом до 1 года
от 150 000 ₽
Middle-специалист
c опытом 1–3 года
от 250 000 ₽
Senior-специалист
с опытом более 3 лет

На курсе вы научитесь

Верстать веб-приложения

Познакомитесь с языком разметки страницы HTML, языком каскадных стилей CSS и самостоятельно сверстаете станицу сайта для творчества и хобби

Адаптировать вёрстку под разные типы устройств

Создадите страницу, которая будет одинаково хорошо отображаться на мониторе ПК, планшете и мобильном телефоне

Вести проект в системе контроля версий Git

Создадите репозиторий, поработаете с ветками в Git, реализуете pull-request и git push, поработаете с Issues

Оживлять страницы и делать их интерактивными

С помощью JavaScript сможете подключать написанный вами скрипт к HTML-документу и оживлять элементы на странице веб-приложения

Создавать интерактивные пользовательские интерфейсы на React

Сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы

Связывать клиентскую и серверную части приложений

С помощью PHP и Laravel создадите контроллеры для обработки внешних запросов и базу данных для сайта

Создадите 28 проектов
для портфолио

Вас ждут 600 часов практики и более 200 практических задач

Будете решать рабочие задачи с партнёром Нетологии — Only

Специалисты компании Only создают под ключ цифровые продукты и комплексные IT решения любой сложности, а также предоставляют услуги IT-консалтинга.

Only предложит студентам Нетологии задачи по реальным проектам. Такое сотрудничество поможет получить:

1. Практический опыт в решении рабочих задач

2. Уникальный кейс в портфолио

3. Рекомендации по развитию от специалистов компании

Программа обучения — 24 месяца

128 часов теории, 600 часов практики

● Занятия проходят 2 раза в неделю в будни с 18:00 МСК

● Программа построена от простого к сложному. На лекции и практические задания понадобится 7–10 часов в неделю

● Записи вебинаров, лекции, тесты, тренажёр, презентации и другие полезные материалы хранятся в личном кабинете

Часть 1. Frontend-разработка

HTML-вёрстка с нуля до первого макета

Курсовой проект — вёрстка сайта

Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам модуля вы самостоятельно сверстаете лендинг.

11 часов теории

48 часов практики

Введение в вёрстку

Контентные теги

Теги для вёрстки структуры контента

Позиционирование блочных элементов

Вёрстка форм

Нестандартные элементы форм

Всплывающие элементы

Позиционирование flex-элементов

Проект: Вёрстка макета сайта

Пример готовой работы

Адаптивная и мобильная вёрстка

Курсовой проект — адаптивная вёрстка сайта

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

14 часов теории

57 часов практики

Вёрстка резинового макета

Резиновые изображения

Введение в медиазапросы

Медиафункции

Особенности вёрстки для мобильных устройств

Вёрстка адаптивного макета

Адаптивная типографика

Breakpoints

Адаптивные изображения

CSS Grid

Кроссбраузерность и доступность

Проект: Адаптивная мобильная версия макета сайта

Пример готовой работы

Основы программирования

Курсовой проект — игра на JavaScript

Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать свой с учётом личных интересов и профессиональных планов. В итоговом проекте вы разработаете онлайн-игру, похожую на «Монополию».

10 часов теории

48 часов практики

Базовые понятия. Переменные и числа

Логический тип и ветвление

Строки. Алгоритмы. Как отлаживать код

Массивы и базовые методы работы с ними

Циклы

Ассоциативные массивы

Функция без параметров. Область видимости

Параметры и возвращаемое значение

Воркшоп по разработке логики игры «Виселица»

Проект: Игра «Крестики-нолики» на JavaScript

Пример готовой работы

Git — система контроля версий

Вы научитесь работать с системой Git и сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.

4 часа теории

3 часа практики

Предназначение системы контроля версий

Основные операции: фиксация и откат изменений, поиск, история

Работа с сервисом GitHub

Ветки, слияние веток и разрешение конфликтов

Командная работа

Основы JavaScript

Курсовой проект — биржа валюты

Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и за 8 занятий напишете своё первое веб-приложение — онлайн-сервис для торговли криптовалютой.

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

11 часов теории

56 часов практики

Основные понятия

Функции

Объекты

Классы

Обработка исключений и замыкания

Асинхронность

Функции-декораторы, call, apply

Проект: Сайт-биржа по продаже криптовалюты

Пример готовой работы

Основы JavaScript в браузере

Курсовой проект — учёт финансов

Вы узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ живым: изменять его и реагировать на действия пользователя.

10 часов теории

56 часов практики

Возможности JavaScript в браузере

Способы поиска нужного HTML-элемента

Объект события

DOM

Работа с HTML-формами

Изменение структуры HTML-документа

Асинхронные запросы

Хранение состояния на клиенте

Проект: Веб-менеджер личных финансов

Пример готовой работы

Продвинутый JavaScript

Курсовой проект — онлайн-игра

Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронным программированием (async/await). Это позволит выйти на новую ступень в сфере веб-разработки.

16 часов теории

72 часа практики

Стандарты и рабочее окружение

Модули и WebPack

Платформы: браузер vs Node.js

Тестирование и Continuous Integration

Прототипы, конструкторы, классы и наследование

Object, Reflection и Proxy

Регулярные выражения

Контейнеры

ArrayBuffer

Promises, async/await, timers & event loop

Символы, итераторы, генераторы

TypeScript

Проект: Онлайн-игра «Ходилка» в стиле фэнтези

Пример готовой работы

Продвинутый JavaScript в браузере

Курсовой проект — бот для поиска информации

Освоите инструменты, ускоряющие работу. Научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы: слайдеры, календари, файлы. Познакомитесь с API, предоставляемым браузером: геолокацией, нотификацией, медиа, веб-сокетами. Через анимацию добавите интерактивности в свои приложения.

16 часов теории

72 часа практики

Рабочее окружение

DOM (объектная модель документа)

Обработка событий

Организация тестирования

Работа с HTML-формами

Drag and drop. Files

Работа с HTTP

REST, Server-sent events, WebSockets

Анимация и CSS

Geolocation, Notification, Media

RxJS

WebWorkers, ServiceWorkers

Проект: Бот для поиска и хранения информации

Пример готовой работы

Библиотека React

Курсовой проект — интернет-магазин

Освоите одну из самых популярных библиотек на JavaScript — React. С её помощью вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях. React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.

13 часов теории

72 часа практики

Библиотека React, компоненты

События и состояние

Props

Работа с формами

Композиция компонентов

Жизненный цикл компонентов. HTTP

Компоненты высшего порядка

Hooks, Context API

React Router

Redux

Redux Toolkit

Redux Saga

Проект: Интернет-магазин обуви

Пример готовой работы

Часть 2. Backend-разработка

Основы PHP

Около 80% сайтов в России написаны на PHP. Вы познакомитесь с базовыми конструкциями языка и обучитесь работе с функциями и объектами.

10 часов теории

32 часа практики

Знакомство с PHP

Консольные приложения в PHP

Базовые операторы и функции

Пользовательские функции

Основы работы с объектами

Файлы, HTML-формы

Развёртывание приложения на хостинге

Продвинутый PHP

Продолжим изучение PHP. В этом модуле вы углубитесь в объектно-ориентированный подход в PHP, работу с базами данных и тестирование.

7 часов теории

20 часов практики

Понятие класса и объекта

Основы ООП в PHP

Трейты, перезагрузка и магия

Работа с базами данных

Тестирование

Фреймворк Laravel

Вы изучите один из самых популярных фреймворков для разработки бэкенда на PHP. Познакомитесь с возможностями Laravel, научитесь создавать контроллеры для обработки внешних запросов, создадите базу данных
для сайта.

5 часов теории

16 часов практики

Введение в Laravel

MVC. Базы данных

MVC

Middleware. Авторизация

Работа с REST API

Разбор вопросов и домашних заданий

Дополнительные модули

Английский язык для начинающих разработчиков

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

5 часов теории

13 часов практики

Чтение технической документации

Языки программирования. Составление отчётов об ошибках

QA-тестирование

Слова из технической сферы, которые часто произносят неправильно

Навык просмотра англоязычного видеоконтента

Самопрезентация. Elevator Pitch

Прохождение собеседований

Высококлассное резюме и сопроводительное письмо

Email-переписка

Общение в технических чатах

Как вести звонки и встречи

Как учить лексику

Как учить грамматику

Алгоритмы и структуры данных

Научитесь проектировать быстрые алгоритмы, применять стандартные структуры данных, а главное — мыслить как программист. Знание алгоритмов повышает шансы на трудоустройство, так как в большинстве компаний задачи на алгоритмы — неотъемлемая часть собеседования и тестового задания.

8 часов теории

Введение в алгоритмическую сложность. Бинпоиск

Динамическое программирование и «жадность»

Сортировки

Динамический массив. Списки. Деки

Пирамиды и деревья поиска

Хеширование

Графы

Орграфы

Основы графического дизайна

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

Видеокурс включает конспекты, дополнительные материалы для изучения, тесты и задания с самопроверкой.

16 часов теории

13 часов практики

Основы композиции

Теория цвета

Цифровая эстетика и новые медиа

Типографика

Введение в брендинг и современный плакат

Построение карьеры и работа на фрилансе

Карьера в веб-разработке

Научитесь формулировать карьерные цели, создавать резюме, собирать портфолио и готовиться к собеседованиям. Создадите пошаговый план поиска работы, запишете видеопрезентацию и пройдёте карьерную консультацию с HR-экспертом.

6 часов теории

Пошаговый план поиска работы

Анализ рынка труда

Резюме, портфолио веб-разработчика и сопроводительное письмо

Собеседование: как подготовиться и пройти

Статистика и измерение эффективности поиска работы

Индивидуальная карьерная консультация

Фриланс: первые шаги

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

10 часов теории

Как начать работать на фрилансе

Как фрилансеру правильно организовать рабочий процесс, пространство и файлы

Как понять, будете ли вы успешны на фрилансе

Биржа FL

Дипломный проект — онлайн-система администрирования кинозалов

Вы самостоятельно сверстаете полноценное веб-приложение и подготовите фронтенд и бэкенд — информационную систему для администрирования кинозалов, сеансов и предварительного бронирования билетов.

Реализуете клиентскую часть — административный интерфейс, бронирование и контроль билетов — на основе готовой вёрстки с использованием расширяемого фреймворка. Подготовите серверную часть информационной системы — на основе скелета MVC.

Как вы будете учиться

Теория

Занятия проходят по будням 2 раза в неделю вечером. Видеозаписи каждого занятия всегда доступны в вашем личном кабинете

Практика

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

Сопровождение

Вас будет сопровождать команда экспертов, координаторов и наставников. Вы сможете задать вопрос, получить дополнительную консультацию и помощь

Карьера

Центр развития карьеры Нетологии поможет с резюме, подготовит к собеседованию, предложит вакансии и будет сопровождать вас на всех этапах поиска работы

Все уроки теперь и в мобильном приложении

Мы разработали платформу для смартфонов, чтобы вы могли учиться в спортзале, самолёте, на даче или в пути.

Учитесь, где нравится
Доступ к учебным материалам всегда под рукой: это экономит ваши ресурсы
Занимайтесь даже без интернета
Можно скачать материалы на телефон и учиться даже там, где плохая связь
Получайте подсказки по дедлайнам
Приложение работает как помощник: напомнит про домашнюю работу или вебинар
Загружайте задания с телефона
Удобно отслеживать статус практических работ и отвечать на комментарии преподавателя

Преподаватели курса — практикующие разработчики

Вы сможете общаться с ними напрямую и задавать вопросы в общем чате

Ваше резюме после обучения

Веб-разработчик

Ключевые навыки

Вёрстка веб-страниц: HTML, CSS

Адаптивная и мобильная верстка

Контроль изменений кода проекта, работа на GitHub

Решение задач с использованием JavaScript

Создание интерактивных веб-страниц

Использование библиотеки React, JSX, React router, VirtualDom

Применение принципов клиент-серверного взаимодействия

Бэкенд на PHP

Работа с библиотекой Laravel для разработки бэкенда

Инструменты, которые вы освоите

HTML5

Язык для структурирования и представления содержимого интернета. В HTML версии 5 улучшена поддержка мультимедиа-технологий, при этом сохранена обратная совместимость, читаемость кода для человека и простота анализа для парсеров.

CSS3

Язык для описания внешнего вида страниц сайта. Возможности CSS3 — создание анимации без использования JavaScript, поддержка градиентов, теней и многое другое.

JavaScript

Самый популярный язык программирования для разработки веб-приложений. Единственный язык, который по умолчанию поддерживается на любых устройствах и платформах. А благодаря фреймворку Node.js его можно использовать и на сервере.

Canvas

Canvas — элемент HTML5, позволяющий создавать двухмерную растровую графику при помощи JavaScript-скриптов. Обычно используется для рисования графиков и игрового поля в браузерных играх. Но может также использоваться для встраивания видео и создания полноценного медиаплеера.

PHP

Самый популярный язык программирования для разработки веб-приложений и сайтов. PHP специально сконструирован для веб-разработок, а его код может внедряться непосредственно в HTML.

API

API — интерфейс программирования, позволяющий создавать приложения с использованием готового кода. На основе API строятся карты (например, 2GIS), а также всевозможные мобильные и десктопные клиенты для Twitter или ВКонтакте.

XML

XML — язык разметки документов. Позволяет структурировать информацию разного типа, хранить и передавать данные.

GitHub

GitHub — крупнейший веб-сервис для совместной работы разработчиков над кодом и хостинга проектов. GitHub основан на системе контроля версий GIT.

JSX

Расширение синтаксиса стандартного JavaScript. Позволяет писать очень похожий на HTML код прямо в JavaScript-коде, упрощая создание React-компонентов и улучшая читаемость кода. Перед выполнением JSX преобразуется в JavaScript.

React

Простая и удобная JavaScript-библиотека для создания пользовательских интерфейсов. React предоставляет виртуальный DOM API для взаимодействия между кодом и реальным DOM. В основе лежит использование компонентов — частей пользовательского интерфейса, содержащих в себе разметку и функциональность.

Flexbox

С помощью Flexbox можно легко выравнивать элементы по горизонтали и по вертикали, менять направление и порядок отображение элементов, растягивать блоки на всю высоту или прибивать их к нижнему краю.

Вашу квалификацию подтвердят официальные документы

Мы обучаем по государственной лицензии и выдаём документы установленного образца.

После обучения вы можете получить свидетельство Нетологии и диплом о профессиональной переподготовке.

Поможем найти
ту самую работу

Центр развития карьеры
помогает трудоустроиться студентам Нетологии

Научим составлять резюме и проходить интервью

Разберём ваш предыдущий опыт, определим сильные стороны и поможем составить успешное резюме. Научим презентовать себя и проведём тест-драйв интервью.

Поможем наработать практику и оформить портфолио

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

Предложим стажировки и проекты от партнёров

Предоставим доступ к карьерной странице со стажировками и вакансиями от партнёров Нетологии. Будем делиться подборками с новыми интересными вакансиями.

Воркшопы и много практики

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

84%

студентов нашли работу с помощью Центра развития карьеры

4 075

компаний-партнёров в базе Нетологии для отработки практики

Проекты студентов курса

Перейдите по ссылкам и смотрите, что делают наши студенты — и вы так сможете

Адаптивная вёрстка сайта для разных устройств

Наталья Рыжова

Наши студенты достигают своих целей. Вот их истории

Елена Пашкова

На профессию «Веб-разработчик» я пришла с нуля. У меня был проект и желание сделать его своими руками. В программах Нетологии чёткая структура обучения, поэтому я решила довериться профи. Результат себя оправдал на 200%. Я не только реализовала свой проект, но и приобрела профессию по душе.

Одним из плюсов являются домашние задания. Это всегда вызов и всегда задача, которая захватывает логику и воображение. Если что-то непонятно, можно получить ответ от преподавателей, аспирантов и даже одногруппников. Чувствуешь себя в команде, и это очень помогает. Отдельное спасибо координаторам — все вопросы решаемы, причём с индивидуальным подходом.

Теперь, если мне нужно чему-то научиться, то в первую очередь ищу в Нетологии.

Ахмед Камбаев

Студент

Профессия «Веб-разработчик с нуля» подойдёт не только начинающим, но и людям, которые уже знакомы с веб-разработкой. Данный курс раскрывает все возможности таких технологий, как HTML, CSS, JavaScript, PHP, и даст необходимые знания для дальнейшего развития в сфере веб-разработки.

Предложение для компаний

Вы можете обучить сотрудников на этом курсе. Адаптируем программу под ваш бизнес и предоставим отчёты об успеваемости. При обучении сразу нескольких сотрудников — более выгодная стоимость.

Оставьте заявку, и мы вышлем вам индивидуальное предложение.

Вернём деньги, если обучение не подойдёт

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

Подробные условия