Профессия

Fullstack-дизайнер

Научитесь верстать веб-страницы с нуля с помощью HTML5/CSS3
Освоите правила веб-дизайна и проектирования интерфейсов
Когда
28 октября — 15 июня
Формат обучения
онлайн
Уровень
начинающий
Диплом

документ установленного образца 

Запишитесь на курс и получите консультацию по программе обучения
77 900 ₽93 500 ₽
полная стоимость курса
от 7 792 ₽ / месяц
оплата частями
9 месяцев
обучения в формате видеолекций и вебинаров

3 проекта

по вёрстке и дизайну
во время обучения
3 модуля
HTML и CSS, адаптивная верстка и дизайн интерфейсов
Домашние задания
проверяют преподаватели и эксперты
Карьера
поможем составить резюме и подготовим к собеседованию

Чем занимается fullstack-дизайнер

Fullstack‑дизайнер — «универсальный игрок» с компетенциями UX-дизайнера, UI-дизайнера, верстальщика, способный создать полнофункциональный digital-продукт «под ключ» или выстроить работу команды над проектом.
~120 000 ₽
средняя зарплата фулстек-дизайнера (по данным hh.ru)

Чему вы научитесь на курсе

Создавать удобные интерфейсы
Вы сможете проектировать пользовательский опыт, освоите основные инструменты и техники UX-дизайна
Делать качественные макеты
Прокачаете все основы дизайна: композицию, отступы, сетки, работу с цветом, типографику
Верстать сайты
По итогу сможете уверенно разбираться в коде сайтов и верстать HTML-шаблоны для веб-интерфейсов

Программа курса

HTML и CSS-вёрстка
Научимся верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг.
Научимся верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг.
Теги для вёрстки контента страницы
Теги для вёрстки структуры страницы
Теги для вёрстки форм
Селекторы CSS
Определение контекста элементов
Блочная модель
Позиционирование элементов
Оформление текста
Оформление декоративных элементов
Состояние интерактивных элементов
8 часов теории48 часов практики
Навыки, которые вы получите
Кроссбраузерная вёрстка под десктопные устройства
Тестирование вёрстки
Вёрстка по стандартам W3C
Работа с DevTools
Работа с Adobe Photoshop
Семантическая разметка страницы и вёрстка текста
Вёрстка элементов, доступных для Screen Readers
Вёрстка элементов, доступных для управления с клавиатуры
Оформление кода
Вёрстка адаптивного макета
Современный веб-сервис все чаще используется на мобильных устройствах, поэтому интерфейс должен быть не просто удобным — он должен быть удобным на любом устройстве. В этом модуле мы учимся адаптировать макеты под разные устройства и платформы.
Современный веб-сервис все чаще используется на мобильных устройствах, поэтому интерфейс должен быть не просто удобным — он должен быть удобным на любом устройстве. В этом модуле мы учимся адаптировать макеты под разные устройства и платформы.
Вёрстка резинового макета
Резиновые изображения
Введение в медиа-запросы
Медиа-функции
Особенности вёрстки для мобильных устройств
Адаптивная типографика
Breakpoints
Адаптивные изображения
11 часов теории48 часов практики
Навыки, которые вы получите
Адаптивная отзывчивая вёрстка
Вёрстка под мобильные устройства
Работа с Flexbox
Умение выбирать breakpoints

Веб-дизайн

Изучим методы, позволяющие определить, каким должен быть интерфейс, и техники поиска идей для его разработки. На практике закрепим приемы и принципы веб-дизайна, которые необходимы для создания современного сайта. Рассмотрим свойства формы и приемы работы над композицией. Научимся работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоим принципы, необходимые для создания визуальной иерархии в интерфейсе.

Изучим методы, позволяющие определить, каким должен быть интерфейс, и техники поиска идей для его разработки. На практике закрепим приемы и принципы веб-дизайна, которые необходимы для создания современного сайта. Рассмотрим свойства формы и приемы работы над композицией. Научимся работать с цветом, подбирать шрифты, структурировать текст и использовать микротипографику. Освоим принципы, необходимые для создания визуальной иерархии в интерфейсе.

Знакомство с веб-дизайном

Модульные сетки

Скетчинг и прототипирование

Пользовательское взаимодействие

Адаптивный дизайн

Композиция

Веб-типографика

Теория цвета

Веб-анимация

Системы ведения проектов

Составление технического задания

Вдохновение, творчество, импровизация

Вебинары

24 часа теории  16 часов практики

Навыки, которые вы получите

Разработка дизайн‑макета сайта

Оценка логики интерфейсов 

Работа с инструментами прототипирования

Построение композиции и использование модульных сеток

Создание визуальной иерархии

Работа с типографикой и цветом

Разработка адаптивных макетов

Создание веб-анимации

Проектирование интерфейсов

Изучим принципы построения пользовательских интерфейсов и рассмотрим их основные элементы. Углубимся в методологии командной работы и формирование командного взаимодействия. Освоим инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства.

Изучим принципы построения пользовательских интерфейсов и рассмотрим их основные элементы. Углубимся в методологии командной работы и формирование командного взаимодействия. Освоим инструменты для сбора и обработки данных о пользователях продукта, основы стратегии в концепции бережливого производства.

Введение в предметную область

Азбука пользовательского интерфейса

Методологии командной работы (Kanban, Scrum)

Качественные исследования аудитории

Воркшоп: персоны

Lean UX Strategy

Воркшоп: UX Strategy

Customer Journey Mapping (CJM)

Информационная архитектура

Воркшоп: UX Design

Инструменты прототипирования

Воркшоп: UI Design

Вебинары 

24 часа теории 16 часов практики

Навыки, которые вы получите

Оценка юзабилити интерфейса

Выбор сценариев

Анализ сайта с точки зрения психофизиологии

Составление продуктовой гипотезы: персоны и пользовательского сценария

Постановка бизнес-целей и определение KPI

Внедрение стратегии Lean UX

Работа с метриками

Создание карты пользовательского опыта

Создание информационной архитектуры

Построение Customer Journey Map

Составление Wire Flow

Создание интерактивного прототипа

Выстраивание поэтапной работы над интерфейсом

Дипломная работа
В рамках дипломного проекта вы сможете самостоятельно спроектировать, разработать дизайн и сверстать интерфейс веб-сервиса на основе знаний и навыков, полученных на курсе.
В рамках дипломного проекта вы сможете самостоятельно спроектировать, разработать дизайн и сверстать интерфейс веб-сервиса на основе знаний и навыков, полученных на курсе.
30 часов практики
Запишитесь на курс и получите консультацию по программе обучения
77 900 ₽93 500 ₽
полная стоимость курса
от 7 792 ₽ / месяц
оплата частями

Кому идеально подойдёт этот курс

Веб-дизайнеры
Программисты
UX-дизайнеры
1
Веб-дизайнеры
Вы освоите HTML/CSS и научитесь самостоятельно верстать дизайн-макеты, выполняя проекты «под ключ».
2
Программисты
Вы прокачаетесь в разработке дизайна и сможете создавать собственные макеты для веб-сервисов.
3
UX-дизайнеры
Вы прокачаетесь в проектировании и веб-дизайне, а также освоите вёрстку и сможете полностью контролировать процесс создания веб-сервисов.

Учитесь у лучших экспертов

Консультант курса
Владимир Синицын
Руководитель направления «Дизайн» в Нетологии
Невозможно знать всё, но специалист, который может самостоятельно спроектировать и сверстать интерфейс, — это ключевой игрок в команде любого digital-проекта. Такие специалисты всегда будут востребованы на рынке.
Невозможно знать всё, но специалист, который может самостоятельно спроектировать и сверстать интерфейс, — это ключевой игрок в команде любого digital-проекта. Такие специалисты всегда будут востребованы на рынке.
Григорий Коченов
Креативный директор в AGIMA
Олег Зильберг
Исполнительный директор и совладелец Red Keds
Максим Павлов
Креативный директор, партнер Notamedia
Татьяна Тен
Frontend-разработчик в webcoalition.ru. 7 лет в разработке. Из последних работ: fantasyclinic.ru, belgraviadent.ru
Евгений Одновал
Ведущий бизнес UX-аналитик, Центр финансовых технологий
Елизавета Кураева
Руководитель отдела дизайна в AFFINAGE
Татьяна Попова
UX-researcher в «Альфа-Лаборатории»
Денис Ежков
Frontend-разработчик в “Ростелеком ИнфоТех”. Опыт 6 лет. Проекты: www.mercury.ru, skgelios.ru, nalog.rt.ru
Роман Шелехов
Руководитель направления развития электронных каналов для бизнеса в Росбанке
Яна Нестерова
CJE/ UX-researcher, Сбербанк
Стас Мельников
Консультант и наставник по верстке, автор курсов в Нетологии. Проекты: CSS анимации и изображения codepen.io/melnik909
Кирилл Кучаев
Старший дизайнер Ак Барс Цифровые Технологии
Ярослав Трегубов
Artdirector в Digital-agency PRO100
Леонид Никулин
Арт-директор в AGIMA
Янина Рапацкая
UI/UX дизайнер в Лаборатории дизайна НИУ ВШЭ, преподаватель в Школе Дизайна НИУ ВШЭ
Анна Желтова
UX-expert в проекте ONETRAK
Григорий Коченов
Креативный директор в AGIMA

Как проходит обучение

  • Занятия
    Обучение в формате видеолекций и вебинаров, которые также будут доступны в записи.
    1
  • Практика
    В рамках блока — несколько практических домашних заданий с проверкой и обратной связью.
    2
  • Сопровождение
    Каждый студент может общаться с экспертами курса, получать помощь координатора и наставников курса.
    3
  • Карьера
    Центр развития карьеры поможет с составлением резюме и подготовит к собеседованию.
    4

Что вы получите в результате обучения

Fullstack-дизайнер
Достигнутые результаты
Разработан пользовательский интерфейс
Свёрстан полноценный макет сайта
Создан адаптивный макет сайта
Реализовано более 70 компонентов интерфейса
Создан digital-продукт
Ключевые навыки
Понимание семантической разметки документа с помощью HTML
Умение задавать стили отображения с помощью CSS
Умение составлять сложные CSS-селекторы
Умение верстать веб-страницы с нуля (блочная, кроссбраузерная верстка)
Умение использовать медиа-выражения
Умение прорабатывать сценарии использования продукта
Умение проектировать прототипы по сценариям
Навык проектирования и дизайна веб-интерфейсов
Владение инструментами дизайна и проектирования
Навык адаптивной вёрстки для мобильных устройств
Умение верстать шаблоны и статические страницы сайтов с использованием HTML5/CSS3
Понимание кроссбраузерной верстки
Инструменты, которые вы будете использовать
Доступ к программам
Мы не предоставляем бесплатный софт для студентов. Для обучения рекомендуем установить бесплатные пробные версии программ или приобрести их на сайтах компаний-разработчиков.
Вашу квалификацию подтвердят документы установленного образца

Развитие карьеры

Каждый выпускник получает помощь
и поддержку Центра развития карьеры
Помощь в подготовке резюме и прохождении собеседования
Консультация с HR-специалистом по поиску работы и развитию вашей карьеры
Возможность прохождения стажировки в проектах Нетологии-групп: Фоксфорд, Нетология, EdMarket
Регулярное информирование об открытых вакансиях в компаниях-партнерах
Бесплатный доступ к подборке видеокурсов по поиску работы и soft skills для всех студентов
Мы трудоустроили своих выпускников в компании
Оплатите сразу или получите консультацию
При оплате частями
7 792 ₽ / мес.
Одним платежом
77 900 ₽
93 500 ₽
До 24 октября скидка 15 600 ₽
У меня есть промокод
Сэкономьте еще 13%
Вы можете вернуть 13% денег через налоговый вычет. Спросите об этом менеджера, когда запишетесь на курс
Нажимая кнопку, принимаю условия политики и пользовательского соглашения
Войти через соцсети и записаться
Как оплатить частями?
Мы предоставляем беспроцентный кредит от Сбербанка, Тинькофф или от Яндекс.Кассы. Вы разделите платеж и ничего не переплатите
Как оплатить от юрлица?
Запишитесь на курс от имени того, кто будет учиться, а затем выберите способ оплаты «По счету от юрлица»
Есть еще вопросы?
Звоните нам — 8 (800) 301-39-69