В своём докладе я расскажу, как использовал BEM для организации кода небольшого проекта вне Яндекса. Поговорим о том, что такое bem-node, каковы его возможности и как быстро создать с его помощью небольшой, но легко масштабируемый проект на node.js.

2. Разработка
небольшого проекта с
BEM и node.js
Пузанков Сергей
Руководитель группы разработки поисковых
интерфейсов
!
Я.Субботник, Киев, 22.11.2014

3. Hello world!

4. 4
Landing Page

5. 5

6. 〉express
〉ejs
〉nodemailer
6
Node.js

7. 7

8. 8

9. 9

10. 10
Проект начинает размножаться

11. 11

12. bem-node
bit.ly/bn-hello-world

13. 13
Независимые блоки
bem.in

14. 14
Интерфейс из независимых блоков

15. 15
Модифицируемые блоки

16. Тот же BEM только на node-js
〉Модульность
!
!
16
bem-node

17. Тот же BEM только на node-js
〉Модульность
〉Шаблоны на JavaScript
!
17
bem-node

18. Тот же BEM только на node-js
〉Модульность
〉Шаблоны на JavaScript
〉Рендер на сервере и на клиенте
18
bem-node

19. Тот же BEM только на node-js
〉Модульность
〉Шаблоны на JavaScript
〉Рендер на сервере и на клиенте
〉Блоки сами получают нужные данные
19
bem-node

20. 20
Отказоустойчивый интерфейс

21. 21
1.1
2.1
1.3
1.2
2.2
2.1
1.2
2.2
2.1
1.2
2.2
2.1
1.2
2.2
2.1
1.2
2.2
2.1
1.2
2.2
2.1
1.2
2.2
2.1
1.2
2.2

22. 22
Landing Page

23. 23

24. bem.info

25. bit.ly/bn-demo

26. Итого

27. Вопросы

28. Спасибо!
Сергей Пузанков
Руководитель группы разработки поисковых
@puzankovc
+38 (067) 500 06 34
puzankov@yandex- sergey.puzankov.