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


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




















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