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

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

Подойдёт ли это мне?

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

Как это работает?

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

Как быть? Двигаться постепенно и решать сложные задачи по частям.

Материал для навыков мы подготовили таким образом, чтобы его было легко изучить, набив по пути минимум шишек:

  1. разбили ход разработки крупных проектов на типовые подзадачи,
  2. подготовили дополнительные материалы, там где только теории интерактивных курсов недостаточно, а также инструкции по решению типовых подзадач,
  3. собрали набор кейсов с постепенно возрастающей сложностью для отработки каждой из подзадач,
  4. для каждого кейса подготовили эталонное решение для самопроверки, чтобы вы могли сравнить свой код с кодом опытного разработчика.

Почему это работает?

Актуальные кейсы

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

Эталонные решения от экспертов

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

Все шишки набиты до вас

Авторы эталонных решений много лет ели кактусы при решении типовых задач и благодаря их разборам вы можете пройти этот путь намного быстрее. Сравнивая свой код с кодом опытного разработчика, вы сразу будете видеть свои ошибки, избавляться от них и постоянно улучшать свои навыки.

Базовых знаний достаточно

Не бойтесь сложностей. Мы подготовили все необходимые материалы, чтобы вы могли решать кейсы сразу после прохождения интерактивных курсов.

Системность, а не разрозненность

Навыки связаны в единую систему и ведут вас к главной цели – умению решать сложные и крупные задачи целиком.

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

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

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

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

Опираясь на графический макет, нужно спроектировать информационную архитектуру страниц и написать корректную, семантичную и выразительную 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 кейсов разного уровня сложности.
  • Эталонные решения кейсов, детальные разборы демонстрационных кейсов.
Релиз в апреле 2020
9 кейсов
Построение сеток на гридах по макету

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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