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

Онлайн-курс от Нетологии. Пройдя курс, вы сможете и разработать дизайн сайта, и сверстать его. Вы научитесь работать с композицией, сетками, типографикой и цветом. Узнаете, как создавать понятные интерфейсы, сможете сверстать свой дизайн и написать код на JavaScript.

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

Актуальная стоимость обучения.

Данные обновлены 8 мая 2021 г.

  • Сертификат об обучении
Перейти на страницу курса
Информация о школе

101 достоверный отзыв о школе Нетология
Мы не нашли много отзывов конкретно про курс «Веб-дизайнер с нуля до PRO: дизайн и программирование». Зато мы собрали 101 отзыв о школе Нетология — они помогут вам получить общее представление о процессе обучения.