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

SKU: 700.932.98
101940
р.
169900
р.
Школа: Нетология
Дата начала: со стартом потока
Уровень: с нуля
Формат обучения: онлайн
Продолжительность: 15 месяцев
Трудоустройство:

❤️ Есть отзывы
✅ Проверено экспертами ИЗИПИЗИ

Зачем проходить онлайн обучение?

Вы научитесь:
  • самостоятельно выполнять полный цикл работ по созданию сайтов
  • работать с композицией, сетками, типографикой, цветом, фото- и видеоконтентом
  • создавать понятные интерфейсы, которые приведут пользователя к цели максимально просто
  • сверстать свой дизайн и получите навыки мобильной и адаптивной вёрстки
  • основам программирования - писать код на Java Script и использовать библиотеку React

Преимущества онлайн обучения

Есть
✅ – Проверка домашних заданий
✅ – Индивидуальная обратная связь
✅ – Бессрочный доступ к урокам
✅ – Помощь с трудоустройством
✅ – Дипломный проект
✅ – Диплом об окончании
✅ – Чат со студентами группы
ЭКСПЕРТНОЕ Мнение ИЗИПИЗИ о курсе
«Благодаря этой программе вы станете мастером на все руки: от исследования до верстки, тестов и презентации заказчику»
ПЕРЕЙТИ К КУРСУ

Сколько зарабатывает веб-дизайнер?

50-70к
ДЖУН
70-110к
МИДЛ
150к+
СЕНИОР

Что делает веб-дизайнер?

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

Программа онлайн курса

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

  • Знакомство с веб-дизайном
  • Модульные сетки
  • Скетчинг и прототипирование
  • Пользовательское взаимодействие
  • Адаптивный дизайн
  • Композиция
  • Веб-типографика
  • Теория цвета
  • Веб-анимация
  • Системы ведения проектов
  • Составление технического задания
  • Вдохновение, творчество, импровизация
Проектирование интерфейсов
Научитесь выявлять потребности пользователей, разрабатывать 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
Финальный диплом
В рамках дипломного проекта вы самостоятельно спроектируете, разработаете дизайн и сверстаете интерфейс веб-сервиса на основе знаний и навыков, полученных на курсе.
Вас будет поддерживать дипломный руководитель, который даст рекомендации по работе и поможет её улучшить.


Преподаватели курса

Алексей Бородкин
Facebook
Product Lead в Росбанке

Евгений Одновал

Facebook

Product design management, consulting, education, mentorship

Анна Желтова

Facebook

 Архитектор продукта в Сбербанке

Кирилл Кучаев

Facebook 

Product Designer в «АкБарс Цифровые Технологии»

Татьяна Попова

Facebook

UX-researcher в «Альфа-лаборатории»
Ян Чехановский
Facebook
Agile Coach в МТС
Максим Павлов
Facebook
Креативный директор, партнёр в Notamedia
Елизавета Кураева
Facebook
Руководитель отдела дизайна в Affinage
Ярослав Трегубов
Facebook
Арт-директор в IRON.digital
Олег Зильберг
Facebook
Преподаватель в Нетологии
Евгения Кузнецова
Facebook
Веб-дизайнер
Роман Шелехов
Facebook
CPO в компании «Таможенная карта»
Михаил Хананашвили
Facebook
Руководитель направления UX-исследований в MTC
Антон Казаков
Facebook
Руководитель проектов, интерактивный дизайнер в «Культура Инноваций»
Ильнара Петрова
Facebook
CRO в InsightWhale
Екатерина Сугак
Facebook
Head of Design & Usability Office в «Лаборатории Касперского»
Алексей Любимов
Facebook
Эксперт по Accessibility в Яндексе

Дмитрий Соловьев

Facebook

Исследователь в QIWI
Анна Кононова
Facebook
Leading UX-researcher в Joom
Екатерина Герасименко
Facebook
Вольный проектировщик

Алексей Копылов

Facebook

UX/CX Designer, Analyst, Manager

Александр Фитискин

Facebook

Front-end разработчик в Webzilla 
Александр Шлейко
Facebook
Разработчик интерфейсов в Яндексе
Николай Лопин
Facebook
Software Development Engineer в FREE NOW 
Алёна Батицкая
Facebook
Front-end разработчик
Алексей Дацков
Facebook
Руководитель разработки в «Доминион»
Евгений Корытов
Facebook
Product Owner в интернет-центре Keenetic
Миша Кутателадзе
Техник в компании PSI
Андрей Гаретов
Facebook
Веб-разработчик в Work Solutions 
Ильназ Гильязов
Facebook
Техниеский директор компании Aims
Владимир Языков
Facebook 
Техниеский директор компании Aims

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

Профессиональные навыки - хард скилз
Софт скилз - надпрофессиональные, которые потенциально можно развивать на этом курсе
⚡ Хард скилз
  1. Базовая теория дизайна: композиция, сетки, типографика, работа с цветом, работа с фото- и видеоконтентом
  2. Методологии командной работы (Kanban, Scrum)
  3. Понимание информационной архитектуры
  4. Проектирование пользовательского опыта
  5. Создание адаптивного дизайна
  6. Навыки web-анимации
  7. Навыки мобильной и адаптивной вёрстки
  8. Программирование на JavaScript
  9. Работа с HTML-формами
✨ Софт скилз
  1. Стратегическое планирование
  2. Управление проектами
  3. Подбор и развитие команды, управление командой
  4. Бюджетирование
  5. Анализ рынка
💚 Коммент ИЗИПИЗИ
Данный курс соответсвует необходимым для этой профессии навыкам

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

Мы проверили скилл-сет курса на соответствие навыков реальной работе
89%
Веб-дизайнер
75%
Fullstack дизайнер
79%
UX дизайнер

Подойдет ли мне данный курс?

Курс подойдёт вам, даже если вы ничего не знаете о дизайне, но вами движет огромное желание научиться! Программа поможет вам начать с азов, и постепенно, под четким руководством экспертов области, узнать о профессии всё. Серьёзный подход к обучению и своевременное выполнение домашних заданий помогут вам быстро вырасти как специалисту и получить работу мечты.

Кем можно работать после курса?

У нас есть карта дизайн профессий. В ней - вся правда о том, что ждет тебя когда начнешь работать
А отзывы где???
Женя Логинова
Идейный вдохновитель ИЗИПИЗИ
Жек, привет✋, а где отзывы-то??? Вроде, курс неплохой, наверняка его уже кто-то проходил и составил свое мнение
Женя Егоров
Верный соратник ИЗИПИЗИ
Привет, привет. Знаю, что онлайн курсы сейчас пользуются огромным спросом⚡Было бы круто найти еще человека, который тоже прошел или еще проходит обучающую программу.

Отзывы дают реальное понимание и помогают определиться с выбором, сам выбирал курс благодаря отзывам
Женя Логинова
Идейный вдохновитель ИЗИПИЗИ
Ок, а давай тогда дадим за отзыв крутую подборку:

⛵Как составить резюме, которое будет вас продавать

⌛Пошаговый конструктор сопроводительного письма, когда оно действительно нужно

⌚ Как составить свою стратегию поиска работы
Женя Егоров
Верный соратник ИЗИПИЗИ
ИЗИ, напишите ваш отзыв, указав свою социальную сеть и после валидации, мы обязательно отправим вам огненную подборку
Полезный материал об онлайн-курсах
Чтобы тебе было проще определиться
с курсом и успешно его завершить
Подробный отзыв, оставленный вами, поможет другим людям определиться с выбором
Спасибо за оставленный отзыв, мы проверим его содержание и свяжемся с вами
У нас есть два простых правила:

❗ Мы уделяем большое внимание отзывам о курсах и проверяем их достоверность

❗Мы не публикуем недостоверные и субъективные отзывы от кого попало, поэтому просим оставить ваши контакты для проверки подленности прохождения
Как вас зовут?
Ваш телефон
Ваш e-mail
Добавьте ссылку на любую вашу социальную сеть, к которой у вас есть доступ
Для того, чтобы мы могли проверить ваш профиль и связаться с вами в случае вопросов
Подробно опишите прохождение курса
Добавьте файлы
Тут вы можете добавить любую вашу гордость. Например, фото диплома, личного кабинета, ваших работ, сделанных на курсе
Made on
Tilda