опис навику
професійне завдання:
вміння верстати типові навігаційні елементи: лінійне і багаторівневі меню, "випадають" підміню, пагінацію, "хлібні крихти", складні списки та інші.
навіщо потрібен цей навик:
з версткою навігаційних елементів верстальник стикається в роботі практично над кожним сайтом. Навігація-основна частина інтерфейсу, з нею взаємодіють всі користувачі. Верстка навігації "як в макеті" — це тільки частина роботи, також важливо опрацювати роботу інтерфейсу" в динаміці " - цього немає в статичному макеті. Тут важливо врахувати, як задіюються теорія близькості, інтерактивні стани елементів, а також плавні переходи і анімація. Добре зверстана навігація не буде завдавати користувачам біль, а допоможе взаємодіяти з сайтом із задоволенням.
розташування щодо інших навичок:
ця навичка йде після семантичної розмітки, роботи з графічними редакторами і верстки текстового змісту сторінок в дереві навичок.
мінімальні вимоги для освоєння:
професійне завдання:
вміння верстати типові навігаційні елементи: лінійне і багаторівневі меню, "випадають" підміню, пагінацію, "хлібні крихти", складні списки та інші.
навіщо потрібен цей навик:
з версткою навігаційних елементів верстальник стикається в роботі практично над кожним сайтом. Навігація-основна частина інтерфейсу, з нею взаємодіють всі користувачі. Верстка навігації "як в макеті" — це тільки частина роботи, також важливо опрацювати роботу інтерфейсу" в динаміці " - цього немає в статичному макеті. Тут важливо врахувати, як задіюються теорія близькості, інтерактивні стани елементів, а також плавні переходи і анімація. Добре зверстана навігація не буде завдавати користувачам біль, а допоможе взаємодіяти з сайтом із задоволенням.
розташування щодо інших навичок:
ця навичка йде після семантичної розмітки, роботи з графічними редакторами і верстки текстового змісту сторінок в дереві навичок.
мінімальні вимоги для освоєння:
- створення семантичної розмітки по макету,
- експорт параметрів і графіки з PSD‑макетів або експорт параметрів і графіки з Figma,
- Верстка текстового змісту сторінок.
підготовчий матеріал
Доповнює базові знання, отримані в інтерактивних курсах, всім необхідним для початку відпрацювання кейсів.
поглиблена теорія
поглиблена теорія і методики загальним обсягом 30-50 сторінок.
демонстраційні кейси
Три демонстраційних кейса, по одному для кожного рівня складності.
У кожному кейсі в якості вхідних даних ми отримуємо дизайн сторінок. Потім, використовуючи запропоновану методику, покроково верстаємо сторінку. На виході отримуємо готову розмітку і стилі. Всі кроки детально описані.
Покрокові розбори кейсів
один розбір для кожного демо-кейса.
Розбори кейсів виконані у вигляді докладних текстових демонстрацій з пояснюючими ілюстраціями і прикладами коду.
тренувальний матеріал
Кейси зі зростаючою складністю і еталонними рішеннями, на яких ви і тренуєте навик.
П'ять тренувальних кейсів: 2 легкого рівня, 2 середнього рівня і 1 складного рівня.
В якості вхідних даних Ви отримуєте дизайни сторінок, на виході повинна вийти розмітка зі стилями.
Для тренувальних кейсів немає докладних розборів, але є еталонне рішення від авторів, яке можна порівняти зі своїм.
Доповнює базові знання, отримані в інтерактивних курсах, всім необхідним для початку відпрацювання кейсів.
поглиблена теорія
поглиблена теорія і методики загальним обсягом 30-50 сторінок.
демонстраційні кейси
Три демонстраційних кейса, по одному для кожного рівня складності.
У кожному кейсі в якості вхідних даних ми отримуємо дизайн сторінок. Потім, використовуючи запропоновану методику, покроково верстаємо сторінку. На виході отримуємо готову розмітку і стилі. Всі кроки детально описані.
Покрокові розбори кейсів
один розбір для кожного демо-кейса.
Розбори кейсів виконані у вигляді докладних текстових демонстрацій з пояснюючими ілюстраціями і прикладами коду.
тренувальний матеріал
Кейси зі зростаючою складністю і еталонними рішеннями, на яких ви і тренуєте навик.
П'ять тренувальних кейсів: 2 легкого рівня, 2 середнього рівня і 1 складного рівня.
В якості вхідних даних Ви отримуєте дизайни сторінок, на виході повинна вийти розмітка зі стилями.
Для тренувальних кейсів немає докладних розборів, але є еталонне рішення від авторів, яке можна порівняти зі своїм.
https://privatelink.de/?https://htmlacademy.ru/skills/navigation-layout/payment