HTML Academy | Профессиональный навык «Создание семантической разметки по макету» [Тариф «Полный комплект»] (2020) [unpacked]

Автор (издатель): HTML Academy
Жанр: Программирование, вёрстка

Системные требования:
• операционная система Windows 2000/XP/Vista/7/8.1/10/GNU linux
• процессор 800 MHz
• оперативная память 512 МБ
• видеокарта (можно встроенную в материнскую плату)

Формат: unpacked

Описание:
Опираясь на графический макет, нужно спроектировать информационную архитектуру страниц и написать корректную, семантичную и выразительную HTML-разметку.
Зачем нужен этот навык:
Вёрстка любой веб-страницы начинается с написания HTML-кода, то есть с её разметки. Качественно сделанная разметка при создании интерфейсов так же важна, как правильно заложенный фундамент при строительстве дома.
Материалы комплекта:
Углублённая теория, общий объём 54 страницы.
9 кейсов: 3 лёгкого, 3 среднего и 3 сложного уровня.
Эталонные решения кейсов, в том числе 4 интерактивных пошаговых демонстрации.

Скриншоты:

Время раздачи: Будни с 19 до 22-00, выходные с 16 до 23 (минимум до появления первых 3-5 скачавших)

макеты в png формате??

Oill писал(а):

макеты в png формате??

Да, прям как на сайте, только здесь еще не хватает 3-ех бонусных кейсов.

Sergeyhoy писал(а):

Oill писал(а):

макеты в png формате??

Да, прям как на сайте, только здесь еще не хватает 3-ех бонусных кейсов.

Я что-то пропустил? PSD уже не модно?

Oill писал(а):

Sergeyhoy писал(а):

Oill писал(а):

макеты в png формате??

Да, прям как на сайте, только здесь еще не хватает 3-ех бонусных кейсов.

Я что-то пропустил? PSD уже не модно?

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

bobowsinski2011 писал(а):

Oill писал(а):

Sergeyhoy писал(а):

Oill писал(а):

макеты в png формате??

Да, прям как на сайте, только здесь еще не хватает 3-ех бонусных кейсов.

Я что-то пропустил? PSD уже не модно?

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

Чувствую этот коммент открыл глаза многим людям (к примеру таким как я)

thank you!

Доброго времени суток. Есть шанс появления других "профессиональных навыков" здесь?

Больше всего было бы интересно ознакомиться с "Разметка по БЭМ" и "Работа с DOM в JavaScript" Если там действительно рассматриваются углубленные и сложные моменты (как у них написано) а не пересказ сухой теории.

И еще возможно ли появление их "Тренировочных проектов" (страница projects на их сайте) больше всего интересует с 3 звездочками.

И еще очень бы неплохо "Вёрстка многослойных элементов интерфейса" )))
В общем, все Проф. навыки)

Полезный навык. Помог наконец-то разобраться в структуре и грамотно создавать семантическую верстку. Отличия сверстанных мною от "идеальных" вариантов разметки от авторов минимальны и не критичны.
Навык, хотя бы легкие кейсы, значительно упростит старт в изучении по курсам верстки от htmlacademy.
Ещё для меня было плюсом подключить outline.css (dкак в их примерах) для отображение бордера у элементов, помогало понимать что и как идёт при разметке.
Код для outline.css

Просмотр доступен только для зарегистрированных пользователей

Strategic
mr-fantastic
Есть раздача
HTML Academy | Подборка видеокурсов по вёрстке и разработке (2019-2021) WEB-DL [RU]
Внутри есть:
Вёрстка навигационных элементов интерфейса
Навык «Вёрстка текстового содержимого страниц»
Навык «Построение сеток на Flexbox»
Навык «Работа с DOM в JavaScript»
Навык «Экспорт параметров и графики из PSD-макетов»