28.03.15. Одесса. Impact Hub Odessa. Конференция JSLab. Сергей Пузанков. "Разработка небольшого проекта c BEM и node.js" В своём докладе я расскажу, как использовал BEM для организации кода небольшого проекта вне Яндекса. Поговорим о том, что такое bem-node, каковы его возможности и как быстро создать с его помощью небольшой, но легко масштабируемый проект на node.js. Подробнее: http://geekslab.co/ https://www.facebook.com/GeeksLab.co https://www.youtube.com/user/GeeksLabVideo

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

2. Hello world!

3. 3
Landing Page

4. 4

5. 〉express
〉nodemailer
5
Node.js

6. 6

7. 7

8. 8

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

10. 10

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

12. 12
Независимые блоки
bem.info

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

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

15. Contribs

16. 〉Common blocks
〉Basic components
〉Modules
16
Contribs

17. bem-node

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

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

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

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

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

23. Внешние данные

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

25. Нам нужно Больше запросов!

26. Дозапросы

27. Дозапросы

28. 28
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

29. Гибкий интерфейс

30. 〉Регион
〉Источник перехода
〉Разные рекламные объявления
〉Разные устройства
!
30
Гибкий интерфейс

31. A/B тестирование

32. 32
Landing Page

33. 33

34. bem.info

35. bit.ly/bn-demo

36. Итого

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

38. Вопросы