diff --git a/articles/yandex-frontend-dev/yandex-frontend-dev.en.md b/articles/yandex-frontend-dev/yandex-frontend-dev.en.md index 4ea81e2b2..87f8d4017 100644 --- a/articles/yandex-frontend-dev/yandex-frontend-dev.en.md +++ b/articles/yandex-frontend-dev/yandex-frontend-dev.en.md @@ -283,7 +283,7 @@ use classes. The next that can happen with a block is its movement within a page. - As you can see in the video, the `Tabbed Pane` block was moved to he right side @@ -1141,7 +1141,7 @@ changes, you can fix `BEM tree`, run transformation process again and get update files. These transformations are possible with a toolkit called [BEM -tools](http://bem.info/tools/bem/). It's open sourced and hosted on GitHub, +tools](https://en.bem.info/tools/bem/). It's open sourced and hosted on GitHub, where you can find its installing instructions and a full description. It already supports many fashionable technologies you might want to use, such as @@ -1248,7 +1248,7 @@ to build a new Yandex-style web service much faster than from the scratch and making maintaining process easier. When we started to open source our magic stuff, a small part of the internal -library was turned into [bem-bl](http://bem.github.com/bem-bl/index.en.html).
+library was turned into [bem-bl](https://bem.github.com/bem-bl/index.en.html).
`bem-bl` stands for `BEM block library` and provides some common blocks for building web interfaces. diff --git a/blog/2013-02-maintainable-frontend-dev-with-bem/2013-02-maintainable-frontend-dev-with-bem.en.md b/blog/2013-02-maintainable-frontend-dev-with-bem/2013-02-maintainable-frontend-dev-with-bem.en.md index d94abf94f..76a8a318a 100644 --- a/blog/2013-02-maintainable-frontend-dev-with-bem/2013-02-maintainable-frontend-dev-with-bem.en.md +++ b/blog/2013-02-maintainable-frontend-dev-with-bem/2013-02-maintainable-frontend-dev-with-bem.en.md @@ -1,13 +1,13 @@ # BEM at MetaRefresh 2013 -BEM is a way to modularize the development of pages. +BEM is a way to modularize the development of pages. By breaking things into Blocks, being able to break those into Elements, and then use Modifiers on them, we get a neat TLA and a methodology where each part can advance rapidly and independently, instead of having to get the CSS done, and then have everyone wait for the Javascript guy, only to have the project return to the HTML guy and have to run through the whole development cycle again. -By following the BEM principles - some tricks about organizing files and CSS, you get the ability to make your Javascript extra semantic, and to choose all three of quality, speed and price in your development project! +By following the BEM principles - some tricks about organizing files and CSS, you get the ability to make your Javascript extra semantic, and to choose all three of quality, speed and price in your development project! In this presentation given at MetaRefresh 2013 in Bangalore you will learn more about BEM and how this actually works. - + - + diff --git a/blog/2013-02-maintainable-frontend-dev-with-bem/2013-02-maintainable-frontend-dev-with-bem.ru.md b/blog/2013-02-maintainable-frontend-dev-with-bem/2013-02-maintainable-frontend-dev-with-bem.ru.md index 6b77863cc..892edce1a 100644 --- a/blog/2013-02-maintainable-frontend-dev-with-bem/2013-02-maintainable-frontend-dev-with-bem.ru.md +++ b/blog/2013-02-maintainable-frontend-dev-with-bem/2013-02-maintainable-frontend-dev-with-bem.ru.md @@ -14,6 +14,6 @@ Видео и презентация доступны на английском языке. - + - + diff --git a/blog/alfa-lab-seminar-2014/alfa-lab-seminar-2014.ru.md b/blog/alfa-lab-seminar-2014/alfa-lab-seminar-2014.ru.md index 87e41d071..603c9c3b8 100644 --- a/blog/alfa-lab-seminar-2014/alfa-lab-seminar-2014.ru.md +++ b/blog/alfa-lab-seminar-2014/alfa-lab-seminar-2014.ru.md @@ -28,8 +28,8 @@ Ниже презентации докладов от наших коллег: -
+
-
+
Stay BEMed! diff --git a/blog/bemup-talks/bemup-talks.ru.md b/blog/bemup-talks/bemup-talks.ru.md index 9f0b1743c..2528cb266 100644 --- a/blog/bemup-talks/bemup-talks.ru.md +++ b/blog/bemup-talks/bemup-talks.ru.md @@ -37,7 +37,7 @@ _С 2011 года в Яндексе. Занималась развитием п **БЭМ–сообщество** - + #### **Василий Чернов, Softline** @@ -51,7 +51,7 @@ _В докладе я расскажу о том, как в Softline пришл расскажем о своих планах. Поговорим о возникавших проблемах, интересных решениях, об особенностях построения процессов в нашей компании. Я покажу, как мы используем bem-tools, как пишем CSS по БЭМ-методу, а также разберу несколько примеров исходного кода XML и CSS._ - + #### **Владимир Довыденко, ТКС-банк** @@ -64,7 +64,7 @@ _Небольшой рассказ о том, чего стоят и как да том, как в «Тинькофф» выбирали между SMACSS и БЭМ, с какими проблемами мы столкнулись при «быстрой разработке» фронтенда и как их решали. Покажем также этапы внедрения и немного расскажем о планах._ - + #### **Владимир Гриненко, Яндекс** @@ -74,7 +74,7 @@ _Разработчик интерфейсов в симферопольском **bem-tools: новости в проекте** - + #### **Сергей Бережной, Яндекс** @@ -84,7 +84,7 @@ _С 2005 года работает в Яндексе веб-разработчи **bem-core, bem-bl: новости и планы** - + #### **Сергей Максимов, Яндекс** @@ -93,7 +93,7 @@ _Руководитель группы интерфейсов Справочни **Приложение Todo MVC с помощью bem-mvc** - + #### **Михаил Трошев, Яндекс** @@ -101,19 +101,19 @@ _Первую программу написал в первом классе. Р **БЭМ в Островах** - + #### **Сергей Бережной, Яндекс** **Контрибьютинг, пул-реквесты, флоу, тестирование и задачи** - + #### **Секция вопросов и ответов после BEMup** Отвечают Владимир Гриненко, Михаил Трошев, Сергей Бережной и Сергей Максимов, Яндекс - + В митапе приняли участие **более 50 фронтенд-разработчиков** и руководителей из IT-компаний и веб-студий Москвы, Екатеринбурга, Оренбурга, Иваново, Серпухова, Обнинска, Волгограда. @@ -137,7 +137,7 @@ _Первую программу написал в первом классе. Р Проект на сайте [event.yandex.ru](https://events.yandex.ru/events/bemup/2-august-2013/). -[Фотоотчет](http://fotki.yandex.ru/users/ya-events/album/145885/?&p=1) с мероприятия. +[Фотоотчет](https://fotki.yandex.ru/users/ya-events/album/145885/?&p=1) с мероприятия. Следите за новостями на [Facebook](http://bit.ly/fb-bem), в [Твиттере](http://bit.ly/ru-twi), [клубе на Я.Ру](http://bit.ly/ru-club) и сайте [bem.info](https://ru.bem.info/). diff --git a/events/2013-02-bem-goes-to-india/2013-02-bem-goes-to-india.en.md b/events/2013-02-bem-goes-to-india/2013-02-bem-goes-to-india.en.md index 0622ba923..2d1b85002 100644 --- a/events/2013-02-bem-goes-to-india/2013-02-bem-goes-to-india.en.md +++ b/events/2013-02-bem-goes-to-india/2013-02-bem-goes-to-india.en.md @@ -14,6 +14,6 @@ While preparing for the conference we publish material that might be interesting Video preview that we were asked to make while preparing to Meta Refresh 2013. - + -Varya Stepanova is a front-end engineer working for Yandex in Moscow since 2008. She is the Lead Developer of the UI Framework Team which provides HTML, CSS and Javascript components used to build over 100 different Yandex services. She participates in the BEM project (http://bem.info) which is open-sourcing technologies behind Yandex UI framework. When she is not coding, she is interested in travel and new cities. She dreams of visiting every country in the world. +Varya Stepanova is a front-end engineer working for Yandex in Moscow since 2008. She is the Lead Developer of the UI Framework Team which provides HTML, CSS and Javascript components used to build over 100 different Yandex services. She participates in the BEM project (https://en.bem.info) which is open-sourcing technologies behind Yandex UI framework. When she is not coding, she is interested in travel and new cities. She dreams of visiting every country in the world. diff --git a/events/2013-02-bem-goes-to-india/2013-02-bem-goes-to-india.ru.md b/events/2013-02-bem-goes-to-india/2013-02-bem-goes-to-india.ru.md index 504d956fd..b58a639db 100644 --- a/events/2013-02-bem-goes-to-india/2013-02-bem-goes-to-india.ru.md +++ b/events/2013-02-bem-goes-to-india/2013-02-bem-goes-to-india.ru.md @@ -15,6 +15,6 @@ Видео-обращение, которое мы записали по просьбе организаторов конференции Meta Refresh 2013. - + Варя Степанова закончила Петрозаводский государственный университет. Работает в Яндексе с 2008 года ведущим разработчиком интерфейсов. Сейчас руководит группой разработки frontend-фреймворка Яндекса, реализованного по методологии БЭМ, распространяет информацию о БЭМ как в России, так и за рубежом. В свободное от разработки время она любит путешествовать и мечтает побывать в каждой стране мира. diff --git a/video/bemup-minsk-2014/bemup-minsk-2014.ru.md b/video/bemup-minsk-2014/bemup-minsk-2014.ru.md index 5748b325e..d3602b67f 100644 --- a/video/bemup-minsk-2014/bemup-minsk-2014.ru.md +++ b/video/bemup-minsk-2014/bemup-minsk-2014.ru.md @@ -1,8 +1,8 @@ -# BEMup в Минске: видео +# BEMup в Минске: видео 18 апреля в Минске прошел первый в 2014 году митап по БЭМ. Нам очень хотелось приехать в Беларусь и познакомиться вживую с нашим сообществом, что мы и сделали. -Мероприятие собрало около 70 человек в зале и на онлайн-трансляции. Нас смотрели ребята из Воронежа, Польши, Москвы, Твери, Симферополя, Харькова, Екатеринбурга. Согласно данным опросника, часть разработчиков использует БЭМ в CSS, половина ушла дальше в сторону использования BEMHTML, i-bem.js и даже полного стека БЭМ-технологий. +Мероприятие собрало около 70 человек в зале и на онлайн-трансляции. Нас смотрели ребята из Воронежа, Польши, Москвы, Твери, Симферополя, Харькова, Екатеринбурга. Согласно данным опросника, часть разработчиков использует БЭМ в CSS, половина ушла дальше в сторону использования BEMHTML, i-bem.js и даже полного стека БЭМ-технологий. Мы старались сделать программу митапа не просто интересной, но в меру полезной. Видео докладов уже готово. Закладывайте страницу в закладки, и на майские праздники вам будет, чем заняться :) @@ -47,7 +47,7 @@ PandaDoc — веб-приложение на Angular.js, написанное Имея в своих руках обширный арсенал БЭМ со всей его модульностью и мощью, остаётся «всего-то» придумать идею и реализовать её. На мастер-классе вы сможете вместе с нами создать то, что мы «только что» придумали. -Вы узнаете, в чём преимущество вёрстки независимыми блоками и что такое «уровни переопределения», познакомитесь с готовыми библиотеками блоков и инструментами для автоматизации сборки. Мы покажем, как разные инструменты для упрощения жизни разработчика, вроде [autoprefixer](https://github.com/ai/autoprefixer), css-препроцессора [roole](http://roole.org/) и модульной системы [YModules](https://github.com/ymaps/modules), встраиваются в процесс разработки на БЭМ и создают по-настоящему удобную платформу. На живом примере мы объясним, в чём польза декларативного подхода, когда одни и те же идеи можно использовать как для CSS, так и для JS. Более того, декларативным шаблонам: [BEMHTML](http://ru.bem.info/libs/bem-core/2.0.0/bemhtml/rationale/) и BEMTREE, которые позволяют преобразовывать сырые данные во view-ориентированный BEMJSON, — будет посвящена одна из трёх частей мастер-класса. +Вы узнаете, в чём преимущество вёрстки независимыми блоками и что такое «уровни переопределения», познакомитесь с готовыми библиотеками блоков и инструментами для автоматизации сборки. Мы покажем, как разные инструменты для упрощения жизни разработчика, вроде [autoprefixer](https://github.com/ai/autoprefixer), css-препроцессора [roole](http://roole.org/) и модульной системы [YModules](https://github.com/ymaps/modules), встраиваются в процесс разработки на БЭМ и создают по-настоящему удобную платформу. На живом примере мы объясним, в чём польза декларативного подхода, когда одни и те же идеи можно использовать как для CSS, так и для JS. Более того, декларативным шаблонам: [BEMHTML](//ru.bem.info/libs/bem-core/2.0.0/bemhtml/rationale/) и BEMTREE, которые позволяют преобразовывать сырые данные во view-ориентированный BEMJSON, — будет посвящена одна из трёх частей мастер-класса. В результате получится работающий сайт, а вы на практике познакомитесь с полным стеком БЭМ-технологий. @@ -57,12 +57,12 @@ PandaDoc — веб-приложение на Angular.js, написанное Мы также собрали все фотографии в один альбом, он доступен по [ссылке](http://fotki.yandex.ru/users/ya-events/album/150630/) и в слайдшоу: - + -После митапа мы провели опрос, где выяснилось, что большинство разработчиков сообщества БЭМ на будущих встречах хотят услышать об опыте внедрения БЭМ вне Яндекса, пообщаться с командой БЭМ и с другими участниками сообщества вживую, а также найти единомышленников. +После митапа мы провели опрос, где выяснилось, что большинство разработчиков сообщества БЭМ на будущих встречах хотят услышать об опыте внедрения БЭМ вне Яндекса, пообщаться с командой БЭМ и с другими участниками сообщества вживую, а также найти единомышленников. Мы обязательно будем работать в этом направлении, а вы помогайте нам своим фидбеком! -Письма принимаем на почту [info@bem.info](mailto:info@bem.info) круглосуточно и без выходных. +Письма принимаем на почту [info@bem.info](mailto:info@bem.info) круглосуточно и без выходных. **Stay BEMed!** diff --git a/video/bemup-moscow-2014/bemup-moscow-2014.ru.md b/video/bemup-moscow-2014/bemup-moscow-2014.ru.md index 5ef101729..4061b53cf 100644 --- a/video/bemup-moscow-2014/bemup-moscow-2014.ru.md +++ b/video/bemup-moscow-2014/bemup-moscow-2014.ru.md @@ -2,7 +2,7 @@ 17 мая в московском офисе Яндекса прошел очередной BEMup. Однако, несмотря на пятое мероприятие, мы постарались сделать его новым и полезным. К примеру, этот митап впервые прошел в субботу и длился целый день, а практически все доклады на нем были мастер-классами, где разработчики писали код вживую. -Мы рассказали новости последних релизов, запустили новые инструменты, а также в рабочей атмосфере обсудили сложности в использовании БЭМ. В первой половине дня провели большую практическую сессию по написанию проекта на полном стеке БЭМ-технологий — более подробную, чем в прошлый раз в Минске. Больше кода вживую, меньше заготовок. А также попрактиковались в создании приложения с использованием библиотеки [bem-mvc](https://ru.bem.info/libs/bem-mvc/). Далее послушали доклады про скафолдинг БЭМ-проектов на yo, тестирование CSS-регрессий в верстке и организацию нового фронтенда в Альфа-Банке. По сложившейся традиции поделились новостями релизов библиотек [bem-core](https://ru.bem.info/libs/bem-core/) и [bem-components](https://ru.bem.info/libs/bem-components/), поговорили про инструменты фронтендера и отлично пообщались. +Мы рассказали новости последних релизов, запустили новые инструменты, а также в рабочей атмосфере обсудили сложности в использовании БЭМ. В первой половине дня провели большую практическую сессию по написанию проекта на полном стеке БЭМ-технологий — более подробную, чем в прошлый раз в Минске. Больше кода вживую, меньше заготовок. А также попрактиковались в создании приложения с использованием библиотеки [bem-mvc](//ru.bem.info/libs/bem-mvc/). Далее послушали доклады про скафолдинг БЭМ-проектов на yo, тестирование CSS-регрессий в верстке и организацию нового фронтенда в Альфа-Банке. По сложившейся традиции поделились новостями релизов библиотек [bem-core](//ru.bem.info/libs/bem-core/) и [bem-components](//ru.bem.info/libs/bem-components/), поговорили про инструменты фронтендера и отлично пообщались. Мы были очень рады увидеть вас в зале и получать вопросы в твиттере по хештегам #b_ и #bemup. Мероприятие собрало около 60 человек в зале и 50 на онлайн-трансляции. Нас смотрели ребята из Москвы, Котово, Саранска, Одессы, Минска, Харькова, Оренбурга, Брянска, Воронежа. @@ -33,11 +33,11 @@ -БЭМ упрощает разработку сайтов, которые нужно быстро создать и долго поддерживать. Эту технологию используют во фронтенде почти всех сервисов Яндекса, и она уже успела обрасти множеством библиотек и инструментов, которыми мы хотим с вами поделиться. С обширным арсеналом БЭМ, со всей его модульностью и мощью, вам останется «всего-то» придумать идею и реализовать её. На мастер-классе вы сможете вместе с нами создать то, что мы «только что» придумали. Вы узнаете, в чём преимущество вёрстки независимыми блоками и что такое уровни переопределения, познакомитесь с готовыми библиотеками блоков и инструментами для автоматизации сборки. Мы покажем, как разные инструменты — например, [autoprefixer](http://ru.bem.info/tools/bem/autoprefixer/), CSS-препроцессор [Roole](http://roole.org/) или модульная система [YModules](http://ru.bem.info/tools/bem/modules/) — упрощают жизнь разработчика и создают по-настоящему удобную платформу, если встроить их в процесс разработки на БЭМ. На живом примере мы объясним, в чём польза декларативного подхода, когда одни и те же идеи можно использовать как для CSS, так и для JavaScript. Отдельная часть мастер-класса будет посвящена декларативным шаблонам [BEMHTML](http://ru.bem.info/technology/bemhtml/current/rationale/) и BEMTREE, которые позволяют преобразовывать сырые данные во view-ориентированный BEMJSON. Мы вместе напишем серверную часть приложения в БЭМ-методологии и используем данные от разных социальных и поисковых сервисов (RSS с Яндекс.Фоток, API Twitter и Instagram). В результате получится работающий сайт, а вы — на практике познакомитесь с полным стеком БЭМ-технологий. После мастер-класса мы сможем свободно пообщаться на профессиональные темы. Например, вы расскажете о трудностях, с которыми встретились при реализации проекта на БЭМ, и мы вместе подумаем, как воплотить вашу идею в жизнь. +БЭМ упрощает разработку сайтов, которые нужно быстро создать и долго поддерживать. Эту технологию используют во фронтенде почти всех сервисов Яндекса, и она уже успела обрасти множеством библиотек и инструментов, которыми мы хотим с вами поделиться. С обширным арсеналом БЭМ, со всей его модульностью и мощью, вам останется «всего-то» придумать идею и реализовать её. На мастер-классе вы сможете вместе с нами создать то, что мы «только что» придумали. Вы узнаете, в чём преимущество вёрстки независимыми блоками и что такое уровни переопределения, познакомитесь с готовыми библиотеками блоков и инструментами для автоматизации сборки. Мы покажем, как разные инструменты — например, [autoprefixer](//ru.bem.info/tools/bem/autoprefixer/), CSS-препроцессор [Roole](http://roole.org/) или модульная система [YModules](//ru.bem.info/tools/bem/modules/) — упрощают жизнь разработчика и создают по-настоящему удобную платформу, если встроить их в процесс разработки на БЭМ. На живом примере мы объясним, в чём польза декларативного подхода, когда одни и те же идеи можно использовать как для CSS, так и для JavaScript. Отдельная часть мастер-класса будет посвящена декларативным шаблонам [BEMHTML](//ru.bem.info/technology/bemhtml/current/rationale/) и BEMTREE, которые позволяют преобразовывать сырые данные во view-ориентированный BEMJSON. Мы вместе напишем серверную часть приложения в БЭМ-методологии и используем данные от разных социальных и поисковых сервисов (RSS с Яндекс.Фоток, API Twitter и Instagram). В результате получится работающий сайт, а вы — на практике познакомитесь с полным стеком БЭМ-технологий. После мастер-класса мы сможем свободно пообщаться на профессиональные темы. Например, вы расскажете о трудностях, с которыми встретились при реализации проекта на БЭМ, и мы вместе подумаем, как воплотить вашу идею в жизнь. -Скачать [презентацию в .pdf](http://download.cdn.yandex.net/company/experience/bemup/msk-2014-master-class.pdf) +Скачать [презентацию в .pdf](https://download.cdn.yandex.net/company/experience/bemup/msk-2014-master-class.pdf) -Скачать [видео, часть 1 1,21 ГБ](http://yadi.sk/d/eYP5APPRSAZFc), [часть 2 1,58 ГБ](http://yadi.sk/d/nedSFc9fSAZNy), [часть 3 1,78 ГБ](http://yadi.sk/d/wYS0hgG8SAZUF) +Скачать [видео, часть 1 1,21 ГБ](https://yadi.sk/d/eYP5APPRSAZFc), [часть 2 1,58 ГБ](http://yadi.sk/d/nedSFc9fSAZNy), [часть 3 1,78 ГБ](https://yadi.sk/d/wYS0hgG8SAZUF) ### Библиотеки блоков bem-core и bem-components — Владимир Гриненко @@ -45,7 +45,7 @@ При разработке новых библиотек bem-core и bem-components мы переосмыслили свой подход и предыдущий опыт. Теперь разработка — это честный опенсорс с прозрачным планированием, где каждый может повлиять на результат. Мы сформулировали требования: тотальная автоматизация, Bleeding Edge, оптимизация, разные варианты поставки библиотеки, поддержка нескольких визуальных тем, бережность и кругозор. И определили технологии: анализаторы кода, юнит-тесты, модульность, шаблонизаторы, работа с CSS, зависимости и сборка. В докладе я подробно остановлюсь на каждом из этих вопросов. -Скачать [презентацию в .pdf](http://download.cdn.yandex.net/company/experience/bemup/msk-2014-tadatuta-libraries.pdf), [видео 341,5 МБ](http://yadi.sk/d/RLMLRurlSAYjX) +Скачать [презентацию в .pdf](https://download.cdn.yandex.net/company/experience/bemup/msk-2014-tadatuta-libraries.pdf), [видео 341,5 МБ](https://yadi.sk/d/RLMLRurlSAYjX) ### Мастер-класс: Организация приложения на основе bem-mvc — Сергей Максимов @@ -53,7 +53,7 @@ Сейчас на рынке есть множество фронтенд-библиотек, которые так или иначе реализуют MVC-паттерн. По сути, они нужны для облегчения создания и поддержки интерактивных веб-приложений. Для этих же целей и мы разработали библиотеку bem-mvc — она облегчает разработку веб-приложений на существующем БЭМ-стеке. Так, для реализации моделей в bem-mvc используются те же компоненты, что и в библиотеках bem-bl/bem-core. А провязки с представлением осуществляются в БЭМ-терминах для контролов из библиотеки bem-components или произвольных БЭМ-блоков. На прошлых BEMup я уже рассказывал об основных элементах библиотеки bem-mvc и способах их применения. Но то была теория, а на этот раз — меньше слов, больше дела! В прямом эфире мы создадим небольшое приложение для демонстрации возможностей bem-mvc. Пройдем путь от статического макета к действующему приложению. В процессе мы научимся организовывать код приложения, создавать модели, осуществлять провязку моделей и представления и создавать свои типы провязки. -Скачать [презентацию в .pdf](http://download.cdn.yandex.net/company/experience/bemup/msk-2014-maksimov.pdf), [видео 1,26 ГБ МБ](http://yadi.sk/d/PstvIRroSAZ78) +Скачать [презентацию в .pdf](https://download.cdn.yandex.net/company/experience/bemup/msk-2014-maksimov.pdf), [видео 1,26 ГБ МБ](https://yadi.sk/d/PstvIRroSAZ78) ### Инструменты БЭМ-разработчика — Антон Виноградов @@ -61,7 +61,7 @@ Поговорим об организации нового фронтенда в Альфа-Банке: как подружить шаблонизатор BEMHTML, bem-tools и AngularJS с Yeoman и Gulp. Мы рассмотрим проект, в котором используются все эти инструменты, а также внутренние и опенсорсные библиотеки блоков, и узнаем, как уровни переопределения помогают свести написание стилей для новых проектов к минимуму и почему вообще это нужно. -Скачать [презентацию в .pdf](http://download.cdn.yandex.net/company/experience/bemup/msk-2014-winogradov.pdf), [видео 313 МБ](http://yadi.sk/d/bhE9vpZvSAYSY) +Скачать [презентацию в .pdf](https://download.cdn.yandex.net/company/experience/bemup/msk-2014-winogradov.pdf), [видео 313 МБ](https://yadi.sk/d/bhE9vpZvSAYSY) ### Инструменты фронтенд-разработчика — Владимир Гриненко @@ -85,13 +85,13 @@ -Каждый разработчик интерфейсов долгоживущих сервисов сталкивается с регрессиями в вёрстке. Мы научились пользоваться инструментами для unit-тестирования js-кода, но до сих пор плохо понимаем, как тестировать на регрессии вёрстку. И ещё хуже понимаем, как делать это автоматически (continuous integration) и при этом писать небольшие и не очень хрупкие тесты. В этом году мы создали Gemini — инструмент для модульного тестирования вёрстки для нашей [библиотеки компонентов](https://ru.bem.info/libs/bem-components/). Мы используем его для тестирования внутренней библиотеки компонентов Яндекса, которая лежит в основе большинства наших сервисов (например, [Поиска](http://yandex.com/yandsearch?text=lxjs%202014) и [Картинок](http://yandex.com/images/search?text=lisboa%20portugal)). На BEMup я расскажу, как использовать этот инструмент — как разрабатывать тесты и запускать их на локальной машине или в уже существующей экосистеме (Travis CI, Sauce Labs). +Каждый разработчик интерфейсов долгоживущих сервисов сталкивается с регрессиями в вёрстке. Мы научились пользоваться инструментами для unit-тестирования js-кода, но до сих пор плохо понимаем, как тестировать на регрессии вёрстку. И ещё хуже понимаем, как делать это автоматически (continuous integration) и при этом писать небольшие и не очень хрупкие тесты. В этом году мы создали Gemini — инструмент для модульного тестирования вёрстки для нашей [библиотеки компонентов](//ru.bem.info/libs/bem-components/). Мы используем его для тестирования внутренней библиотеки компонентов Яндекса, которая лежит в основе большинства наших сервисов (например, [Поиска](http://yandex.com/yandsearch?text=lxjs%202014) и [Картинок](http://yandex.com/images/search?text=lisboa%20portugal)). На BEMup я расскажу, как использовать этот инструмент — как разрабатывать тесты и запускать их на локальной машине или в уже существующей экосистеме (Travis CI, Sauce Labs). Скачать [презентацию в .pdf](http://download.cdn.yandex.net/company/experience/bemup/msk-2014-tatarincev.pdf), [видео 296,8 МБ](http://yadi.sk/d/zCecyPftSAYZs) Мы также собрали все фотографии в один альбом, он доступен по [ссылке](http://fotki.yandex.ru/users/ya-events/album/151185/) и в слайдшоу: - + Приятного просмотра, и обязательно приходите на наши будущие мероприятия!