28

Разработка небольшого проекта c BEM и node.js — Сергей Пузанков

  • Upload
    yandex

  • View
    155

  • Download
    3

Embed Size (px)

DESCRIPTION

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

Citation preview

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

Hello world!

4

Landing Page

5

〉express 〉ejs 〉nodemailer

6

Node.js

7

8

9

10

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

11

bit.ly/bn-hello-world

bem-node

13

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

bem.in

14

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

15

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

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

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

!

!

16

bem-node

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

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

〉Шаблоны на JavaScript

!

17

bem-node

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

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

〉Шаблоны на JavaScript

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

18

bem-node

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

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

〉Шаблоны на JavaScript

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

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

19

bem-node

20

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

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

Landing Page

23

bem.info

bit.ly/bn-demo

Итого

Вопросы

+38 (067) 500 06 34

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

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

Спасибо!

sergey.puzankov.puzankov@yandex-

@puzankovc