Профессиональные навыки

Наборы кейсов с эталонными решениями для освоения типовых профессиональных задач.
Что такое навык?

Список профессиональных навыков

Создание семантической разметки по макету

Создание семантической разметки по макету

Описание профессиональной задачи

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

Материалы комплекта

  • Углублённая теория, общий объём 54 страницы.
  • 9 кейсов: 3 лёгкого, 3 среднего и 3 сложного уровня.
  • Эталонные решения кейсов, в том числе 4 интерактивных пошаговых демонстрации.
9 кейсов
Экспорт параметров и графики из PSD‑макетов

Экспорт параметров и графики из PSD‑макетов

Описание профессиональной задачи

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

Материалы комплекта

  • Углублённая теория, общий объём 56 страниц.
    В том числе инструкция по работе с последней версией Adobe Photoshop 2020.
  • 8 кейсов: 3 лёгкого, 3 среднего и 2 сложного уровня. Включают макеты в формате PSD.
  • Эталонные решения кейсов, в том числе 2 детальных пошаговых разбора демонстрационных кейсов.
8 кейсов
Построение сеток на флексах по макету

Построение сеток на флексах по макету

Описание профессиональной задачи

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

Материалы комплекта

  • Углублённая теория, общий объём 60 страниц.
  • 10 кейсов: 4 лёгкого, 3 среднего и 3 сложного уровня.
  • Эталонные решения кейсов, в том числе детальные разборы демонстрационных кейсов.
10 кейсов
Экспорт параметров и графики из Figma

Экспорт параметров и графики из Figma

Описание профессиональной задачи

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

Материалы комплекта

  • Углублённая теория, ожидаемый объём 30-50 страниц.
    В том числе инструкция по работе с последней версией Figma.
  • 6 кейсов: 2 лёгкого, 2 среднего и 2 сложного уровня. Включают макеты в формате Figma.
  • Эталонные решения кейсов, в том числе 2 детальных пошаговых разбора демонстрационных кейсов.
6 кейсов
Вёрстка текстового содержимого страниц

Вёрстка текстового содержимого страниц

Описание профессиональной задачи

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

Материалы комплекта

  • Углублённая теория.
  • 9 кейсов разного уровня сложности.
  • Эталонные решения кейсов, детальные разборы демонстрационных кейсов.
9 кейсов
Построение сеток на гридах по макету

Построение сеток на гридах по макету

Описание профессиональной задачи

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

Материалы комплекта

  • Углублённая теория.
  • 10 кейсов разного уровня сложности.
  • Эталонные решения кейсов, детальные разборы демонстрационных кейсов.
10 кейсов
Вёрстка навигационных элементов интерфейса

Вёрстка навигационных элементов интерфейса

Описание профессиональной задачи

Умение верстать типовые навигационные элементы: линейное и многоуровневые меню, «выпадающие» подменю, пейджинацию, «хлебные крошки», сложные списки и другие. Корректно свёрстанная навигация — основа хорошего пользовательского опыта взаимодействия с сайтом.

Материалы комплекта

  • Углублённая теория.
  • 8 кейсов разного уровня сложности.
  • Эталонные решения кейсов, детальные разборы демонстрационных кейсов.
Релиз в 2020 году
8 кейсов
Вёрстка многослойных элементов интерфейса

Вёрстка многослойных элементов интерфейса

Описание профессиональной задачи

Умение верстать типовые многослойные элементы: слайдеры, «всплывающие» попапы, модальные окна, тултипы-подсказки, прокручивающиеся вместе со всем сайтом «липкие» меню, выпадающие элементы интерфеса, «прелоадеры» и подобные элементы.

Материалы комплекта

  • Углублённая теория.
  • 10 кейсов разного уровня сложности.
  • Эталонные решения кейсов, детальные разборы демонстрационных кейсов.
Релиз в 2020 году
10 кейсов
Вёрстка карточных элементов интерфейса

Вёрстка карточных элементов интерфейса

Описание профессиональной задачи

Умение верстать различные карточные и плиточные элементы интерфейса (карточки товаров, преимуществ и так далее). При реализации таких элементов нужно учитывать: переполнение контентом, замену графики при наполнении интерфейса из CMS, взаимодействие с интерактивными элементами карточек с клавиатуры, интеграцию с JavaScript.

Материалы комплекта

  • Углублённая теория.
  • 10 кейсов разного уровня сложности.
  • Эталонные решения кейсов, детальные разборы демонстрационных кейсов.
Релиз в 2020 году
10 кейсов