building developer community in russia
TRANSCRIPT
![Page 1: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/1.jpg)
Building developer community in Russia
Yelena Jetpyspayeva, @mursya DevRelCon 2016, London
![Page 2: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/2.jpg)
past — BEM Program Manager @ Yandex, Moscow
present — Technology Marketing Manager @ Bright Computing, Amsterdam
about.me/mursya
Who am I?
2
![Page 3: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/3.jpg)
Building BEM community in Russia and worldwide
What’s BEM? A little history Challenge accepted! BEM way Lessons we learned
We’ll talk about
3
![Page 4: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/4.jpg)
What’s BEM?
4
![Page 5: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/5.jpg)
5
![Page 6: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/6.jpg)
6
![Page 7: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/7.jpg)
7
![Page 8: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/8.jpg)
Block__Element_Modifier = BEM
BEM as a methodology, invented at Yandex
BEM as a toolkit & a platform, all open source
BEM as a community
in 2015 BEM was team of 30 dev and 1 devrel
8
What’s BEM?
![Page 9: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/9.jpg)
Little BEM history
![Page 10: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/10.jpg)
10
![Page 11: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/11.jpg)
Support someone else's code
Refactoring
Reuse
A lot of different frameworks & libs
No dependency management
Where pain comes from
11
![Page 12: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/12.jpg)
12
![Page 13: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/13.jpg)
13
![Page 14: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/14.jpg)
14
![Page 15: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/15.jpg)
15
![Page 16: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/16.jpg)
16
![Page 17: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/17.jpg)
17
![Page 18: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/18.jpg)
18
cat_type_red
![Page 19: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/19.jpg)
19
cat_state_wet
![Page 20: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/20.jpg)
Block__Element_Modifier
Block__Element_Mod_ModValue
BEM naming convention
20
![Page 21: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/21.jpg)
21
![Page 22: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/22.jpg)
Methodology — idea and architecture
Toolbox — tools and SDK
Platform — Libraries, templates, client-side js, etc
Community
BEM
22
![Page 23: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/23.jpg)
23
![Page 24: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/24.jpg)
24
![Page 25: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/25.jpg)
Challenge accepted!
![Page 26: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/26.jpg)
26
![Page 27: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/27.jpg)
27
![Page 28: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/28.jpg)
28
![Page 29: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/29.jpg)
29
![Page 30: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/30.jpg)
External — build community that learn by themselves, become skilled enough to be hired, helps to develop, helps to test, develop together, own parts of BEM, locally & globally
Challenge
30
![Page 31: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/31.jpg)
31
![Page 32: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/32.jpg)
External — build community that learn by themselves, become skilled enough to be hired, helps to develop, helps to test, develop together, own parts of BEM, locally and globally
Internal — build infrastructure solution for services, win back client base, improve communication, be transparent, grow internal evangelists
Challenge
32
![Page 33: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/33.jpg)
33
![Page 34: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/34.jpg)
BEM ecosystem — self-sufficient
environment where processes work,
benefits are obvious, and community’s life is
not dependant on creators or evangelists
![Page 35: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/35.jpg)
35
![Page 36: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/36.jpg)
2 years 2 make
![Page 37: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/37.jpg)
BEM way
![Page 38: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/38.jpg)
External — build community that learn by themselves, become skilled enough to be hired, helps to develop, helps to test, develop together, own parts of BEM, locally & globally — 1st year
Internal — build for services, grow client base, improve communication, be transparent, grow internal evangelists — 2d year
Goals
38
![Page 39: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/39.jpg)
› Core product team
› Yandex service teams — BEM users at work and in real life
› Developers outside Yandex — build with BEM / build BEM
Define ourselves
39
![Page 40: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/40.jpg)
Market
› No developer success stories
› Events for awareness / hiring
› Only what comes from the West is good
40
![Page 41: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/41.jpg)
Face the community, start to analyse
Lower quantity, better quality
From theory to practise
Move online as much as possible
Build infrastructure
Set the rules
Todo External
41
![Page 42: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/42.jpg)
Stable and tested product
Build whats needed — no code without a client
Transparent client-oriented communication
Engagement of internal community
Todo Internal
42
![Page 43: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/43.jpg)
Analyse everything — continuous survey
Internal audit — cost pro developer, hiring from the community
Meet and talk — discover user stories
Discovery
43
![Page 44: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/44.jpg)
User focused bem.info redesign where community plays bigger role
Events, blog, community dev, external contributors
FORUM
en.bem.info to give it a global tint
social media + working channels (telegram)
Infrastructure & communication
44
![Page 45: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/45.jpg)
From external conferences to own BEMups
From .ppt to live coding BEMups + webinars + lessons
From live coding BEMups to hackathons
From hackathons to NDA hackathons
Events
45
![Page 46: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/46.jpg)
46
![Page 47: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/47.jpg)
Product — quarter planning, public log, release scope, feedback
Communication — internal BEMups with success stories both from inside and outside
Inner BEM
47
![Page 48: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/48.jpg)
Lessons learned
![Page 49: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/49.jpg)
49
![Page 50: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/50.jpg)
50
![Page 51: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/51.jpg)
51
![Page 52: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/52.jpg)
52
![Page 53: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/53.jpg)
53
![Page 54: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/54.jpg)
Aim global
![Page 55: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/55.jpg)
Be trendy
![Page 56: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/56.jpg)
Engage
![Page 57: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/57.jpg)
Infrastructure matters
![Page 58: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/58.jpg)
Devrel gives you more
![Page 59: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/59.jpg)
But it needs more time
![Page 61: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/61.jpg)
Head of BEM.Dev at Yandex
HTML/CSS/JS/BEM 24/7
@tadatuta
github.com/tadatuta
Vladimir Grinenko
61
![Page 62: Building developer community in Russia](https://reader031.vdocuments.net/reader031/viewer/2022022202/587e5b801a28ab2a538b4b25/html5/thumbnails/62.jpg)
bem.info @bem_en #b_
[email protected] @mursya speakerdeck.com/mursya
telegram
Contacts
Yelena Jetpyspayeva Technology Product Marketing & Developer Relations