Образовательная платформа
Весенняя перезагрузка Скидка 50% действует 0 дней 00:00:00
Записаться на курс

Профессия Веб-разработчик

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

О профессии

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

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

Чему вы научитесь

  • Верстать сайты на языках HTML и CSS

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

  • Программировать на языках JavaScript и PHP

    Освоите сразу два востребованных языка программирования. На JavaScript будете создавать интерактивные интерфейсы, а с PHP программировать серверную часть сайтов.

  • Работать с JavaScript-фреймворками

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

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

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

  • Освоите навыки, полезные любому программисту

    Прокачаете свой тайм-менеджмент и личную эффективность. Сможете эффективно работать в команде с другими разработчиками, дизайнерами и тимлидами.

Как проходит обучение
на платформе

  • Регистрация

    Знакомитесь с платформой

    Платформа Skillbox — собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.

  • Теория

    Получаете знания

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

  • Практика

    Выполняете задания

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

  • Обратная связь

    Работаете с куратором

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

Команда поддержки будет рядом

  • Куратор-эксперт будет проверять ваши работы и помогать сделать их лучше. В кураторы мы берём практикующих экспертов с опытом работы от 5 лет. Они проходят методическое обучение — и умеют объяснять сложное.

    Куратор-эксперт

    Подробно разбирает домашние задания, помогает сделать лучше

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

    HR-консультант

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

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

    Служба заботы

    Помогает с вопросами по платформе и прохождению курса

Мы хотим, чтобы всё у вас получилось

Помогаем разобраться и справиться

Оперативно ответим на вопросы по домашнему заданию и пришлём качественный разбор 💙

  • Учебное комьюнити для общения и обмена опытом

    Встречайтесь в чатах курса, делитесь решениями, объединяйтесь в команды с первых дней обучения

  • Помощь по всем техническим вопросам

    Поможем установить лицензионные программы, ответим на вопросы о платформе

  • Доступ навсегда — к курсу и чату в Telegram

    Сможете задавать вопросы в чате и смотреть обновления программы даже после окончания обучения

Отзывы

Отзывы студентов Елена Некит, Молдова, Кишинев Курс «Профессия Веб-разработчик»
Хочу отметить живую подачу материала. Спикеры подробно, а главное, понятно объясняют и делятся личным опытом. Это очень ценно и выгодно отличает обучение в Skillbox от классического университетского. Я пока только в начале пути, но мне нравится, а это уже немало для поддержания мотивации.
Отзывы студентов Евгений Щапов, Екатеринбург Курс «Веб-вёрстка»
Мне нравятся спикеры. Подача и логичность изложения материала. Удобство размещения дополнительных материалов к видео.

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

Содержание курсов

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

  • 9 месяцев обучения
  • 119 практическое задание

  1. Веб-вёрстка. Базовый уровень

    Вы пройдёте основы вёрстки на HTML и CSS, научитесь создавать сайты и сделаете их адаптивными, чтобы они одинаково красиво смотрелись на экране монитора, смартфонах и планшетах.

      1. Базовый HTML
      2. Базовый CSS. 2 модуля
      3. Подготовка к вёрстке
      4. Layout. HTML-разметка
      5. Layout. Flexbox
      6. Layout. Стилизация
      7. Продвинутый HTML. Формы
      8. Продвинутый CSS. 2 модуля
      9. Адаптивность. Десктоп
      10. Адаптивность. Мобильные устройства
      11. Доступность
      12. Кросс-браузерность
      13. Сетки
      14. Анимация
      15. Работа с хостингом
      16. Итоговый проект: сверстаете лендинг по макету от заказчика для арт-галереи Blanchard или платформы для подкастов W-Wawe (на выбор).

  2. JavaScript. Базовый уровень

    Вы изучите основы JavaScript, научитесь работать с DOM и делать свои проекты динамичными. Узнаете, как при помощи JavaScript обмениваться данными с сервером.

      1. Введение
      2. Переменные и работа с числами
      3. Строки, boolean и условные операторы
      4. Массивы и циклы
      5. Функции
      6. Объекты
      7. Введение в DOM. 2 модуля
      8. Константы, области видимости и замыкания
      9. Преобразование типов и нестрогие сравнения
      10. Общение с сервером, async/await
      11. Итоговый проект: разработаете полноценную CRM-систему.

  3. Курс на выбор. Vue

    Вы научитесь разрабатывать приложения на JavaScript-фреймворке Vue.

      1. Основы Vue
      2. Создание проекта
      3. Каталог товаров
      4. Пагинация и фильтрация
      5. Страница товара
      6. Корзина
      7. Работа с API. Список товаров
      8. Работа с API. Оформление заказа
      9. Деплой
      10. Vue 3.0
      11. Итоговый проект: напишете интернет-магазин на фреймворке Vue.js. на выбор это будет либо магазин премиального белья Moire, либо магазин электронной техники Технозавр.

  4. Курс на выбор. React

    Вы изучите популярный фреймворк React. Научитесь использовать Redux для управления данными.

      1. Введение в React
      2. Создание проекта
      3. TypeScript
      4. Компоненты на примере новостной карточки Reddit
      5. Hooks и функциональное программирование
      6. Больше о компонентах и введение в тестирование компонентов
      7. Введение в тестирование компонентов
      8. Работа с публичным API на примере Reddit
      9. API + Контекст
      10. Портал и форма
      11. Введение в Redux на примере поля для ввода комментария
      12. Использование Redux-Thunk на примере загрузки профиля пользователя
      13. Формы на примере комментариев и карточки поста
      14. Бесконечные списки на примере ленты постов
      15. Роутинг
      16. Deploy
      17. Бонус-модуль: Mobx, effector и другие альтернативы redux
      18. Итоговый проект: разработаете трекер задач с таймером по методу Pomodoro.

  5. ✦ Трудоустройство с помощью Центра карьеры Skillbox

  6. PHP-разработчик. Базовый уровень

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

      1. Введение в программирование на PHP
      2. Переменные, числа и boolean
      3. Условные операторы и булева алгебра
      4. Строки и массивы
      5. Циклы
      6. Функции: создание и использование
      7. Рекурсия, callback и анонимные функции
      8. Классы, методы и объекты
      9. Наследование и абстрактные классы
      10. Интерфейсы и полиморфизм
      11. Модификаторы доступа, геттеры и сеттеры
      12. HTML/CSS
      13. Подключение frontend к backend
      14. Разделение приложения на файлы
      15. Работа с файлами и сетью
      16. Обработка ошибок, Exceptions и логи
      17. Обработка GET- и POST-запросов, Header, Cookie и Session
      18. REST и RESTful API
      19. Язык запросов SQL
      20. Работа с базами данных в PHP
      21. Фреймворк Laravel
      22. Итоговый проект: разработаете аналог файлового хранилища Dropbox. Компоненты приложения напишете с нуля на чистом PHP — без использования фреймворков.

  7. 8 дополнительных курсов: PRO-части, Laravel, Карьера, Презентация проектов, Node.js и SQL

    Вспомогательные курсы, которые помогут расширить навыки. Вы можете проходить их параллельно или смотреть материалы по мере необходимости.

      1. Веб-вёрстка. Продвинутый уровень. Вы научитесь оптимизировать свою работу, работать с CSS при помощи препроцессоров и изучите CSS Grid.
      2. JavaScript. Продвинутый уровень. Вы научитесь работать с обектно-ориентированным программированием в JavaScript, подключать сторонние модули, обрабатывать ошибки и тестировать код.
      3. PHP-фреймворк Laravel. Вы научитесь создавать веб-приложения на одном из самых популярных PHP-фреймворков. Сможете работать с базами данных, создавать системы авторизации, формы, тестировать Laravel-приложения.
      4. Карьера разработчика: трудоустройство и развитие. Вы узнаете, как выбрать подходящую вакансию, подготовиться к собеседованию и вести переговоры с работодателем. Сможете быстрее получить должность, которая соответствует вашим ожиданиям и умениям.
      5. Node.js. Вы научитесь создавать веб-серверные приложения и CLI-утилиты. Получите опыт работы с HTTP, REST API, HTML-шаблонами, npm, базами данных PostgreSQL и MongoDB. Сможете самостоятельно развернуть проект на Node.js и напишете сервис личных заметок.
      6. Язык запросов SQL. Вы научитесь писать SQL-запросы, чтобы ваши программы могли «общаться» с базами данных.

  8. 4 бонусных курсов: Figma, Веб-дизайн, Agile, Алгоритмы

    На этих курсах вы получите разносторонние навыки, которые помогут увереннее чувствовать себя в профессии.

      1. Figma с нуля до PRO. Вы познакомитесь с графическим редактором, в котором вам будут присылать макеты для вёрстки. Научитесь извлекать цвета, шрифты, стили и даже попробуете себя в роли веб-дизайнера.
      2. Веб-дизайн с нуля до PRO. Погрузитесь в профессию веб-дизайнера. Узнаете, как работать над проектом от первой встречи с клиентом до готового сайта.
      3. Алгоритмы и структуры данных для разработчиков. Вы научитесь оценивать сложность алгоритмов, писать более эффективный и производительный код. Поймёте, как решать реальные задачи с помощью алгоритмов.
      4. Agile: Scrum и Kanban в работе над продуктов. Вы научитесь работать в команде разработчиков по основным методологиям ведения цифровых продуктов.

Уже прошли какие-либо курсы Skillbox?

Скажите об этом менеджеру — платить за них не придётся.

Работы участников курса

Спикеры

  • Фотография Сергей Корниенко Сергей Корниенко

    Frontend teamlead в Prequel Inc. Больше 20 лет в разработке

  • Фотография Максим Васянович Максим Васянович

    Верстальщик в «Ленте», ментор блока «Веб-вёрстка». Программирует больше 6 лет

  • Фотография Михаил Молеску Михаил Молеску

    PHP-разработчик, руководитель филиала ITRex Group

  • Фотография Евгений Миротин Евгений Миротин

    ​​​​​Software Development Engineer в Play North. 16 лет опыта в IT

  • Фотография Дмитрий Игнатьев Дмитрий Игнатьев

    Руководил продуктовой командой в «Работа.ру‎». Опыт в разработке — 15 лет

  • Фотография Даниил Пилипенко Даниил Пилипенко

    Java-программист с опытом работы 18 лет, директор центра по подбору персонала SymbioWay

Подтверждение ваших навыков

В конце обучения получите сертификат установленного образца. Мы обучаем по государственной лицензии №Л035−1 298−77/179 609.

Посмотреть сертификат

Год английского языка!

Пройдите 3 модуля из первого курса и получите доступ к урокам английского языка по промокодам от Skillbox на год.

Предложение действует для пользователей Skillbox, которые купили любую профессию с 1 марта 2023 года.

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
Изображение KESPA
  • Старт курса: 5 мая
  • Осталось: 5 мест

Стоимость курсов

Скидка действует 0 дня 00:00:00

  • 180 $/мес
  • -50%
90 $/мес
  • В рассрочку на 24 месяца

Выберите вариант оплаты

Заполните контактные данные

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

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

Спасибо!

Ваша заявка успешно отправлена

Часто задаваемые вопросы

  • У меня нет опыта в веб-разработке. Подходит ли мне этот курс?
    Да, курс подходит абсолютным новичкам без опыта в программировании. Но чтобы достичь результата, нужно постараться — выполнять практические задания, читать дополнительную литературу и разрабатывать итоговые проекты. В остальном помогут практикующие эксперты, которые будут сопровождать вас на протяжении всего курса.
  • Сколько часов в неделю мне нужно будет уделять обучению на платформе?
    В среднем пользователи платформы занимаются около 2 часов в день и завершают курс за 9 месяцев. Но у нас нет жёстких дедлайнов — учитесь на платформе в комфортном для вас темпе.
  • Вижу много незнакомых терминов: CSS, PHP, фреймворк? Что всё это значит?
    • HTML — самый распространенный язык верстки в интернете. Вы можете представить HTML как набор команд, который задает структуру и логику работы сайта.
    • CSS — язык, описывающий стиль сайта. Если HTML отвечает за содержание, то на CSS расписывают внешний вид сайта.
    • CSS Grid — инструмент в CSS: специальная линейка, которая помогает располагать элементы сайта симметрично и аккуратно.
    • JavaScript — главный язык программирования в веб-разработке. На JS программируют функции сайта, добавляют интерактивность и описывают сценарии взаимодействия с пользователем. А еще он прекрасно «дружит» с HTML и CSS.
    • PHP — язык программирования, который использую, в первую очередь, для написания серверной части сайта: всего, что «лежит под капотом», вдали от глаз пользователя. Например, на PHP можно создать систему авторизации, хранилище пользовательских файлов и так далее.
    • Фреймворк — инструмент, привязанный к конкретному языку, который помогает быстрее выполнять рутинные задачи. Например, фреймворк Vue работает с JavaScript и помогает создавать пользовательские интерфейсы, автоматизируя многие процессы.
    • API — программный компонент, который описывает, как одна программа или сервис взаимодействует с другими. Например, многие сайты позволяют размещать у себя видео с YouTube. Код, который описывает, как работает такое включение — и есть API.
    • UI — пользовательский интерфейс. Это та часть программы, которую пользователи видят глазам. Все окошки, кнопки, картинки, интерактивные элементы — часть UI.
    • Figma — сервис, в котором дизайнеры проектируют интерфейсы сайтов и мобильных приложений.
    • Фронтенд — та часть сайта или приложения, с которой пользователь взаимодействует напрямую. Прежде всего: интерфейс и внешний вид.
    • Бэкенд — та часть сайта или приложения, которую пользователь не видит. Например, взаимодействие с серверами, синхронизация данных между системами, хранение пользовательских данных и так далее.

  • Чтобы разрабатывать сайты нужен мощный компьютер?
    Веб-разработка не требует много вычислительных ресурсов, поэтому для работы подойдёт средний ноутбук или компьютер. Вот минимальные характеристики к начинке:
    • Операционная система: Windows 8.0 или выше, macOS 10.12 (macOS Sierra) или выше.
    • Процессор: 4-ядерный с частотой 2,5 Ггц и выше.
    • Оперативная память: от 4 ГБ.
    • Видеокарта: Intel HD Graphics 4000, Nvidia 330m или ATI Radeon HD 4850 и выше.
    • Желательно, но необязательно, чтобы память была на SSD.
    • Разрешение экрана: желательно 1920×1080.Доступ к интернету.

  • Нужно ли устанавливать программы для работы на курсе?
    Заранее ничего скачивать не нужно. Во время курса мы поможем вам установить весь необходимый софт для работы и предоставим доступ к платным инструментам.
  • Нужно ли знать английский?
    Совсем необязательно. Названия встроенных функций и выражений в языках программирования вы запомните в процессе, а незнакомые фразы можно перевести с помощью Google Translate. К тому же у вас будет доступ к урокам и материалам онлайн-платформы для изучения английского. Сможете подтянуть грамматику и расширить словарный запас.
  • Какие проекты я смогу создать?
    • Сайты с возможностью купить и оплатить товар или услугу, записаться на мероприятие. Например, интернет-магазины, сайты барбершопов, сервисы заказа еды.
    • Стриминговые сервисы с музыкой, подкастами, фильмами и сериалами.
    • Платформы для обработки данных клиентов компании, документов, счетов — например, большие CRM-системы для банков.

  • Я смогу работать из дома?
    Конечно! Многие компании предлагают удалёнку на постоянной основе. Вам не придётся ездить в офис — главное, быть на связи с командой. А если вы хотите сами выбирать проекты и заказчиков, то вам всегда доступен фриланс.
  • Сколько платят на фрилансе за создание сайтов?
    Зависит от масштабов проекта. Например, за вёрстку лендинга вы можете заработать от 30 000 рублей, а разработка интернет-магазина стоит сотни тысяч. Иногда требуется не создать сайт «под ключ», а поправить что-то в существующем коде — такие заказы стоят недорого, но если их брать по многу, то получится хороший дополнительный источник заработка.
  • Что нужно знать, чтобы начать брать первые заказы или трудоустроиться?
    Карьера веб-разработчика всегда начинается с вёрстки. Чтобы освоить необходимые навыки, вам нужно пройти три курса в рамках профессии: «Веб-вёрстка. Базовый уровень», «JavaScript. Базовый уровень» и освоить одну из технологий на выбор: Vue или React.
  • Как развиваться в профессии дальше?
    В веб-разработке всё быстро меняется: появляются технологии, фреймворки, в JavaScript и CSS завозят новые фичи. Поэтому невозможно один раз выучить что-то и всегда оставаться востребованным. Нужно постоянно развиваться в профессии — общаться с тимлидами в вашей компании, посещать конференции, читать статьи на Хабре по своей теме и другие ресурсы.
  • Кто будет мне помогать в обучении на платформе?
    У вас будут проверяющие эксперты и куратор в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.
  • Действуют ли какие-нибудь программы рассрочки?
    Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
  • Могу ли я получить налоговый вычет за обучение на платформе?
    Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ — 15 600 рублей за год при цене курса 120 000 рублей.

    • Вы можете вернуть средства через работодателя или налоговую.
    • Для этого понадобится договор на обучение на платформе, наша лицензия на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.
    • Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте Федеральной налоговой службы.
    • В течение 30 дней налоговая подтвердит ваше право на вычет.
    • Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.

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