jslab.Сергей Пузанков. "Разработка небольшого проекта...

Разработка небольшого проекта с BEM и node.js

Пузанков Сергей, руководитель группы разработки поисковых интерфейсов Яндекса

Hello world!

3

Landing Page

4

〉express 〉nodemailer

5

Node.js

6

7

8

9

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

10

bit.ly/bn-hello-world

bem-node

12

Независимые блоки

bem.info

13

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

14

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

Contribs

〉Common blocks

〉Basic components

〉Modules

16

Contribs

bem-node

Тот же BEM только на node.js

〉Модульность

!

!

!

18

bem-node

Тот же BEM только на node.js

〉Модульность

〉Шаблоны на JavaScript

!

!

19

bem-node

Тот же BEM только на node.js

〉Модульность

〉Шаблоны на JavaScript

〉Рендер на сервере и на клиенте

!

20

bem-node

Тот же BEM только на node.js

〉Модульность

〉Шаблоны на JavaScript

〉Рендер на сервере и на клиенте

〉Блоки сами получают нужные данные

21

bem-node

Тот же BEM только на node-js

〉Модульность

〉Шаблоны на JavaScript

〉Рендер на сервере и на клиенте

〉Блоки сами получают нужные данные

〉Легко делать ручки

22

bem-node

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

24

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

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

Дозапросы

Дозапросы

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

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

〉Регион

〉Источник перехода

〉Разные рекламные объявления

〉Разные устройства

!

30

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

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

32

Landing Page

33

bem.info

bit.ly/bn-demo

Итого

+38 (067) 500 06 34

Сергей Пузанков

Руководитель группы разработки поисковых интерфейсов

Спасибо!

sergey.puzankov.7puzankov@yandex-team.ru

@puzankovcom

Вопросы