Документ описывает обновления и планы по версии 3 библиотеки bem-core, разработанной Сергеем Бережным. В нём рассмотрены изменения в структуре классов и добавление новых функциональных возможностей, таких как модульная система и работа с событиями. Также содержится информация о поддержке i18n и приглашение к участию в разработке проекта на GitHub.

2. bem-core@v3
Сергей Бережной, руководитель отдела
BEMup в Санкт-Петербурге, 6 сентября 2014

3. Обо мне
veged@yandex-team.ru
@veged
Вегед
9 лет в Яндексе
отдел поисковых интерфейсов
соавтор БЭМ
3

4. Предыдущие версии
4

5. Предыдущие версии
bit.ly/bem-core-v0
bit.ly/bem-core-v1
bit.ly/bem-core-v2
4

6. Semantic Versioning
semver.org
5

9. Анонс планов
ru.bem.info/blog/bem-core-v3-plans
!
!
!
!
!
7

10. Анонс планов
ru.bem.info/blog/bem-core-v3-plans
!
!
!
!
!
7

11. Disclaimer

12. i-bem.js
ru.bem.info/tags/i-bem
9

13. Разделение i-bem
на i-bem и i-bem-dom

14. Как сейчас
i-bem, BEM
i-bem__dom, BEMDOM
11

15. Как сейчас
динамические поля классов
статические поля классов
12

16. Как сейчас
replace(ctx, content)
append(ctx, content)
prepend(ctx, content)
…
13

17. Как сейчас
BEMDOM.append(ctx, content)
BEM.blocks['button'].append(ctx, content)
this.__self.append(ctx, content)
14

20. Как будет
github.com/bem/bem-core/issues/413
16

21. Как будет
i-bem
i-bem-dom
17

22. Как будет
i-bem
i-bem-dom
17

23. Как будет
хелперы
js-классы
18

24. Элементы как объекты
с BEM API

25. Как сейчас
20

26. Как сейчас
элементы — jQuery-chain
20

27. Как сейчас
элементы — jQuery-chain
this.setMod(this.elem('close'), 'visible')
20

28. Как сейчас
элементы — jQuery-chain
this.setMod(this.elem('close'), 'visible')
i-bem_elem-instances + i-bem__dom_elem-instances
20

29. Как сейчас
элементы — jQuery-chain
this.setMod(this.elem('close'), 'visible')
i-bem_elem-instances + i-bem__dom_elem-instances
20

30. Как будет
github.com/bem/bem-core/issues/581
21

31. Как будет
22

32. Как будет
элементы могут декларироваться и использоваться как и блоки
22

33. Как будет
элементы могут декларироваться и использоваться как и блоки
22

34. Как будет
элементы могут декларироваться и использоваться как и блоки
22

35. Как будет
элементы могут декларироваться и использоваться как и блоки
this.elem('close').setMod('visible')
22

36. Как будет
элементы могут декларироваться и использоваться как и блоки
this.elem('close').setMod('visible')
i-bem_elem-instances + i-bem__dom_elem-instances
22

37. Коллекции
блоков и элементов

38. Как сейчас
24

39. Как сейчас
элементы — jQuery-chain
24

40. Как сейчас
элементы — jQuery-chain
this.setMod(this.elem('item'), 'visible')
24

41. Как сейчас
элементы — jQuery-chain
this.setMod(this.elem('item'), 'visible')
i-bem__collection + i-bem__dom_collection_yes
24

42. Как будет
github.com/bem/bem-core/issues/582
github.com/bem/bem-core/issues/575
25

43. Как будет
26

44. Как будет
this.findBlocksInside(Input).setMod('disabled')
26

45. Как будет
this.findBlocksInside(Input).setMod('disabled')
this.findElems('item').setMod('disabled')
26

46. Как будет
this.findBlocksInside(Input).setMod('disabled')
this.findElems('item').setMod('disabled')
26

47. Модульная система
для использования блоков

48. Как сейчас
28

49. Как сейчас
BEM.blocks['button']
28

50. Как сейчас
BEM.blocks['button']
this.findBlockInside('button')
28

51. Как сейчас
BEM.blocks['button']
this.findBlockInside('button')
отдельно зависимости в *.deps.js
28

52. Как сейчас
BEM.blocks['button']
this.findBlockInside('button')
отдельно зависимости в *.deps.js
28

53. Как будет
github.com/bem/bem-core/issues/413
29

54. Как будет
30

55. Как будет
modules.define(
'my-block',
['i-bem-dom', 'button'],
function(provide, BemDom, Button) {
30

56. Как будет
modules.define(
'my-block',
['i-bem-dom', 'button'],
function(provide, BemDom, Button) {
this.findBlockInside(Button)
30

57. Как будет
modules.define(
'my-block',
['i-bem-dom', 'button'],
function(provide, BemDom, Button) {
this.findBlockInside(Button)
возможность не писать *.deps.js
30

58. API работы с событиями

59. Как сейчас
32

60. Как сейчас
BEM, DOM
32

61. Как сейчас
BEM, DOM
instance, delegation (live)
32

62. Как сейчас
BEM, DOM
instance, delegation (live)
live с указанием контекста
32

63. Как сейчас
33

64. Как сейчас
on, un, emit
33

65. Как сейчас
on, un, emit
bindTo*, unbindFrom*, trigger
33

66. Как сейчас
on, un, emit
bindTo*, unbindFrom*, trigger
liveBindTo*, liveUnbindFrom*
33

67. Как сейчас
on, un, emit
bindTo*, unbindFrom*, trigger
liveBindTo*, liveUnbindFrom*
liveInitOnBlockInsideEvent
33

68. Как сейчас
on, un, emit
bindTo*, unbindFrom*, trigger
liveBindTo*, liveUnbindFrom*
liveInitOnBlockInsideEvent
liveInitOnBlockEvent
33

69. Как сейчас
on, un, emit
bindTo*, unbindFrom*, trigger
liveBindTo*, liveUnbindFrom*
liveInitOnBlockInsideEvent
liveInitOnBlockEvent
33

70. Как будет
github.com/bem/bem-core/issues/394
34

71. Как будет
35

72. Как будет
events([ctx]), domEvents([ctx])
35

73. Как будет
events([ctx]), domEvents([ctx])
on, un, emit
35

74. Как будет
events([ctx]), domEvents([ctx])
on, un, emit
35

75. I18N

76. Как сейчас
37

77. Как сейчас
наследство от bem-bl
37

78. Как сейчас
наследство от bem-bl
37

79. Как сейчас
наследство от bem-bl
37

80. Как сейчас
наследство от bem-bl
не используется модульная система
37

81. Как сейчас
наследство от bem-bl
не используется модульная система
ядро можно написать лучше
37

82. Как будет
github.com/bem/bem-core/issues/576
38

83. Как будет
39

84. Как будет
I18N
39

85. Как будет
I18N
поддержка в модульной системе (по аналогии с BEMHTML)
39

86. Как будет
I18N
поддержка в модульной системе (по аналогии с BEMHTML)
ядро проще и быстрее
39

87. Как будет
I18N
поддержка в модульной системе (по аналогии с BEMHTML)
ядро проще и быстрее
39

88. Что дальше

91. Приглашаем к участию!
42

92. Приглашаем к участию!
GitHub: bit.ly/bem-core-v3-issues
42

93. Приглашаем к участию!
GitHub: bit.ly/bem-core-v3-issues
42

94. Приглашаем к участию!
GitHub: bit.ly/bem-core-v3-issues
Форум: ru.bem.info/forum (тег «bem-core»)
42

95. Приглашаем к участию!
GitHub: bit.ly/bem-core-v3-issues
Форум: ru.bem.info/forum (тег «bem-core»)
Чат: gitter.im/bem/talk
42

96. 43
БЭМ !
@bem_ru #b_
bem
ru.bem.info
ru.bem.info/forum #bem-core

97. 44
Сергей Бережной
!
руководитель отдела
разработки поисковых интерфейсов
@veged
veged
veged@yandex-team.ru

98. Обратная связь
bit.ly/spb-feedback
45

99. Обратная связь
bit.ly/spb-feedback
45