Профессия

Fullstack-дизайнер

Научитесь верстать веб-страницы с нуля с помощью HTML5/CSS3
Освоите правила веб-дизайна и проектирования интерфейсов
Когда
2 сентября — 20 апреля
Формат обучения
онлайн
Уровень
начинающий
Диплом
о профессиональной переподготовке
35%
с 09.08 по 31.08
Креативное лето в Нетологии.
Скидка уже включена в стоимость. Оплатите до 31 августа включительно, иначе скидка сгорит!
Условия акции
Запишитесь на курс и получите консультацию по программе обучения
60 775 ₽93 500 ₽
полная стоимость курса
от 7 792 ₽ / месяц
оплата частями
9 месяцев
обучения в формате видеолекций и вебинаров
4 проекта
по вёрстке и дизайну
во время обучения
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

Визуальный дизайн интерфейсов
Изучим теоретические основы дизайна, рассмотрим принципы проектирования пользовательского опыта. На практике закрепим приёмы и принципы веб-дизайна, которые необходимы для создания современного сайта. Научимся работать с программой Figma, анимировать интерфейсы в After Effects и применять Cinema4D в веб-дизайне и брендинге.
Изучим теоретические основы дизайна, рассмотрим принципы проектирования пользовательского опыта. На практике закрепим приёмы и принципы веб-дизайна, которые необходимы для создания современного сайта. Научимся работать с программой Figma, анимировать интерфейсы в After Effects и применять Cinema4D в веб-дизайне и брендинге.
Роль визуального дизайна и этапы создания дизайна
Принципы проектирования пользовательского опыта и логика интерфейсов
Прототипирование
Композиция и сетка
Типографика и цвет
Воркшоп: разработка концепта
Разбор кейсов
Адаптивный дизайн
Систематизация дизайна
Intro Adobe Photoshop & Illustrator
Работа с объектами в Figma
Workflow, components, text styles в Figma
Библиотеки, плагины, экспорт объектов, live device preview в Figma
Введение, обзор возможностей, обзор интерфейса в Cinema 4D
Основы работы с объектами, логика интерфейса в Cinema 4D
Subdivision-моделирование в Cinema 4D
Альтернативные способы в Cinema 4D
Рендер: свет, материалы и global illumination в Cinema 4D
Arnold render в Cinema 4D
MoGraph в Cinema 4D
Анимация и физика в Cinema 4D
Воркшоп: Cinema 4D в вебе
Воркшоп: Cinema 4D в вебе и брендинге
AE: введение
AE: анимация интерфейса
AE: работа с 3D-пространством и интеграция с Cinema 4D
Principle: анимация интерфейса
Кейсы для портфолио дизайнера
Принципы презентации своей работы
Видеолекции24 часа теории / 40 часов практики
Навыки, которые вы получите
Проектирование пользовательского опыта
Оценка логики интерфейсов сайтов и приложений
Построение композиции и использование сетки в её проектировании

Подбор шрифтов и работа с типографикой

Разработка концептов, выбор релевантных методологий
Создание адаптивных макетов
Выбор актуальных инструментов для дизайна интерфейсов
Использование продвинутых техник работы в Figma
Использование Cinema 4D в релевантных задачах веб-проектирования и брендинга
Создание анимации интерфейса с помощью After Effects
Создание портфолио и презентация своих работ
Дипломная работа
В рамках дипломного проекта вы сможете самостоятельно спроектировать, разработать дизайн и сверстать интерфейс веб-сервиса на основе знаний и навыков, полученных на курсе.
В рамках дипломного проекта вы сможете самостоятельно спроектировать, разработать дизайн и сверстать интерфейс веб-сервиса на основе знаний и навыков, полученных на курсе.
30 часов практики
Запишитесь на курс и получите консультацию по программе обучения
60 775 ₽93 500 ₽
полная стоимость курса
от 7 792 ₽ / месяц
оплата частями

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

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

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

Консультант курса
Владимир Синицын
Руководитель направления «Дизайн» в Нетологии
Невозможно знать всё, но специалист, который может самостоятельно спроектировать и сверстать интерфейс, — это ключевой игрок в команде любого digital-проекта. Такие специалисты всегда будут востребованы на рынке.
Невозможно знать всё, но специалист, который может самостоятельно спроектировать и сверстать интерфейс, — это ключевой игрок в команде любого digital-проекта. Такие специалисты всегда будут востребованы на рынке.
Преподаватель
Григорий Коченов
Креативный директор в AGIMA
Преподаватель
Татьяна Тен
Frontend-разработчик в webcoalition.ru. 7 лет в разработке. Из последних работ: fantasyclinic.ru, belgraviadent.ru
Преподаватель
Татьяна Попова
UX-researcher в «Альфа-Лаборатории»
Преподаватель
Денис Ежков
Frontend-разработчик в “Ростелеком ИнфоТех”. Опыт 6 лет. Проекты: www.mercury.ru, skgelios.ru, nalog.rt.ru
Преподаватель
Стас Мельников
Консультант и наставник по верстке, автор курсов в Нетологии. Проекты: CSS анимации и изображения codepen.io/melnik909
Преподаватель
Леонид Никулин
Арт-директор в AGIMA
Преподаватель
Григорий Коченов
Креативный директор в AGIMA

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

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

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

Fullstack-дизайнер
Достигнутые результаты
Разработан пользовательский интерфейс

Свёрстан полноценный макет сайта

Создан адаптивный макет сайта

Реализовано более 70 компонентов интерфейса

Создан digital-продукт
Ключевые навыки
Понимание семантической разметки документа с помощью HTML

Умение задавать стили отображения с помощью CSS

Умение составлять сложные CSS-селекторы

Умение верстать веб-страницы с нуля (блочная, кроссбраузерная верстка)

Умение использовать медиа-выражения

Умение прорабатывать сценарии использования продукта

Умение проектировать прототипы по сценариям

Навык проектирования и дизайна веб-интерфейсов

Владение инструментами дизайна и проектирования

Навык адаптивной вёрстки для мобильных устройств

Умение верстать шаблоны и статические страницы сайтов с использованием HTML5/CSS3

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

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

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

Остались вопросы?

  • Что включает в себя профессия?
    Профессия является паком курсов из базы Нетологии, которые студенты проходят поэтапно. Курсы подобраны таким образом, чтобы дать необходимые знания по выбранной профессии на рынке труда. После прохождения каждого курса выполняется контрольная работа, открывающая доступ к следующему курсу. После прохождения всех курсов будет одна большая итоговая работа.
  • Кто такой fullstack-дизайнер?
    Fullstack-дизайнер чётко понимает структуру продукта, контролирует процесс проектирования и разработки. Имея широкий набор компетенций, он может использовать пользовательский опыт, шаблоны проектирования, методы и инструменты в процессе работы над продуктом. В итоге процесс разработки интерфейса существенно упрощается, что сказывается на качестве продукта. Способность контролировать весь процесс разработки интерфейсов — ключевое отличие fullstack-дизайнера от классического дизайнера. Если вы становитесь fullstack-дизайнером, то вы, несомненно, становитесь ключевым звеном в продуктовой команде. А если вы фрилансер, то быть полным fullstack-дизайнером вам просто необходимо.
  • Какими знаниями надо обладать, чтобы начать учиться?
    Программа не требует предварительных знаний в области вёрстки и дизайна, весь необходимый теоретический и практический материал вы получите в рамках профессии.
  • Какие знания и навыки я получу?
    Вы изучите возможности HTML и CSS, освоите основные принципы вёрстки, научитесь верстать веб-страницы с готового макета, адаптировать страницы к размеру экрана и особенностям устройства, на которых они будут открыты. После чего научитесь самостоятельно создавать дизайн-макеты по прототипу. И, наконец, самое главное — узнаете, как происходит проектирование интерфейса, и закрепите это на практике.
  • Как, когда и в какое время я буду учиться?
    Обучение проходит онлайн в формате вебинаров в будние дни, 2-3 раза в неделю в вечернее время. Если вы пропустили занятие, то всегда можете посмотреть его в записи. Как только вы получаете доступ к программе, в вашем личном кабинете появляется расписание занятий, записи всех прошедших вебинаров, домашние задания, библиотека полезных материалов, важные уведомления и рейтинг студентов. Также вы сможете общаться с другими студентами и вашими преподавателями в закрытой группе на Facebook.
+ все вопросы
Мы используем файлы cookie
Чтобы улучшить работу сайта и предоставить вам больше возможностей для обучения. Продолжая использовать сайт, вы соглашаетесь с условиями использования файлов cookie.