Сергей Бережной — bem-core

533 views
435 views

Published on

Недавно мы выделили из библиотеки bem-bl минимальное ядро для разработки сервисов, без каких-либо конкретных визуальных блоков. В докладе мы поговорим об этом ядре: что вошло в его состав, что изменилось и что появилось нового.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
533
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Сергей Бережной — bem-core

  1. 1. bem-core Сергей Бережной BEMup в рамках YaC 2013, Москва
  2. 2. bem-bl
  3. 3. bem-bl блоки-хелперы визуальные блоки 4
  4. 4. bem-core
  5. 5. bem-core Уровни переопределения
  6. 6. bem-core: Уровни переопределения common.blocks — предназначен для любых устройств и браузеров desktop.blocks — следует использовать для всех десктопных браузеров touch.blocks — реализует некоторую специфику для тачплатформ 7
  7. 7. bem-core Блоки
  8. 8. bem-core: Блоки i-bem — базовый блок с хелперами для JS и HTML 9
  9. 9. bem-core: Блоки ecma — некоторые ES5-полифилы strings — хелперы для JS-строк objects — хелперы для JS-объектов functions — хелперы для JS-функций events — JS-события 10
  10. 10. bem-core: Блоки inherit — ООП-хелперы 11
  11. 11. bem-core: Блоки jquery — jQuery 12
  12. 12. bem-core: Блоки tick — глобальный таймер idle — IDLE-событие next-tick — полифил для nextTick/setTimeout(0, ...) 13
  13. 13. bem-core: Блоки identify — идентификация JS-объектов clearfix — CSS-трюк clearfix querystring — работа со строкой запроса loader — загрузчик для JS-файлов cookie — хелперы для работы с браузерными куками vow — реализация Promises/A+ 14
  14. 14. bem-core: Блоки dom — хелперы для работы с DOM pointer-events — кроссплатформенные события указателя ua — определение возможностей браузера page — скелет для html/head/body 15
  15. 15. bem-core Изменения
  16. 16. bem-core: Изменения Переход на модульную систему github.com/ymaps/modules 17
  17. 17. bem-core: Изменения Из i-bem, i-bem__dom убраны все deprecated-методы i-bem больше не зависит от jQuery (i-bem__dom продолжает зависеть от jQuery) 18
  18. 18. bem-core: Изменения BEMHTML-шаблоны можно писать с использованием JSсинтаксиса bemtree (на базе bem-xjst): для описания процесса динамического построения БЭМ-дерева 19
  19. 19. bem-core: Изменения vanilla.js: JS-реализация модулей, не зависящая от конкретного JS-движка browser.js и node.js: JS-реализация блоков в соответствующих движках 20
  20. 20. bem-core: Изменения Система модульного тестирования и примеров для блоков в библиотеке 21
  21. 21. bem-core: Изменения i-bem и BEMHTML: простые модификаторы (модификаторы без значений) 22
  22. 22. bem-core: Изменения Все блоки-модули избавились от префиксов 23
  23. 23. bem-core: Изменения Все блоки-модули, кроме i-bem, избавились от префиксов 24
  24. 24. bem-core: Изменения github.com/bem/bem-core/blob/v1/CHANGELOG.md 25
  25. 25. bem-core Контрибьют
  26. 26. bem-core: Контрибьют Рабочая рабочая копия Правила для заведения задач, веток и пулл-реквестов Тесты и примеры 27
  27. 27. bem-core Версионирование
  28. 28. bem-core: Версионирование x.y.Z — совместимые изменения x.Y.z — не совместимые изменения X.y.z — совсем не совместимые изменения 29
  29. 29. bem-core Планы
  30. 30. bem-core: Планы 31
  31. 31. Сергей Бережной Руководитель отдела разработки поисковых интерфейсов @veged veged veged@yandex-team.ru 32
  32. 32. БЭМ Блок__Элемент_Модификатор groups/bem.info @bem_ru @bem_en #b_ clubs.ya.ru/bem bem info@bem.info 33
  33. 33. Спасибо за внимание 22 34

×