Fullstack-дизайнер

Научитесь верстать веб-страницы с нуля с помощью HTML5/CSS3

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

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

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

~120 000 ₽ средняя зарплата фулстек-дизайнера (по данным hh.ru)

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

Создавать удобные интерфейсы

Вы сможете проектировать пользовательский опыт, освоите основные инструменты и техники UX-дизайна

Делать качественные макеты

Прокачаете все основы дизайна: композицию, отступы, сетки, работу с цветом, типографику

Верстать сайты

По итогу сможете уверенно разбираться в коде сайтов и верстать HTML-шаблоны для веб-интерфейсов

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

Занятия

Обучение в формате видеолекций и вебинаров, которые также будут доступны в записи.

Практика

В рамках блока — несколько практических домашних заданий с проверкой и обратной связью.

Сопровождение

Каждый студент может общаться с экспертами курса, получать помощь координатора и наставников курса.

Карьера

Центр развития карьеры поможет с составлением резюме и подготовит к собеседованию.

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

Fullstack-дизайнер

Достигнутые результаты:

• Разработан пользовательский интерфейс
• Свёрстан полноценный макет сайта
• Создан адаптивный макет сайта
• Реализовано более 70 компонентов интерфейса
• Создан digital-продукт

Ключевые навыки:

• Понимание семантической разметки документа с помощью HTML
• Умение задавать стили отображения с помощью CSS
• Умение составлять сложные CSS-селекторы
• Умение верстать веб-страницы с нуля (блочная, кроссбраузерная верстка)
• Умение использовать медиа-выражения
• Умение прорабатывать сценарии использования продукта
• Умение проектировать прототипы по сценариям
• Навык проектирования и дизайна веб-интерфейсов
• Владение инструментами дизайна и проектирования
• Навык адаптивной вёрстки для мобильных устройств
• Умение верстать шаблоны и статические страницы сайтов с использованием HTML5/CSS3
• Понимание кроссбраузерной верстки

Инструменты, которые вы будете использовать

Доступ к программам

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

CSS3 (Cascading Style Sheets, version 3)

Язык для описания внешнего вида страниц сайта. CSS3 — самая масштабная и разрабатываемая спецификация, позволяющая создавать анимации без использования JavaScript, с поддержкой градиентов, теней и многими другими возможностями.

HTML5 (HyperText Markup Language, version 5)

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

Figma

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

Adobe Photoshop

Многофункциональный графический редактор. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты.

Вашу квалификацию подтвердят документы установленного образца

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

Каждый выпускник получает помощь и поддержку Центра развития карьеры

• Помощь в подготовке резюме и прохождении собеседования
• Консультация с HR-специалистом по поиску работы и развитию вашей карьеры
• Возможность прохождения стажировки в проектах Нетологии-групп: Фоксфорд, Нетология, EdMarket
• Регулярное информирование об открытых вакансиях в компаниях-партнерах
• Бесплатный доступ к подборке видеокурсов по поиску работы и soft skills для всех студентов