Профессия Веб-разработчик
Веб-разработчик создаёт сайты, сервисы и приложения, которыми мы ежедневно пользуемся. Он разрабатывает интернет-магазины, онлайн-банки, поисковики, карты и почтовые клиенты. Веб-разработчик проектирует внешний вид сайта — фронтенд и программирует сервисную часть — бэкенд.
- ★ 4,5 из 5 на основе 55 143 оценок курса
- 8 проектов в портфолио на GitHub
- Курс подходит новичкам без опыта
О профессии
Спрос на веб-разработчиков остаётся высоким — прибыль бизнеса напрямую зависит от того, насколько удобно клиентам пользоваться сайтом компании.
Специалистов на рынке не хватает, поэтому компании предлагают высокие зарплаты и удаленную работу.
Чему вы научитесь
- Верстать сайты на языках HTML и CSS
Освоите самые популярные языки верстки и сможете создавать сайты, которые будут хорошо выглядеть на любом экране.
- Программировать на языках JavaScript и PHP
Освоите сразу два востребованных языка программирования. На JavaScript будете создавать интерактивные интерфейсы, а с PHP программировать серверную часть сайтов.
- Работать с JavaScript-фреймворками
С помощью которых будете легко собирать веб-приложения из отдельных компонентов, как из деталей конструктора.
- Создавать серверную часть сайта или приложения
С помощью фреймворков Node. js и Laravel, познакомитесь с микросервисной архитектурой и научитесь создавать устойчивые к высоким нагрузкам приложения.
- Освоите навыки, полезные любому программисту
Прокачаете свой тайм-менеджмент и личную эффективность. Сможете эффективно работать в команде с другими разработчиками, дизайнерами и тимлидами.
Как проходит обучение
на платформе
О Skillbox
Содержание курсов
Вас ждёт практика на основе реальных кейсов. Обучение на платформе можно приравнять к году работы.
- 9 месяцев обучения
- 119 практическое задание
-
Веб-вёрстка. Базовый уровень
Вы пройдёте основы вёрстки на HTML и CSS, научитесь создавать сайты и сделаете их адаптивными, чтобы они одинаково красиво смотрелись на экране монитора, смартфонах и планшетах.
-
- Базовый HTML
- Базовый CSS. 2 модуля
- Подготовка к вёрстке
- Layout. HTML-разметка
- Layout. Flexbox
- Layout. Стилизация
- Продвинутый HTML. Формы
- Продвинутый CSS. 2 модуля
- Адаптивность. Десктоп
- Адаптивность. Мобильные устройства
- Доступность
- Кросс-браузерность
- Сетки
- Анимация
- Работа с хостингом
- Итоговый проект: сверстаете лендинг по макету от заказчика для арт-галереи Blanchard или платформы для подкастов W-Wawe (на выбор).
-
-
JavaScript. Базовый уровень
Вы изучите основы JavaScript, научитесь работать с DOM и делать свои проекты динамичными. Узнаете, как при помощи JavaScript обмениваться данными с сервером.
-
- Введение
- Переменные и работа с числами
- Строки, boolean и условные операторы
- Массивы и циклы
- Функции
- Объекты
- Введение в DOM. 2 модуля
- Константы, области видимости и замыкания
- Преобразование типов и нестрогие сравнения
- Общение с сервером, async/await
- Итоговый проект: разработаете полноценную CRM-систему.
-
-
Курс на выбор. Vue
Вы научитесь разрабатывать приложения на JavaScript-фреймворке Vue.
-
- Основы Vue
- Создание проекта
- Каталог товаров
- Пагинация и фильтрация
- Страница товара
- Корзина
- Работа с API. Список товаров
- Работа с API. Оформление заказа
- Деплой
- Vue 3.0
- Итоговый проект: напишете интернет-магазин на фреймворке Vue.js. на выбор это будет либо магазин премиального белья Moire, либо магазин электронной техники Технозавр.
-
-
Курс на выбор. React
Вы изучите популярный фреймворк React. Научитесь использовать Redux для управления данными.
-
- Введение в React
- Создание проекта
- TypeScript
- Компоненты на примере новостной карточки Reddit
- Hooks и функциональное программирование
- Больше о компонентах и введение в тестирование компонентов
- Введение в тестирование компонентов
- Работа с публичным API на примере Reddit
- API + Контекст
- Портал и форма
- Введение в Redux на примере поля для ввода комментария
- Использование Redux-Thunk на примере загрузки профиля пользователя
- Формы на примере комментариев и карточки поста
- Бесконечные списки на примере ленты постов
- Роутинг
- Deploy
- Бонус-модуль: Mobx, effector и другие альтернативы redux
- Итоговый проект: разработаете трекер задач с таймером по методу Pomodoro.
-
-
PHP-разработчик. Базовый уровень
Вы научитесь писать работающий, чистый код на PHP, сможете работать с функциями, классами, базами данных. Научитесь создавать простые приложения на фреймворке Laravel.
-
- Введение в программирование на PHP
- Переменные, числа и boolean
- Условные операторы и булева алгебра
- Строки и массивы
- Циклы
- Функции: создание и использование
- Рекурсия, callback и анонимные функции
- Классы, методы и объекты
- Наследование и абстрактные классы
- Интерфейсы и полиморфизм
- Модификаторы доступа, геттеры и сеттеры
- HTML/CSS
- Подключение frontend к backend
- Разделение приложения на файлы
- Работа с файлами и сетью
- Обработка ошибок, Exceptions и логи
- Обработка GET- и POST-запросов, Header, Cookie и Session
- REST и RESTful API
- Язык запросов SQL
- Работа с базами данных в PHP
- Фреймворк Laravel
- Итоговый проект: разработаете аналог файлового хранилища Dropbox. Компоненты приложения напишете с нуля на чистом PHP — без использования фреймворков.
-
-
7 дополнительных курсов: PRO-части, Laravel, TypeScript и инструменты разработчика, Карьера, Презентация проектов, Node.js и SQL
Вспомогательные курсы, которые помогут расширить навыки. Вы можете проходить их параллельно или смотреть материалы по мере необходимости.
-
5 бонусных курсов: Figma, Веб-дизайн, Git, Agile, Алгоритмы
На этих курсах вы получите разносторонние навыки, которые помогут увереннее чувствовать себя в профессии.
-
- Figma с нуля до PRO. Вы познакомитесь с графическим редактором, в котором вам будут присылать макеты для вёрстки. Научитесь извлекать цвета, шрифты, стили и даже попробуете себя в роли веб-дизайнера.
- Веб-дизайн с нуля до PRO. Погрузитесь в профессию веб-дизайнера. Узнаете, как работать над проектом от первой встречи с клиентом до готового сайта.
- Система контроля версий Git. Вы научитесь вести контроль версий ваших проектов в Git. Этот навык поможет вам совместно работать в команде.
- Алгоритмы и структуры данных для разработчиков. Вы научитесь оценивать сложность алгоритмов, писать более эффективный и производительный код. Поймёте, как решать реальные задачи с помощью алгоритмов.
- Agile: Scrum и Kanban в работе над продуктов. Вы научитесь работать в команде разработчиков по основным методологиям ведения цифровых продуктов.
-
Уже прошли какие-либо курсы Skillbox?
Скажите об этом менеджеру — платить за них не придётся.
Работы участников курса
-
3 работы
-
3 работы
-
3 работы
-
3 работы
-
3 работы
-
2 работы
-
3 работы
-
1 работа
-
4 работы
-
4 работы
-
1 работа
-
1 работа
Спикеры
- Сергей Корниенко
Frontend teamlead в Prequel Inc. Больше 20 лет в разработке
- Максим Васянович
Верстальщик в «Ленте», ментор блока «Веб-вёрстка». Программирует больше 6 лет
- Алексей Авдеев
CTO в дизайн-лаборатории Mish. 10 лет в веб-разработке
- Андрей Греков
Google Developer Expert. В IT больше 12 лет
- Михаил Молеску
PHP-разработчик, руководитель филиала ITRex Group
- Павел Бондарович
Технический директор Creonit. Больше 13 лет в разработке
- Максим Савченко
Старший frontend-разработчик в Motivity. 12 лет в разработке
- Евгений Миротин
Software Development Engineer в Play North. 16 лет опыта в IT
- Дмитрий Игнатьев
Руководил продуктовой командой в «Работа.ру». Опыт в разработке — 15 лет
- Даниил Пилипенко
Java-программист с опытом работы 18 лет, директор центра по подбору персонала SymbioWay
Год английского языка!
Пройдите 3 модуля из первого курса и получите доступ к урокам английского языка по промокодам от Skillbox на год.
Предложение действует для пользователей Skillbox, которые купили любую профессию с 1 марта 2023 года.
Вас ждут:
- методика ускоренного запоминания слов и грамматики;
Вам может понравиться
Где работают участники курсов Skillbox
Часто задаваемые вопросы
-
У меня нет опыта в веб-разработке. Подходит ли мне этот курс?
Да, курс подходит абсолютным новичкам без опыта в программировании. Но чтобы достичь результата, нужно постараться — выполнять практические задания, читать дополнительную литературу и разрабатывать итоговые проекты. В остальном помогут практикующие эксперты, которые будут сопровождать вас на протяжении всего курса. -
Вижу много незнакомых терминов: 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 и CSS завозят новые фичи. Поэтому невозможно один раз выучить что-то и всегда оставаться востребованным. Нужно постоянно развиваться в профессии — общаться с тимлидами в вашей компании, посещать конференции, читать статьи на Хабре по своей теме и другие ресурсы. -
Кто будет мне помогать в обучении на платформе?
У вас будут проверяющие эксперты и куратор в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки. -
Действуют ли какие-нибудь программы рассрочки?
Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
Спасибо за заявку!
Наш менеджер свяжется с вами
в ближайшее время
Оплатить без консультации и получить скидку 10731 ₽ или оформите рассрочку
- Санкт-Петербург
- Алматы
- Минск
- Москва
- Санкт-Петербург
- Алматы
- Волгоград
- Воронеж
- Екатеринбург
- Казань
- Красноярск
- Нижний Новгород
- Новосибирск
- Омск
- Пермь
- Ростов-на-Дону
- Уфа
- Челябинск
- Вологда
- Гомель
- Ижевск
- Иркутск
- Калининград
- Кемерово
- Киров
- Краснодар
- Курск
- Липецк
- Махачкала
- Оренбург
- Пенза
- Ростов
- Рязань
- Саратов
- Сочи
- Ставрополь
- Сургут
- Тверь
- Тольятти
- Томск
- Тула
- Тюмень
- Ульяновск
- Хабаровск
- Чебоксары
Отзывы
61 отзыв