jslab.Сергей Пузанков. "Разработка небольшого проекта...
TRANSCRIPT
Разработка небольшого проекта с BEM и node.js
Пузанков Сергей, руководитель группы разработки поисковых интерфейсов Яндекса
Hello world!
3
Landing Page
4
〉express 〉nodemailer
5
Node.js
6
7
8
9
Проект начинает размножаться
10
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
Сергей Пузанков
Руководитель группы разработки поисковых интерфейсов
Спасибо!
@puzankovcom
Вопросы