Программа курса
6 модулей, 78 уроков, 12 недель — структурированный путь от нуля до уверенного веб-дизайнера
Как устроено обучение
12 недель
Интенсивный курс с чётким дедлайном
Микс форматов
Видеоуроки + лайв-кодинг + разборы
6 проектов
Реальные кейсы для портфолио
Рейтинг и ачивки
Геймификация для мотивации
Модули курса
1
UX-проектирование и исследования
Разберёшь, как думает пользователь. Научишься проводить UX-аудит, строить карты пользовательских путей, создавать wireframes и прототипы. Поймёшь, чем хороший интерфейс отличается от красивой картинки.
User Research
CJM
Wireframes
Прототипы
A/B тесты
2
Figma: от нуля до продвинутого
Полное погружение в главный инструмент дизайнера. Auto Layout, компоненты с вариантами, Variables, интерактивные прототипы, командная работа. Создашь свою первую дизайн-систему и научишься передавать макеты разработчикам.
Auto Layout
Variables
Компоненты
Dev Mode
Дизайн-система
3
HTML/CSS: вёрстка с нуля
Научишься переводить макет в код. Семантика HTML5, CSS Grid, Flexbox, кастомные свойства, анимации через transitions и keyframes. Много практики: каждый урок — это реальный блок реального сайта.
Семантика
CSS Grid
Flexbox
Анимации
Custom Properties
4
Адаптив и кроссбраузерность
Твои сайты будут работать на любом устройстве. Подход Mobile First, медиазапросы, контейнерные запросы, адаптивные изображения. Разберёшь реальные проблемы совместимости и научишься их решать.
Mobile First
Container Queries
Picture/srcset
DevTools
5
JavaScript для дизайнера
Добавишь интерактив на свои сайты. DOM-манипуляции, обработка событий, fetch для работы с API, анимации через GSAP. Сделаешь бургер-меню, аккордеон, слайдер, модалку и форму с валидацией своими руками.
DOM API
Events
Fetch API
GSAP
Формы
6
Карьера и дипломный проект
Финальный рывок: создашь дипломный проект — полноценный сайт от дизайна до кода. Оформишь портфолио на Behance и Dribbble, подготовишь LinkedIn, пройдёшь mock-собеседование и получишь карьерную стратегию.
Дипломный проект
Behance
Dribbble
LinkedIn
Mock-интервью