Перейти к содержимому








Фотография
Скачать

[HTML academy] Разметка по БЭМ (2021)



  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 НЛО

НЛО

    Запись опубликована анонимно ✔

  • Сливапер LVL 6
  • Сообщений: 28 039
  • Регистрация: 04.06.2018
  • Заработано: 11 727 руб.
Репутация: 14 087

Награды: 56

  
  
  
  
  
  
  
  

Отправлено 07 Декабрь 2021 - 15:33

Название: Разметка по БЭМ (2021)

Автор: HTML academy


4cffe92b467f.png

 

Профессиональная задача:

Анализируя графический макет, нужно разделить интерфейс на компоненты и спроектировать их структуру по методологии БЭМ.

Зачем нужен этот навык:

Методология БЭМ (Блок, Элемент, Модификатор) — широко распространённый в веб-разработке компонентный подход к описанию структуры интерфейса. Такая структура позволяет быстро создавать предсказуемую и надёжную вёрстку интерфейсов любой сложности. БЭМ-компоненты можно легко расширять и переиспользовать без дублирования кода. Освоив этот навык, вы сможете на этапе анализа макета уверенно разделять интерфейс на независимые блоки и их элементы, определять взаимосвязи между ними, а затем воплощать полученную структуру в разметке.

Состав навыка
Подготовительный материал

Дополняет базовые знания, полученные в интерактивных курсах, всем необходимым для начала отработки кейсов.

Углублённая теория
Углублённая теория и методики общим объёмом 30-50 страниц.

Демонстрационные кейсы
Три демонстрационных кейса: 1 лёгкого уровня, 1 среднего уровня и 1 сложного уровня.
В каждом кейсе в качестве входных данных мы получаем дизайн страниц. Затем, используя предложенную методику, пошагово создаём разметку. На выходе получаем готовую разметку. Все шаги детально описаны.

Пошаговые разборы кейсов
Один разбор для каждого демо-кейса.
Разборы кейсов выполнены в виде подробных текстовых демонстраций с поясняющими иллюстрациями и примерами кода.

Тренировочный материал

  • Методика
  • 3 кейса лёгкого уровня
  • 3 кейса среднего уровня
  • 3 кейса сложного уровня
  • Дополнительная теория

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


Anonymous poster hash: ba672...36d


Скрытый контент:

  Для просмотра необходимо войти или зарегистрироваться


Скачать:

Скрытый контент:

  Для просмотра содержимого необходимо 888 очков репутации (вам не хватает 888)

 Скачать без ограничений   Купить этот материал за 390 руб.



🔔 Подпишись на наш канал telegram @slivup_live и бота @kurs_slivup, что бы следить за крутыми новинками форума

  • 1

#2 mujik

mujik
  • Platinum
  • Сообщений: 43
  • Регистрация: 10.02.2016
  • Заработано: 1 руб.
Репутация: 3

Награды: 16

  
  
  
  
  
  
  
  

Отправлено 19 Июль 2022 - 19:21

НЛО, прошу обновить ссылку, а так же делаю запрос на восстановление в специальном разделе.
  • 0

#3 OXAS

OXAS
  • Сливапер LVL 7
  • Сообщений: 11 479
  • Регистрация: 08.01.2015
  • Заработано: 19 633 руб.
Репутация: 18 921

Награды: 53

  
  
  
  
  
  
  
  

Отправлено 19 Июль 2022 - 20:43

mujik,

Скрытый контент:

  Для просмотра содержимого необходимо 888 очков репутации (вам не хватает 888)

 Скачать без ограничений   Купить этот материал за 390 руб.


  • 0

#4 avorobyev174

avorobyev174
  • Premium
  • Сообщений: 14
  • Регистрация: 03.05.2017
  • Заработано: 3 руб.
Репутация: 3

Награды: 11

  
  
  
  
  
  
  
  

Отправлено 05 Декабрь 2022 - 12:07

Здравствуйте, обновите пож-та ссылку


  • 0

#5 DarkHold

DarkHold
  • Premium
  • Сообщений: 3 037
  • Регистрация: 28.01.2023
  • Заработано: 3 198 руб.
Репутация: 3 827

Награды: 25

  
  
  
  
  
  
  
  

Отправлено 30 Май 2023 - 16:02

Скрытый контент:

  Для просмотра содержимого необходимо 100 очков репутации (вам не хватает 100)

 Скачать без ограничений   Купить этот материал за 390 руб.


  • 0



Похожие темы Collapse

  Название темы Форум Автор Статистика Последнее сообщение

Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных

×

Зарегистрируйся моментально!