Описание
Количество уроков: 34 Видео
Язык: Русский
Вес архива: 2,40 ГБ
«Продвинутый курс по вёрстке» — это практический, насыщенный материалом курс для тех, кто хочет выйти за рамки базовой HTML/CSS-вёрстки и уверенно использовать SCSS, Webpack и JavaScript для создания адаптивных, быстрых и современных интерфейсов.
Что вы изучите на курсе
Программа курса выстроена так, чтобы последовательно углублять ваши навыки и переводить вас от уверенной вёрстки к профессиональной работе с инструментами фронтенда.
Современные технологии и инструменты
• HTML5 — семантика, структура, лучшие практики.
• SCSS — переменные, миксины, вложенность, архитектура стилей.
• Webpack — сборка проекта, бандлинг, работа с модулями, оптимизация.
• JavaScript — добавление интерактивности на уровне интерфейса.
Глубокое понимание вёрстки
• Методологии организации CSS: BEM, ITCSS.
• Вёрстка адаптивных интерфейсов под любые устройства.
• Работа с сетками, flex и grid.
• Анимации на CSS и их оптимизация.
Практические навыки
Каждый модуль курса содержит практические задания, направленные на формирование навыков разработки реальных проектов.
Создание полноценного проекта
• Разработка многостраничного сайта с современной архитектурой.
• Настройка сборки Webpack с нуля.
• Оптимизация изображений, шрифтов, стилей и скриптов.
• Подготовка проекта к продакшену.
Git и GitHub
• Работа с ветками.
• Создание pull-request’ов.
• Публикация проекта на GitHub Pages.
Для кого подходит курс
Курс создан для начинающих и продолжающих верстальщиков, которые уже знакомы с основами HTML и CSS, но хотят:
• освоить современные инструменты разработки,
• научиться профессионально организовывать код,
• грамотно работать со сборкой и оптимизацией,
• создавать быстрые, стабильные и эстетичные интерфейсы.
Почему этот курс эффективен
Максимум практики
Теория даётся кратко и по делу, основной акцент — на выполнение задач и проектов, которые формируют реальные навыки.
Современный стек
Вы будете работать с актуальными инструментами, которые используют профессионалы в продакшене.
Пошаговые объяснения
Каждый шаг проектной работы подробно разбирается, чтобы вы не просто повторяли, а понимали принципы.
Марина В. –
До курса вёрстка для меня заканчивалась на обычном CSS, а тут разобралась со SCSS — переменные, миксины, вложенность, и главное, как всё это организовывать по BEM. Сборку Webpack Анна объясняет по шагам, с нуля, без магии, так что к концу я собрала многостраничный проект и выложила на GitHub Pages. Понравилось, что много практики и разбор оптимизации стилей и шрифтов под продакшен. Для тех, кто уже знает HTML и CSS, но хочет двигаться дальше, — самое то.