опис навику
професійне завдання:
аналізуючи графічний макет, потрібно розділити інтерфейс на компоненти і спроектувати їх структуру за методологією Бем.
навіщо потрібен цей навик:
методологія БЕМ (Блок, елемент, модифікатор) — широко поширений у веб-розробці компонентний підхід до опису структури інтерфейсу. Така структура дозволяє швидко створювати передбачувану і надійну верстку інтерфейсів будь-якої складності. Бем-компоненти можна легко розширювати і перевикористовувати без дублювання коду. Освоївши цю навичку, ви зможете на етапі аналізу макета впевнено розділяти інтерфейс на незалежні блоки і їх елементи, визначати взаємозв'язки між ними, а потім втілювати отриману структуру в розмітці.
професійне завдання:
аналізуючи графічний макет, потрібно розділити інтерфейс на компоненти і спроектувати їх структуру за методологією Бем.
навіщо потрібен цей навик:
методологія БЕМ (Блок, елемент, модифікатор) — широко поширений у веб-розробці компонентний підхід до опису структури інтерфейсу. Така структура дозволяє швидко створювати передбачувану і надійну верстку інтерфейсів будь-якої складності. Бем-компоненти можна легко розширювати і перевикористовувати без дублювання коду. Освоївши цю навичку, ви зможете на етапі аналізу макета впевнено розділяти інтерфейс на незалежні блоки і їх елементи, визначати взаємозв'язки між ними, а потім втілювати отриману структуру в розмітці.
підготовчий матеріал
Доповнює базові знання, отримані в інтерактивних курсах, всім необхідним для початку відпрацювання кейсів.
поглиблена теорія
поглиблена теорія і методики загальним обсягом 30-50 сторінок.
демонстраційні кейси
Три демонстраційних кейса: 1 легкого рівня, 1 середнього рівня і 1 складного рівня.
у кожному кейсі в якості вхідних даних ми отримуємо дизайн сторінок. Потім, використовуючи запропоновану методику, покроково створюємо розмітку. На виході отримуємо готову розмітку. Всі кроки детально описані.
покрокові розбори кейсів
один розбір для кожного демо-кейса.
розбори кейсів виконані у вигляді докладних текстових демонстрацій з пояснюючими ілюстраціями і прикладами коду.
тренувальний матеріал
Кейси зі зростаючою складністю і еталонними рішеннями, на яких ви і тренуєте навик.
П'ять тренувальних кейсів: 2 легкого рівня, 2 середнього рівня і 1 складного рівня.
в якості вхідних даних Ви отримуєте дизайни сторінок, на виході повинна вийти розмітка, виконана по БЕМ.
Для тренувальних кейсів немає докладних розборів, але є еталонне рішення від авторів, яке можна порівняти зі своїм.
Доповнює базові знання, отримані в інтерактивних курсах, всім необхідним для початку відпрацювання кейсів.
поглиблена теорія
поглиблена теорія і методики загальним обсягом 30-50 сторінок.
демонстраційні кейси
Три демонстраційних кейса: 1 легкого рівня, 1 середнього рівня і 1 складного рівня.
у кожному кейсі в якості вхідних даних ми отримуємо дизайн сторінок. Потім, використовуючи запропоновану методику, покроково створюємо розмітку. На виході отримуємо готову розмітку. Всі кроки детально описані.
покрокові розбори кейсів
один розбір для кожного демо-кейса.
розбори кейсів виконані у вигляді докладних текстових демонстрацій з пояснюючими ілюстраціями і прикладами коду.
тренувальний матеріал
Кейси зі зростаючою складністю і еталонними рішеннями, на яких ви і тренуєте навик.
П'ять тренувальних кейсів: 2 легкого рівня, 2 середнього рівня і 1 складного рівня.
в якості вхідних даних Ви отримуєте дизайни сторінок, на виході повинна вийти розмітка, виконана по БЕМ.
Для тренувальних кейсів немає докладних розборів, але є еталонне рішення від авторів, яке можна порівняти зі своїм.
https://privatelink.de/?https://htmlacademy.ru/skills/bem/payment