Embed Size (px)
DESCRIPTION
Во время учебы в ШРИ и работы в Яндексе мне пришлось вплотную познакомиться с БЭМ и сопутствующими технологиями и инфраструктурой. В докладе я расскажу о своём первом впечатлении и о том, как оно менялось со временем. Также поделюсь опытом контрибьюта в opensource библиотек bem-history и bem-core, а в конце мы попробуем быстро написать простое одностраничное приложение, использующее для своей работы History API и библиотеку bem-history.
Citation preview
bem-history и опыт контрибьюта в БЭМ
Алексей Кондратов
2
Алексей Кондратов
Выпускник кафедры теоретической физики «МИФИ»
Ruby/RoR разработчик
JavaScript/Разработчик интерфейсов SERP в Яндексе
Занимаюсь исследованием метаматериалов и плазмонных наноструктур в Институте кристаллографии РАН
Первое знакомство с БЭМ
3
Методология – «Да, это именно то, чего все ждали!»
4
Методология – «Да, это именно то, чего все ждали!» Инфраструктура – “Baby don’t hurt me, don’t hurt me,
no more”
5
Методология – «Да, это именно то, чего все ждали!» Инфраструктура – “Baby don’t hurt me, don’t hurt me,
no more” Отсутствовала полная документация
6
Методология – «Да, это именно то, чего все ждали!» Инфраструктура – “Baby don’t hurt me, don’t hurt me,
no more” Отсутствовала полная документация Не было возможности удобно писать тесты «из
коробки»
7
Методология – «Да, это именно то, чего все ждали!» Инфраструктура – “Baby don’t hurt me, don’t hurt me,
no more” Отсутствовала полная документация Не было возможности удобно писать тесты «из
коробки» Сложная сборка …
8
9
Второе знакомство с БЭМ
10
Новые технологии и модульная структура
11
Новые технологии и модульная структура
Удобная инфраструктура для написания тестов
12
Новые технологии и модульная структура
Удобная инфраструктура для написания тестов
Автосборка пулл-реквестов в Travis CI
13
Новые технологии и модульная структура
Удобная инфраструктура для написания тестов
Автосборка пулл-реквестов в Travis CI
Оценка покрытия кода тестами в Coveralls
14
15
bem-history
16
17
uri
18
19
history
20
21
location
22
23
24
25
bem-flashcards
26
27
github.com/bem/project-stub
github.com/bem/bem-core
github.com/bem/bem-history
28
git clone https://github.com/bem/project-stub.git
29
Результат
github.com/ololobus/bem-flashcards
ololobus.github.io/bem-flashcards/
Ждём ваших пулл-реквестов ;)
github.com/bem/bem-history
github.com/bem/bem-core
30
Кондратов Алексей
@ololobuss
github.com/ololobus
Всем БЭМ!
31
