alexbaumgertner / presentation-bem-stack

Доклад "Полный стек технологий БЭМ"

Доклад "Полный стек технологий БЭМ"

presentation-bem-stack's Issues

BEMJSON — это не JSON

На слайде про BEMJSON есть ссылка на википедию на формат JSON. На самом деле BEMJSON — это JavaScript.

Смысл существования machine-bem-coder

Верно ли я понимаю, что machine-bem-coder отличается от https://github.com/bem/project-stub лишь наличием gulp-конфига? Может быть схлопнуть его именно до конфига, чтобы в ридми было написано что-то вроде:

1. Склонируйте bem/project-stub
2. Положите себе этот конфиг

Тогда не будет рассинхрона (сейчас machine-bem-coder отстает от project-stub).

Поправить пример BEMTREE (слайд 38)

Добавить сравнение размера сжатых библиотек Angular, React и BEM components

Добавить сравнение размера сжатых библиотек

• Angular
• React
• BEM components (с шаблонами на клиенте)

Поправить работу презентации

• поправить стили
• убрать лишние css/js

Добавить слайды на пример проекта project-stub

Краткая информация о проекте:

• Автор
• репозиторий
• схема структуры (опционально)

Добавить слайды о сборщиках

bem-tools и enb

Добавить слайд о наставниках в Академии

Короткое описание наставничества и приглашение к участию.

Обновить gist футера

См. изменения в https://gist.github.com/tadatuta/acbeba6e16ac64e7f160 (mods -> elemMods, модификатор у menu -> mix)

Добавить полифилы fetch и Promises

http://polyfills.io

Добавить слайды о библиотеке bem-components

Репозиторий: https://github.com/bem/bem-components
Документация: https://ru.bem.info/libs/bem-components/v2.4.0/
Разработка: https://waffle.io/bem/bem-components

Видео:
https://www.youtube.com/watch?v=Wtvlth-mG7U

Добавить пример проектов

https://github.com/voischev/express-bemtree-project-stub

Добавить слайды про клиентский js в БЭМ-терминах

48 слайд, эссе презентации

Опечатка «аличие» на слайде «Построение прототипа в BEMJSON»

Добавить слайд о express + bem

https://github.com/express-bem

Добавить ссылки на технологии при перечислении

16 слайд, ссылки на документацию по каждой технологии

Добавить слайды по уровни переопределения

• Какие проблемы решает?
• Как реализовано?
• Сравнительный профит

Добавить live-демо JSON=>BEMJSON=>HTML

Описание

Сделать демо как http://bem.github.io/bem-xjst/

Перейти на shower 2

https://github.com/shower/shower/releases/tag/2.0.3

В logo > icon использовать <span> вместо <i>

Такие моменты вызывают кучу батхерта у любителей семантики и заявления, что БЭМ несемантичный.

Online-demo bem-xjst

Важно понимать, что BEM-XJST online demo использует данные, которые закэшировались в браузере, поэтому, нельзя рассчитывать, что у того, кто смотрит презентацию, там окажется тот же код, что и у тебя.

Добвить слайды о Яндексе

• вакансии
• сообщество BEM

Отзывы о рассказе в Академии

Добавить слайды о библиотеке bem-core

Репозиторий: https://github.com/bem/bem-core
Документация: https://ru.bem.info/libs/bem-core/v2.8.0/

Презентации:

• http://www.slideshare.net/yandex/bem-core

Видео

• https://www.youtube.com/watch?v=_vYwHs6E-JA

Поправить описание в слайде примера BEMJSON

http://alexbaumgertner.github.io/presentation-bem-stack/#21

Собрать вопросы по BEM

Пишите пожалуйста вопросы в комментариях к задаче.

Спасибо!

Сделать пример js jQuery через редактор

Слайд 44

Добавить иллюстрации к "Проектирование"

Добавить иллюстрацию на "Блок", "Элемент", "Модификатор".

Добавить пару слайдов об "экзотической шаблонизации"

Дополнить слайд 41.

Поправить выравнивание редакторов по левому краю

Разделить презентации для рассказа/самостоятельного изучения

Разделить презентации для рассказа/самостоятельного изучения

– для рассказа: максимально просто и наглядно, убрать вставки внешних презентаций и видео, сделать крупным шрифты

Переделать нить повествования

Весь рассказ вести на примере разработки barbershop (учебный макет) + sailsbem

Рассказать о текущей проблеме: нет единой предметной области от менеджера/дизайнера до фронтендера

Небольшое введение в sailsjs и simple-store-sails
На основе проекта simple-store-sails рассказывать о технологиях, разрабатывая страницу товаров

BEMTREE

1. В ближайшее время в bem-xjst 4 появится поддержка BEMTREE, но пока синхронная (см. bem/bem-xjst#132)
2. У нас есть дока https://ru.bem.info/technology/bemtree/v2/bemtree/ но в ней пока никак не отражено [1]
3. Есть репо https://github.com/tadatuta/bem-express где используется настроенная связка из нового BEMTREE -> BEMHTML на express

Опечатка на слайде про i-bem.js

переопределение поведениЯ

Составить план

Плагин для показа Ace Editor

Для вдохновения можно посмотреть другие плагины

https://github.com/zloylos/shower-markdown/blob/master/lib/Plugin.js
https://github.com/zloylos/shower-map/blob/master/shower-map.js
https://github.com/shower/next/blob/master/shower-next.js

10 years from first BEM usage in production tribute

Сделать на BEM full stack (JSON/BEMJSON страницу Фейсбука группы BEM https://www.facebook.com/groups/bem.info

backend: Graph QL

Побольше слов типа: Двупроходная шаблонизация

Добавить сравнение шаблонизаторов React и BEM-stack

Будет полезно добавить сравнение шаблонизаторов React и BEM-stack, для раскрытия вопроса будет полезен комментарий bem-site/bem-forum-content-ru#891 (comment)