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