Мы продолжаем серию интенсивов для новичков на целый день!
В прошлый раз участники жаловались, что сложно выбраться в рабочий день. Мы вас услышали и теперь проводим мероприятие в воскресение, 8 апреля.
Очень просим вас максимально оперативно зарегистрироваться.
Как и на прошлом митапе начнем с самых азов и познакомим начинающих верстальщиков с идеями, которые стоят за БЭМ, а затем перейдем к практике на БЭМ-платформе (bem-express) и React с использованием bem-react-core.
Вас ждет детальный рассказ про основы БЭМ на реальных примерах, включая CSS и хорошие практики в написании HTML-разметки. Кроме того, мы обсудим, как организовать станок верстальщика, рассмотрим такую мощную концепцию, как уровни переопределения, а также сборку.
Дальше мы обсудим разработку проекта на React.js и научимся описывать React-компоненты в декларативном стиле. Для вас подготовлено плавное погружение в bem-react-core. Мы на практических примерах рассмотрим, какие преимущества получит ваш React-проект с использованием этой библиотеки.
В этот раз у нас будет гораздо больше времени, так вы сможете сделать передышку, задать вопросы и перекусить в перерыве.
План мероприятия:
12:00 — 12:30 — Знакомство и ваши вопросы
12:30 — 14:00 — Основы БЭМ
14:00 — 15:00 — Перерыв
15:00 — 18:00 — Знакомство с React.js и плавное погружение в bem-react-core
18:00 — 19:00 — Заключительная секция вопросов и ответов
Ноутбук приносить не обязательно. После встречи мы опубликуем все материалы, ссылки и видео.
Митапы по БЭМ, как всегда, бесплатны, но нужно зарегистрироваться заранее: количество мест ограничено.
По всем вопросам пишите по адресу: info@bem.info
Stay BEMed!
Пожелание: Рассмотреть возможные примеры использования Vue.js вместе с БЭМ-стеком.
я боюсь, что не осилю нормально раскрыть тему про vue.js, т.к. сам не использую :( но готов уступить микрофон для кого-нибудь из зала, кто возьмется рассказать.
Предложение не обеднять видео и презентацию как тут https://www.youtube.com/watch?v=s5TlIp8k-hE&feature=youtu.be&t=381
Под "станком верстальщика" имеется в виду генерация статических html+js+css из bolerplate (webpack+react+bem-react-core)?
(Это было бы оч.-оч.-оч. кстати. Что-то пока ниасилилось само.)
да кстати, webpack + bem-react-core поддерживаю
Была попытка добавить виртуальный DOM в bem-xjst (https://github.com/bem/bem-xjst/pull/235), расскажите подробнее об этом (мотивация идеи, что пошло не так, какие результаты экспериментов)?
TODO read:
Привет! Сразу оговорюсь, я являюсь давнишним поклонником БЭМ и потратил в сумме не один десяток часов на то чтобы разобраться что к чему. В целом подход очень нравится, но непонятно как это использовать в реальных проектах? С неймингом и уровнями переопределения разобрался, это просто бомба. Осталось сделать автоматизацию сборки и внедрить БЭМ на проект по-взрослому. Вопрос, как? После использования правильных названий, какой следующий шаг? О проекте. Делаю интернет-магазин на Opencart. Сначала дизайнер рисует макеты основных страниц (корзина, каталог, продукт, главная) в трех разрешениях. Потом я верстаю по этим макетам Далее натяжка на движок. И интеграция по API со сторонними сервисами. Вопрос. Где и как мне подключать БЭМ. Дайте совет новичку)