Онлайн-курс Веб-разработчик с нуля
Практический курс по веб-разработке: от HTML и CSS до практики по Javascript и PHP. Обучение включает создание портфолио, подготовку к собеседованиям и помощь наставника в вашем проекте. Последнее обновление курса — декабрь 2022
Практический курс по веб-разработке: от HTML и CSS до практики по Javascript и PHP. Обучение включает создание портфолио, подготовку к собеседованиям и помощь наставника в вашем проекте. Последнее обновление курса — декабрь 2022
Максимально эффективное
обучение
Курсы разрабатываются после анализа вакансий и обновляются каждые полгода. Ничего лишнего — учим только тому, что пригодится в работе
Учиться новому гораздо проще с личным наставником, который погрузится в ваш проект, поможет развить сильные стороны и не оставит наедине со сложностями
Выполнение проектов приближает студента к условиям реальной работы. Проекты помогают не только усвоить материал, но и погрузиться в профессию
Четкая структура. Курс разделен на модули. Модули на уроки. Каждый урок — это теория, соединенная с личным опытом преподавателя. Без длинных приветствий и воды
О курсе
- Дата: Когда вам удобно
- Место: В любом месте
Курс составлялся на основе вакансий и требований компаний к веб-разработчикам. Всё необходимое добавили, ненужное убрали — вам осталось посмотреть, всё выполнить
и получить профессию. Сложность повышается поэтапно, поэтому вы можете учиться и без начальной подготовки
в этой сфере.
Преподаватели и наставники — действующие веб-разработчики. Курс вы пройдёте вместе с личным наставником, который поможет в обучении и в прохождении собеседований.
Видеоматериалы, созданные с любовью, много практических заданий для отработки знаний и итоговый проект, который пойдет в ваше портфолио.
Курс составлялся на основе вакансий и требований компаний к веб-разработчикам. Всё необходимое добавили, ненужное убрали — вам осталось посмотреть, всё выполнить
и получить профессию. Сложность повышается поэтапно, поэтому вы можете учиться и без начальной подготовки
в этой сфере.
Преподаватели и наставники — действующие веб-разработчики. Курс вы пройдёте вместе с личным наставником, который поможет в обучении и в прохождении собеседований.
Видеоматериалы, созданные с любовью, много практических заданий для отработки знаний и итоговый проект, который пойдет в ваше портфолио.
Только на hh.ru прямо сейчас размещено больше 3000 вакансий. Работодателям нужны специалисты, и они готовы хорошо платить. При этом веб-разработка имеет довольно низкий порог входа
Только на hh.ru прямо сейчас размещено больше 3000 вакансий. Работодателям нужны специалисты, и они готовы хорошо платить. При этом веб-разработка имеет довольно низкий порог входа
Для кого этот курс
Основная задача курса — подготовить вас к профессии. После обучения вы сможете найти работу и уже в рамках компании быстро развивать свои навыки
ЗаписатьсяВеб-программирование остаётся одной из самых востребованных профессий и не собирается сдавать позиции. Это перспективная сфера, в которую ещё есть время попасть, чтобы успешно конкурировать на рынке труда
Как проходит
обучение
Учитесь по графику, который подходит вам
Практикуйтесь на домашних заданиях. Они состоят из трёх уровней сложности
Параллельно работайте над проектами. Они пойдут в ваше портфолио
Отправляйте наставнику практические задания. Он даст развёрнутую обратную связь в течение 24 часов
- Учитесь по графику, который подходит вам
- Практикуйтесь на домашних заданиях. Они состоят из трёх уровней сложности
- Параллельно работайте над проектами. Они пойдут в ваше портфолио
- Отправляйте наставнику практические задания. Он даст развёрнутую обратную связь в течение 24 часов
Актуальные знания
в курсе
Актуальные знания
в курсе
- HTML — язык разметки, на котором строятся сайты. Сообщает браузеру, как нужно отображать загруженный сайт
- CSS — язык стилей. Взаимодействует с браузером, чтобы придать документу оформление
- Github — облачный сервис для работы над кодом в команде
- Сетевые технологии и протоколы — TCP/IP, HTTP, HTTPS, FTP
- JavaScript — самый популярный язык программирования в интернете. Описывает поведение элементов веб-страницы или браузера
- Node.js — среда выполнения кода JavaScript вне браузера. Используется для автоматизации рутинных задач
- Основы React — библиотека для разработки интерфейсов, позволяет делать компоненты интерфейса быстрее
- Основы Typescript — язык программирования, разработанный Microsoft и добавляющий систему типов к гибкости и динамическим возможностям JS
- Основы PHP — один из лидирующих языков современной веб-разработки
- Figma/Adobe Photoshop — графические редакторы для вёрстки сайтов по макетов веб-дизайнеров
в вашем резюме!
По отчёту Github за 2020 год
По отчёту Github за 2020 год
Преподаватели курса


Кирилл Демидов
Перешел в веб-разработку в 2014 году. С 2017 года работал front-end разработчиком в диджитал-агентстве Kelnik, разрабатывая крупные сайты застройщиков жилой недвижимости и интернет магазины. Более года работал в международной компании Wrike. Сейчас независимый разработчик.
Не всегда я был связан с вебом - карьеру начинал в 2007 инженером-технологом в области вентиляции, хотя в школе любимым предметов была информатика. В 2014 году вернулся "к истокам", начав с верстки сайтов - html, css, jQuery. Первым проектом был сайт салона штор для родственников. Был горд - сверстал и сам перенёс на WordPress:) После был тернистый путь на фрилансе и отличный опыт агентской и продуктовой разработок. Приходи на курс - научимся писать код, получим новый навык делать сайты и разберемся, как и где этот навык применять!
Очень понравилась подача материала, его объем, полнота и доступность пройденного материала. Качество подготовки преподавателя к занятиям. Спасибо за все! Все на хорошем уровне! Удовлетворен полностью
Перешел в веб-разработку в 2014 году. С 2017 года работал front-end разработчиком в диджитал-агентстве Kelnik, разрабатывая крупные сайты застройщиков жилой недвижимости и интернет магазины. Более года работал в международной компании Wrike. Сейчас независимый разработчик.
Не всегда я был связан с вебом - карьеру начинал в 2007 инженером-технологом в области вентиляции, хотя в школе любимым предметов была информатика. В 2014 году вернулся "к истокам", начав с верстки сайтов - html, css, jQuery. Первым проектом был сайт салона штор для родственников. Был горд - сверстал и сам перенёс на WordPress:) После был тернистый путь на фрилансе и отличный опыт агентской и продуктовой разработок. Приходи на курс - научимся писать код, получим новый навык делать сайты и разберемся, как и где этот навык применять!
Очень понравилась подача материала, его объем, полнота и доступность пройденного материала. Качество подготовки преподавателя к занятиям. Спасибо за все! Все на хорошем уровне! Удовлетворен полностью


Мария Коршунова
Более 7 лет работы в различных web-студиях.
Ещё в университете начала осваивать азы верстки и разработки сайтов, что в дальнейшем стало моей работой. За все время работы я получила весомый опыт в веб-разработке, которым я буду делиться с вами на нашем курсе. Участвовала более чем в 100 проектах: от лендингов до крупных интернет-магазинов известных брендов
Получила необходимые навыки для старта в веб-разработке. Очень понравился процесс обучения, много практических занятий, Мария профессионал своего дела. На все вопросы получила ответы. Обучение прошло очень быстро и с удовольствием
Более 7 лет работы в различных web-студиях.
Ещё в университете начала осваивать азы верстки и разработки сайтов, что в дальнейшем стало моей работой. За все время работы я получила весомый опыт в веб-разработке, которым я буду делиться с вами на нашем курсе. Участвовала более чем в 100 проектах: от лендингов до крупных интернет-магазинов известных брендов
Получила необходимые навыки для старта в веб-разработке. Очень понравился процесс обучения, много практических занятий, Мария профессионал своего дела. На все вопросы получила ответы. Обучение прошло очень быстро и с удовольствием


Николай Тарасенко
В веб-разработке с 2017 года. Специализация: Frontend разработка сложных веб-приложений, с использованием TypeScript и React
Начинал с разработки простых сайтов в студии, но хотелось создавать нечто большее, для этого изучил основы языка Python и углубил знания в HTML, CSS, JS. Изучая бизнес-процессы в компаниях понял, что нужно быть не просто разработчиком, а Инженером. Это позволило переосмыслить свой опыт разработки и принять решение об узкой специализации во Frontend. В обучении объясняю основные концепции и шаблоны разработки на простых примерах из реального мира
Выражаю благодарность за обучение, занятие были довольны интересными и познавательными. Понравилась подробность и простота подачи информации, без заумной терминологии и сухих фраз. Обучение прошло очень даже хорошо
В веб-разработке с 2017 года. Специализация: Frontend разработка сложных веб-приложений, с использованием TypeScript и React
Начинал с разработки простых сайтов в студии, но хотелось создавать нечто большее, для этого изучил основы языка Python и углубил знания в HTML, CSS, JS. Изучая бизнес-процессы в компаниях понял, что нужно быть не просто разработчиком, а Инженером. Это позволило переосмыслить свой опыт разработки и принять решение об узкой специализации во Frontend. В обучении объясняю основные концепции и шаблоны разработки на простых примерах из реального мира
Выражаю благодарность за обучение, занятие были довольны интересными и познавательными. Понравилась подробность и простота подачи информации, без заумной терминологии и сухих фраз. Обучение прошло очень даже хорошо


Ирина Гатауллина
С 2018 года - веб разработчик и фрилансер на международном рынке. Год работала в европейском агентстве Digital Industries - участвовала в запуске двух SaaS продуктов. Набравшись опыта, решила стать полностью независимой и заняться открытием своего онлайн - агентства по дизайну и веб - разработке.
Свой путь программирования начала еще в университете в контексте научной работы по теоретической химии. Ставила задачи на удаленном кластере и анализировали возможные пути протекания реакций. Поработав год в офисе разработчиком учебных материалов, поняла что такая жизнь - не про меня. В 2018 году решила рвануть из науки в веб - была вдохновлена возможностью стать фрилансером. Ни секунды не жалею о принятом решении
В обучении мой фокус — построение прочного фундамента, ведь с пониманием тонкостей и основ к человеку приходит возможность решать любые задачи.
После обучения остались не только хорошие впечатления, но и понимание основ программирования. Огромное спасибо Ирине за подачу материла - просто, понятно, систематично, и уделённое им внимание к разбору трудно усваиваемых моментов и возникающих в ходе обучения вопросов.
С 2018 года - веб разработчик и фрилансер на международном рынке. Год работала в европейском агентстве Digital Industries - участвовала в запуске двух SaaS продуктов. Набравшись опыта, решила стать полностью независимой и заняться открытием своего онлайн - агентства по дизайну и веб - разработке.
Свой путь программирования начала еще в университете в контексте научной работы по теоретической химии. Ставила задачи на удаленном кластере и анализировали возможные пути протекания реакций. Поработав год в офисе разработчиком учебных материалов, поняла что такая жизнь - не про меня. В 2018 году решила рвануть из науки в веб - была вдохновлена возможностью стать фрилансером. Ни секунды не жалею о принятом решении
В обучении мой фокус — построение прочного фундамента, ведь с пониманием тонкостей и основ к человеку приходит возможность решать любые задачи.
После обучения остались не только хорошие впечатления, но и понимание основ программирования. Огромное спасибо Ирине за подачу материла - просто, понятно, систематично, и уделённое им внимание к разбору трудно усваиваемых моментов и возникающих в ходе обучения вопросов.
Программа курса
- Постановка личных целей на курс
- Типы сайтов, функциональность
- Этапы создания сайта, основные профессии индустрии
- Сетевые технологии и протоколы Интернета: TCP/IP, HTTP, HTTPS, FTP
- Хостинг и домен, система DNS
- Модель «Клиент и сервер»
- Роль браузера и редакторов кода
- Настройка рабочей области
- Системы контроля версий. Git
- Знакомство с HTML: Понятие тега и атрибута
- Кодировка текста HTML
- Теги для формирования текста
- Гиперссылки и адреса файлов
- Якорные ссылки
- Ссылка на вызов и отправку email
- Таблицы в HTML
- Тег img и его атрибуты. Правила размещения картинок. Форматы изображений: какие выбрать
- Основы синтаксиса CSS
- Основные виды селекторов: идентификаторы, классы, псевдоклассы
- Баллы специфичности и приоритеты правил
- Каскад и наследование свойств
- Контекстный и универсальный селектор
- Свойства текста и шрифта в CSS
- Подключение внешних шрифтов
- Цвета HEX и RGB. Добавление однородного фона к элементам. Фоновая картинка для страницы, настройка фона
- Понятие блочных и строчных элементов
- Ключевые свойства блоков
- Как рассчитывается размер блока и box-sizing: border-box
- Что такое блочная модель
- Применение блоков для построения макета
- Строчно-блочные элементы
- Свойство display
- Устаревшие способы построение макета: знать, нельзя использовать
- Семантические теги для вёрстки макета
- Основы Flexbox: контейнеры и элементы
- Выравнивание элементов по основной и поперечной оси
- Смена осей и вертикальное выравнивание элементов
- Проблемы применения flexbox
- Работа с картинками: кадрирование, тримминг
- Сохранение: формат, качество, вес
- Как узнать код цвета
- Инструменты для работы со шрифтом
- Копирование готового CSS
- Измерение расстояний: инструменты, настройки
- Эффекты и их копирование
- Встраивание карт и видео
- Виды позиционирования: статическое, абсолютное, относительное, фиксированное
- Особенности разных видов позиционирования
- z-index и контекст наложения
- Когда и как использовать позиционирование
- Пример выпадающего многоуровневого меню
- Решение типовых задач с позиционированием
- Основные элементы формы: input, select, textarea, button
- Состояние полей и псевдоклассы
- Элементы выбора checkbox, radio, select
- Группировка элементов: fieldset и legend
- Стили для псевдоэлемента placeholder
- Правила написания стилей для форм
- Стилизация кнопок
- Понятие адаптивного и отзывчивого веб-дизайна
- Медиа-запросы
- Параметры области просмотра и тег Meta viewport
- Проблемы кроссбраузерной верстки
- Валидность кода, валидаторы
- Особенности многостраничных сайтов
- Правила вёрстки для seo-продвижения
- Плавные переходы для создания анимационных эффектов
- Анимация с помощью keyframes
- Трансформация элементов
- Добавление базовых элементов анимации на сайт
- Введение JavaScript
- Переменные и типы данных
- Математические операторы и преобразование типов
- Логические операторы
- Ветвления и условные операторы
- Встроенные функции для взаимодействия с пользователем
- Массивы
- Методы для работы с массивами
- Циклы for и while
- Вложенные массивы
- Работа с консолью
- Определение функции. Стрелочная функция и её отличия от обычной. Function Expression и Function Declaration.
- Область видимости. Как она работает. LexicalEnvironment.
- Таймеры и замыкание. Функции setInterval, setTimeout, clearInterval, clearTimeout. Что такое замыкание и как его можно использовать.
- Функции обратного вызова
- Объекты и словари. Как создавать объекты. Ключевое слово this. Получение, изменение и удаление свойств объекта. Ссылки на объекты.
- Прототипное наследование. Как работает наследование свойств и методов. Конструкторы.
- Классы. Определение классов и преимущества использования. Расширение классов. Приватные методы и публичные. Геттеры и сеттеры. Пример создания программы с применением классов и архитектура MVP.
- DOM. Объектная модель страницы и зачем она нужна. Поиск элементов на странице и их получение. Перебор элементов и основные свойства.
- События
- JavaScript-анимации. Изменение CSS свойств элементов. Кривая Безье. Примеры анимаций.
- Рендеринг в браузере. Оптимизированные свойства. Функция requestAnimationFrame.
- Библиотеки с анимациями
- Слайдер
- Аккордион
- Тултип
- Введение в Node.js. Возможности Node.js. Кратко о модулях и их предназначениях: fs, child_process, https.
- NPM. Основные команды пакетного менеджера npm. Инициализация проекта и установка первых пакетов. Структура package.json.
- Основы Webpack. Зачем нужны сборщики и какие этапы можно автоматизировать. Первый конфиг Webpack и автоматизация сборки: минификация кода, конкатенация модулей и использование препроцессора SCSS.
- Препроцессор SCSS. Преимущества препроцессоров. Краткий обзор различий между некоторыми: SCSS, SASS, Less, post-css. Основные конструкции: переменные, миксины, функции.
- Promise API
- Обращение к серверу и класс XMLHttpRequest
- Метод fetch
- Библиотека Axios
- Компоненты и JSX
- Состояние компонентов
- Хуки
- Стилизация компонентов
- React-Router
- Статическая типизация
- Интерфейсы и типы
- Перечисляемые типы Enum
Кратко о том, как развиваться разработчику дальше и что изучать.
- Назначение серверных технологий
- Локальный веб-сервер и домен
- Создание динамических веб-страниц
- Понятие CMS-систем
- Размещение сайта на хостинге
- Протокол FTP для загрузки файлов
- Подведение итогов и завершение проекта
По данным hh.ru
Мы обучили
16 287 специалистов
О Бруноям
Бруноям — это практический подход к образованию. Мы делаем курсы для тех, кто хочет получить новую профессию, сменить сферу деятельности или решить свою бизнес-задачу. На собеседовании стали спрашивать не наличие диплома, а навыки, которыми человек обладает. Мы в Бруноям как раз и даём те самые навыки и умения, которые позволяют попробовать себя в новой профессии или совершенствоваться. Мы делаем образование для тех, кто хочет и готов пробовать новое, меняться, искать себя и свою работу мечты




















Быстрое обучение
без потери качества
Менеджеры помогут выбрать курс, который вам действительно нужен
В курсе будет много практики и заданий
с разным уровнем сложности
Обратная связь от преподавателя и наставника поможет выполнить задачу на 100%
Несколько месяцев от начала обучения до решения вашей задачи
Вопросы и ответы
Вам сразу на почту придёт чек о совершённой транзакции. А потом вы получите письмо со ссылкой для регистрации на курс.
По окончании курса вы получаете электронный сертификат.
Ученики часто используют его при устройстве на работу, но стоит помнить, что самое ценное - это навык, который вы освоите на курсе.
После окончания курса действуют накопительные скидки: 10% на второй, 15% на третий и 25% на четвертый курс. Срок действия скидок не ограничен.
На курсе будет информация по подготовке к работе: как пройти собеседование, где искать работу и заказы, как составить резюме и выгодно отличаться от соискателей, как оформить портфолио, с какими заказчиками имеет смысл работать, с чем придётся столкнуться в начале работы.
Ученики уже на курсе размещают информацию о себе и контактируют с заказчиками, а преподаватели и кураторы дают рекомендации, исходя уже из их конкретной ситуаций. А еще у нас есть центр карьеры, где можно посмотреть все действующие стажировки для студентов.
При такой поддержке у вас есть все шансы получить работу в короткие сроки.
Если у вас есть конкретные задачи и проект, вы можете работать над ними на курсе под присмотром преподавателя.
Отсутствие своего проекта - не проблема. На курсе вы получаете профессию, выполняя задания, которые мы подготовили.
Если вам необходимо дополнительное, официальное подтверждение вашего обучения, мы можем выдать удостоверение о повышении квалификации. Право на выдачу имеют государственные и частные учреждения, имеющие подтверждение качества обучающих программ на соответствие нормам ГОСТа.
Вы можете оформить беспроцентную рассрочку на 3, 6, или 12 месяцев.
Мы оставляем на сайте только востребованные курсы. Если что-то устаревает или утрачивает свою актуальность - мы их убираем.
Все программы курсов планово обновляются каждые полгода, либо по мере выхода серьёзных изменений.