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

Москва, Варшавское шоссе, д. 1, стр. 3

Оставить заявку

Продолжительность курса

от 4955 руб. в месяц

Записаться
Метро

Метро

Ленинский проспект, Шаболовская

Уровень подготовки

Уровень подготовки

Начальный, Продвинутый, Профессиональный

slide 1

Возраст

Взрослые

О курсе веб-дизайна

Готовим дизайнеров со знанием кода и разработчиков со знанием дизайна
Научим самостоятельно выполнять полный цикл работ по созданию сайтов
Две профессии в одной
Для специалиста с навыками и дизайнера, и разработчика пока нет определённого названия. Точнее всего будет назвать его Fullstaсk-дизайнером. Может самостоятельно создать дизайн сайта и выполнить все этапы разработки, а также способен руководить полным циклом создания сайта.
Мы составили программу, которая даст вам полный набор навыков по созданию дизайна сайта и его программированию.
Для кого этот курс

Для новичков в дизайне и разработке

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

Для веб- и графических дизайнеров

Если разработчики криво верстают ваш дизайн или отказываются реализовывать ваши идеи, вы сможете обойтись без их помощи.

Для верстальщиков и frontend-разработчиков

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

Основы дизайна
Научитесь работать с композицией, сетками, типографикой, цветом, фото- и видеоконтентом


Гибкие методологии
Сможете выстраивать рабочий процесс и взаимодействие в команде по Scrum и Kanban


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


Принципы вёрстки на HTML и CSS
Сможете сверстать свой дизайн и получите навыки мобильной и адаптивной вёрстки


Основы программирования
Научитесь писать код на Java Script и использовать библиотеку React


Работу с формами
Сможете составлять формы так, чтобы они адекватно работали
Ещё вы получите
Опыт и портфолио
Выполните два больших дипломных проекта и семь курсовых работ

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

Доступ в сообщество

Сможете участвовать в тематических активностях и экскурсиях в компании

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

Видеолекции и вебинары
Смотрите лекции в удобное время и участвуйте в живых вебинарах. Если пропустите — сможете посмотреть запись

Много практики
Проходите тест и выполняйте большую практическую работу  по теме модуля под руководством наставника

Сопровождение
Вы сможете общаться с экспертами курса и получить помощь координатора по организационным вопросам

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

Помощь в подготовке резюме и прохождении собеседования
Консультация с HR-специалистом по поиску работы и развитию вашей карьеры

Возможность прохождения стажировки в проектах Нетологии-групп: Фоксфорд, Нетология, EdMarket
Регулярное информирование об открытых вакансиях в компаниях-партнерах

Бесплатный доступ к подборке видеокурсов по поиску работы и soft skills для всех студентов
Заказать звонок

Программа курса веб-дизайна

Программа курса Нетология. Веб-дизайнер с нуля до PRO: дизайн и программирование
  • Изучите особенности адаптивного дизайна, познакомитесь с теорией цвета, композицией, веб-анимацией и веб-типографикой. Научитесь составлять техническое задание и портфолио. Знакомство с веб-дизайном Модульные сетки Скетчинг и прототипирование Пользовательское взаимодействие Адаптивный дизайн Композиция Веб-типографика Теория цвета Веб-анимация Системы ведения проектов Составление технического задания Вдохновение, творчество, импровизация 15 часов теории 15 часов практики Навыки, которые вы получите Разработка дизайн‑макета сайта Оценка логики интерфейсов Работа с инструментами прототипирования Построение композиции и использование модульных сеток Создание визуальной иерархии Работа с типографикой и цветом Разработка адаптивных макетов Создание веб-анимации
  • Проектирование интерфейсов Дизайн Научитесь выявлять потребности пользователей, разрабатывать Customer Journey Map, тестировать гипотезы и создавать прототипы, выстраивать работу над интерфейсом и взаимодействие в команде. Введение в предметную область Азбука пользовательского интерфейса Методологии командной работы (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 Создание интерактивного прототипа Выстраивание поэтапной работы над интерфейсом
  • UX-аналитика Дизайн Научитесь просчитывать и анализировать поведение пользователей, использовать инструменты дизайн-мышления, проводить UX-тестирование и A/B-тесты Теория и анализ потребностей Методы проведения анализа Качественные и количественные исследования Виды и обзор инструментов анализа Особенности проведения UX-тестов
  • Дипломная работа по дизайну В конце модуля по дизайну вы выполните дипломный проект — разработаете собственный дизайн-макет сайта под руководством наставника курса.
  • Вёрстка на HTML и CSS Программирование Научимся верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. Теги для вёрстки контента страницы Теги для вёрстки структуры страницы Теги для вёрстки форм Селекторы CSS Определение контекста элементов Блочная модель Позиционирование элементов Оформление текста Оформление декоративных элементов Состояние интерактивных элементов 8 часов теории 48 часов практики Навыки, которые вы получите Кроссбраузерная вёрстка под десктопные устройства Тестирование вёрстки Вёрстка по стандартам W3C Работа с DevTools Работа с Adobe Photoshop Семантическая разметка страницы и вёрстка текста Вёрстка элементов, доступных для Screen Readers Вёрстка элементов, доступных для управления с клавиатуры Оформление кода
  • Адаптивная вёрстка Программирование Научитесь создавать вёрстку под любой тип устройств (компьютер, планшет, смартфон). Вёрстка резинового макета Резиновые изображения Медиа-запросы и медиа-функции Особенности вёрстки для мобильных устройств Адаптивная типографика, breakpoints Адаптивные изображения 9 часов теории 27 часов практики Навыки, которые вы получите Адаптивная отзывчивая вёрстка Вёрстка под мобильные устройства Работа с Flexbox Умение выбирать breakpoints
  • Основы программирования Программирование Сможете создавать простые проекты на JavaScript и использовать циклы и функции. Алгоритмы Переменные, числа и строки Логика и математика Ветвление кода Алгоритм с множественным выбором Ошибки в коде Массивы Циклы Подпрограмма, функция Объекты Синхронное и асинхронное выполнение алгоритма 8 часов теории 24 часа практики Навыки, которые вы получите Научитесь понимать основы программирования и овладеете терминологией Изучите виды языков программирования Освоите синтаксис, управляющие конструкции Научитесь искать и исправлять ошибки в коде Научитесь использовать циклы Освоите работу с функциями Изучите объекты
  • 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
  • Финальный диплом В рамках дипломного проекта вы самостоятельно спроектируете, разработаете дизайн и сверстаете интерфейс веб-сервиса на основе знаний и навыков, полученных на курсе. Вас будет поддерживать дипломный руководитель, который даст рекомендации по работе и поможет её улучшить.
Читать подробнее Скрыть

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

Рейтинг: 5 (22 отзывов)
Качество обучения
Программа курса
Преподаватели
Расположение
Помещение и инфраструктура школы
Соотношение цена/качество

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

Оставьте свой номер и мы вам перезвоним!

Оставить заявку

Москва, Варшавское шоссе, д. 1, стр. 3

Фотографии, видео, текст взяты из открытого источника - https://netology.ru/programs/fullstack-web-designer#/presentation. Автор произведений не известен. Данные материалы используются исключительно в информационных, учебных и новостных целях.
Оставьте ваши контактные данные и мы перезвоним в течение 12 минут!
Нажимая на кнопку, вы соглашаетесь с Политикой конфиденциальности и даете согласие на обработку персональных данных.