Узнайте о снижении цены

Оставьте ваш email и мы напишем вам когда цена снизится

Веб-дизайнер с нуля до PRO: дизайн и программирование

Вы научитесь выполнять полный цикл работ по созданию сайтов: от написания кода до дизайна.
199 833 ₽
119 900 ₽
стоимость обучения
4995 ₽
за месяц обучения
% Беспроцентная рассрочка на 24 мес.
Добавить в избранное
Узнать о снижении цены
Уровень сложности
для новичков
Длительность
18 мес.
Демо доступ
нет
Формат обучения
онлайн
Домашние задания
да
Обратная связь
да, от преподавателя
Стажировка
да
Документ по окончании
диплом

Программа обучения

  • Основное
  • Содержание программы

Курс рассчитан на новичков в дизайне и разработке, графических и веб-дизайнеров, frontend-разработчиков и верстальщиков. Готовят дизайнеров со знанием кода и разработчиков со знанием дизайна. Для таких специалистов пока нет определённого названия. Пока точнее всего будет назвать их Fullstaсk-дизайнерами. В течение курса вы выполните семь курсовых работ и два больших дипломных проекта.

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

Веб-дизайн

Разберёте, как эффективнее организовать процесс создания сайта. Научитесь работать в Figma и создавать кликабельные прототипы. Освоите базовые принципы UX-проектирования, узнаете о роли композиции, цвета и типографики. Погрузитесь в полный цикл создания сайта: от поиска дизайн-концепции до анимаций и презентации проекта на Behance. По итогу выполните дипломный проект на закрепление полученных навыков.

  • Введение в профессию веб-дизайнера
  • Основы работы в Figma
  • Адаптивный дизайн
  • Состоятние элементов
  • Подходы к проектированию интерфейсов
  • Прототипирование и тестирование прототипа
  • Фреймворки CJM / Метод персон / Jobs to be done
  • Композиция
  • Теория цвета
  • Типографика
  • Модульные сетки
  • Дизайн-концепция веб-сайта
  • Основы анимации интерфейсов в Principle
  • Презентация работ и подготовка портфолио на Behance
Проектирование интерфейсов

Научитесь выявлять потребности пользователей, разрабатывать Customer Journey Map, тестировать гипотезы и создавать прототипы, выстраивать работу над интерфейсом и взаимодействие в команде.

  • Введение в предметную область
  • Азбука пользовательского интерфейса
  • Методологии командной работы (Kanban, Scrum)
  • Качественные исследования аудитории
  • Воркшоп: персоны
  • Lean UX Strategy
  • Воркшоп: UX Strategy
  • Customer Journey Mapping (CJM)
  • Информационная архитектура
  • Воркшоп: UX Design
  • Инструменты прототипирования
  • Воркшоп: UI Design
UX-аналитика

Научитесь просчитывать и анализировать поведение пользователей, использовать инструменты дизайн-мышления, проводить UX-тестирование и A/B-тесты

  • Теория и анализ потребностей
  • Методы проведения анализа
  • Качественные и количественные исследования
  • Виды и обзор инструментов анализа
  • Особенности проведения UX-тестов
Вёрстка на HTML и CSS

Научимся верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. 

  • Теги для вёрстки контента страницы
  • Теги для вёрстки структуры страницы
  • Теги для вёрстки форм
  • Селекторы CSS
  • Определение контекста элементов
  • Блочная модель
  • Позиционирование элементов
  • Оформление текста
  • Оформление декоративных элементов
  • Состояние интерактивных элементов
Адаптивная вёрстка

Научитесь создавать вёрстку под любой тип устройств (компьютер, планшет, смартфон).

  • Вёрстка резинового макета
  • Резиновые изображения
  • Медиа-запросы и медиа-функции
  • Особенности вёрстки для мобильных устройств
  • Адаптивная типографика, breakpoints
  • Адаптивные изображения
Основы программирования

Сможете создавать простые проекты на JavaScript и использовать циклы и функции.

  • Алгоритмы
  • Переменные, числа и строки
  • Логика и математика
  • Ветвление кода
  • Алгоритм с множественным выбором
  • Ошибки в коде
  • Массивы
  • Циклы
  • Подпрограмма, функция
  • Объекты
  • Синхронное и асинхронное выполнение алгоритма
JavaScript

Изучите синтаксис JavaScript, освоите простые алгоритмы, научитесь работать с файлами.

  • Работа браузера: HTML, CSS и JS
  • npm и рабочее окружение
  • JS: переменные, типы данных, условия
  • JS: массивы, циклы
  • JS: объекты
  • JS: функции
  • GitHub Pages: публикация приложения онлайн
  • DOM API: Document, Node, Element
  • DOM API: обработка событий
  • DOM API: работа со стилями
  • DOM API: геометрия элементов
  • Анимации: CSS, JS
  • DOM API: работа с формами, валидация
  • XHR: работа с HTTP — запросы, лоадеры, обработка ошибок
  • Загрузка файлов
Библиотека React

Научитесь разбивать интерфейс на компоненты, освоите работу с props и обработку данных из форм.

  • Концепция компонентов, CRA (Create React App)
  • Props — учимся связывать компоненты и передавать данные
  • State — храним внутреннее состояние
  • Работа с формами
  • Обработка событий
  • Context — хранение общего состояния для дерева компонентов
  • Context — сложные состояния, диспатчер, action creators
  • Promise, async/await — получаем данные в современном стиле
  • Обработка побочных эффектов
  • Работаем с DOM — фокус, scroll, медиа-элементы (audio/video)
  • Работаем с DOM — файлы
  • Анимации в React
  • Создание и публикация UIKit
Финальный диплом

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

Вас будет поддерживать дипломный руководитель, который даст рекомендации по работе и поможет её улучшить.

Чему научат

Работать с композицией, сетками, типографикой, цветом, фото- и видеоконтентом
Выстраивать рабочий процесс и взаимодействие в команде по Scrum и Kanban
Создавать понятные интерфейсы, которые приведут пользователя к цели максимально просто
Принципам вёрстки на HTML и CSS
Писать код на Java Script и использовать библиотеку React
Составлять формы так, чтобы они адекватно работали

Преимущества курса

Возврат денег, если в течение трех занятий поймете, что вам не нравится курс
Вашу квалификацию подтвердят официальные документы
Сможете участвовать в тематических активностях и экскурсиях в компании
Помощь и поддержка Центра развития карьеры
Консультации по поиску работы, развитию карьеры, подготовке резюме и прохождению собеседования
Уведомления о новых вакансиях в партнерских компаниях
Бесплатный доступ к видео-курсам по поиску работы и soft skills

Отзывы пользователей

Оставить отзыв о курсе

    Оставьте отзыв о курсе

    Ваш адрес e-mail не будет опуликован
    Ваша оценка:
    Ваш отзыв:
    Достоинства:
    Недостатки:
    Имя:
    Email: