Презентация библиотеки @yandex/ui на Я.Субботнике: https://www.youtube.com/watch?v=trwdc0JCelA
Ссылки к докладу
Юбилейный Я.Субботник, история развития фронтенда в Яндексе за 10 лет — https://events.yandex.ru/events/yasubbotnik/26-oct-2019?openTalkDenoscription=195-345
БЭМ-методология — https://ru.bem.info
i-bem.js — https://www.youtube.com/watch?v=OBjKCY3TiJg
BEMHTML — https://www.youtube.com/watch?v=1fo-6vJJdd0
Лего — https://www.youtube.com/watch?v=RWo53WDVDo8&t=2450s
bem-components — https://github.com/bem/bem-components
Как переписывали Поиск на React — https://www.youtube.com/watch?v=sk5BIHvtCt8&t=2390s
Инструментарий для разработки React-компонентов на БЭМ — https://github.com/bem/bem-react
Конструктор дизайн-систем Whitepaper — https://whitepaper.tools
Style Dictionary — https://amzn.github.io/style-dictionary/
themekit — https://github.com/yarastqt/themekit
Документация на @yandex/ui — https://yastatic.net/s3/frontend/lego/storybook/index.html
Исходники @yandex/ui — https://github.com/bem/yandex-ui
Ссылки к докладу
Юбилейный Я.Субботник, история развития фронтенда в Яндексе за 10 лет — https://events.yandex.ru/events/yasubbotnik/26-oct-2019?openTalkDenoscription=195-345
БЭМ-методология — https://ru.bem.info
i-bem.js — https://www.youtube.com/watch?v=OBjKCY3TiJg
BEMHTML — https://www.youtube.com/watch?v=1fo-6vJJdd0
Лего — https://www.youtube.com/watch?v=RWo53WDVDo8&t=2450s
bem-components — https://github.com/bem/bem-components
Как переписывали Поиск на React — https://www.youtube.com/watch?v=sk5BIHvtCt8&t=2390s
Инструментарий для разработки React-компонентов на БЭМ — https://github.com/bem/bem-react
Конструктор дизайн-систем Whitepaper — https://whitepaper.tools
Style Dictionary — https://amzn.github.io/style-dictionary/
themekit — https://github.com/yarastqt/themekit
Документация на @yandex/ui — https://yastatic.net/s3/frontend/lego/storybook/index.html
Исходники @yandex/ui — https://github.com/bem/yandex-ui
YouTube
@yandex ui
Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом через дизайн-токены), скорость рендеринга, доступность…
Поговорили с Вадимом Макеевым и Никитой Дубко о новостях фронтенда за неделю в подкасте Веб-стандартов. Заодно обсудили фидбек, который собрала библиотека
@yandex/ui — приятного прослушивания!Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №238: События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex UI Kit. В гостях Владимир Гриненко. Слушайте на Ютубе https://youtu.be/u1OPg7IKMQU, читайте на Медиуме https://medium.com/p/3533ce9bf361
238. События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden…
Веб-стандарты
00:02:08 События в Яндексе
00:09:10 Подкаст про Safari
00:12:50 Планы браузеров
00:22:21 Новый CSS Zen Garden
00:29:53 Кто быстрее: Houdini или CSS
00:38:58 Yandex UI Kit
00:09:10 Подкаст про Safari
00:12:50 Планы браузеров
00:22:21 Новый CSS Zen Garden
00:29:53 Кто быстрее: Houdini или CSS
00:38:58 Yandex UI Kit
Ссылки к докладу «Баланс между общим и частным на огромных масштабах»
Переиспользование кода в особо крупных размерах — https://www.youtube.com/watch?v=CfwUQw5ayJU
C for Consistency — https://www.youtube.com/watch?v=v0bRC_v_mYE
Balanced development in large teams — https://www.youtube.com/watch?v=uKT-sfVOV5k
Experience we've got building design system for 300+ developers — https://www.youtube.com/watch?v=CeqSXvDibPE
БЭМ-методология — https://ru.bem.info
Конструктор дизайн-систем Whitepaper — https://whitepaper.tools
themekit — https://github.com/yarastqt/themekit
Презентация
Переиспользование кода в особо крупных размерах — https://www.youtube.com/watch?v=CfwUQw5ayJU
C for Consistency — https://www.youtube.com/watch?v=v0bRC_v_mYE
Balanced development in large teams — https://www.youtube.com/watch?v=uKT-sfVOV5k
Experience we've got building design system for 300+ developers — https://www.youtube.com/watch?v=CeqSXvDibPE
БЭМ-методология — https://ru.bem.info
Конструктор дизайн-систем Whitepaper — https://whitepaper.tools
themekit — https://github.com/yarastqt/themekit
Презентация
@yandex/ui — https://www.youtube.com/watch?v=trwdc0JCelAYouTube
002. C - Consistency или переиспользование в особо крупных размерах – Владимир Гриненко
Пока видео с доклада недоступно, расскажу, как мы считаем пользу от повторного использования компонентов в компании.
https://telegra.ph/Izmeryaem-polzu-povtornogo-ispolzovaniya-07-21
https://telegra.ph/Izmeryaem-polzu-povtornogo-ispolzovaniya-07-21
Telegraph
Измеряем пользу повторного использования
Сначала немного истории. Собственная верстка в Яндексе началась в 2005 году с приходом Виталия Харисова (до этого верстку делали в Студии Лебедева). Где-то через год стала зарождаться общая библиотека компонентов. Сначала она жила прямо на dev-сервере, потом…
Завтра, 12 сентября в 11:00 буду в гостях у Сереги Пузанкова на канале
Front-end Science отвечать на вопросы телезрителей :)
Присоединяйтесь: https://www.youtube.com/watch?v=23w2by32slQ
Front-end Science отвечать на вопросы телезрителей :)
Присоединяйтесь: https://www.youtube.com/watch?v=23w2by32slQ
YouTube
Особенности найма в Яндекс | Live Q&A с Владимиром Гриненко
Привет, друзья!
Сегодняшний наш лив мы провели со специальным гостем — Вовой Гриненко. Вова очень крутой разработчик и тимлид с большим стажем, сейчас Вова руководит службой общих компонентов в отделе поисковых интерфейсов Яндекса — и это на сегодняшний день…
Сегодняшний наш лив мы провели со специальным гостем — Вовой Гриненко. Вова очень крутой разработчик и тимлид с большим стажем, сейчас Вова руководит службой общих компонентов в отделе поисковых интерфейсов Яндекса — и это на сегодняшний день…
Опубликовал новую статью, приятного чтения: https://habr.com/ru/company/yandex/blog/522424/
Хабр
Баланс между общим и частным в большой компании: консистентность, переиспользование кода и поиск чётких метрик
В Яндексе я руковожу службой общих интерфейсов. О них и поговорим. О том, как трудно (но приходится) делать что-то для всех. Позволю себе аналогию: сидишь, пишешь код и захотел пить. Налил себе сразу...
Завтра, 26 ноября в 20:00, буду в гостях у MakeWeb разговаривать про БЭМ, стажировки, найм, рост разработчиков и другие темы: https://www.youtube.com/watch?v=0sofQb8UBxA
Подключайтесь!
Подключайтесь!
Завтра, 5 декабря, в 11:15 Мск в рамках YaTalks веду дискуссию «IT-сообщества от Владивостока до Калининграда: как создавать и приносить пользу». В гостях Маша Круглова (Panzerdog), Саша Букин (Яндекс), Денис Ткаченко (devDv) и Вадим Макеев (Google Developer Expert).
Трансляция бесплатная, не пропустите!.
https://yatalks.yandex.ru/#track-lifestyle_discussion-it-communities
Трансляция бесплатная, не пропустите!.
https://yatalks.yandex.ru/#track-lifestyle_discussion-it-communities
yatalks.yandex.ru
YaTalks 2023 — Yandex's premier conference for the IT community
On December 5-6, Moscow and Belgrade will host over 100 IT industry experts and scientists delivering technical presentations on development, ML, and giving popular science lectures.
Devspotting
Завтра, 5 декабря, в 11:15 Мск в рамках YaTalks веду дискуссию «IT-сообщества от Владивостока до Калининграда: как создавать и приносить пользу». В гостях Маша Круглова (Panzerdog), Саша Букин (Яндекс), Денис Ткаченко (devDv) и Вадим Макеев (Google Developer…
А вот и запись: https://youtu.be/MUSzHboVR1s?t=10624
YouTube
YaTalks 2020 — самая большая конференция Яндекса для разработчиков
YaTalks — ежегодная и самая большая конференция Яндекса для разработчиков.
Это стрим «Лайфстайл» — обо всём в жизни разработчика. Ещё мы провели стрим «Технологии» с четырьмя секциями — мобильная разработка, фронтенд, бэкенд и машинное обучение: https:/…
Это стрим «Лайфстайл» — обо всём в жизни разработчика. Ещё мы провели стрим «Технологии» с четырьмя секциями — мобильная разработка, фронтенд, бэкенд и машинное обучение: https:/…
Сегодня в 12:00 Msk впервые участвую в обсуждении в Clubhouse. Поговорим с Андреем Суминым, Ильей Немиро, Пашей Франковым, Серегой Сергеевым и, конечно же, слушателями про ожидания, оценку и рост разработчиков на разных грейдах. Присоединяйтесь: https://www.joinclubhouse.com/event/xBRjqry1
Записал практическую инструкцию, как не выгореть, работая более 10 лет в одной компании: https://www.youtube.com/watch?v=sn0Ky_JluZQ
YouTube
Как не выгореть, работая 10 лет в одной компании
Я более 10 лет работаю в Яндексе. В этом ролике на практике покажу, как не выгореть.
Поговорил на первом в 2021 году Я.Субботнике о путях развития фронтендера в Яндексе.
Обсудили, как измерять скиллы разработчиков, куда расти и что для этого делать.
Субботник все еще в эфире. Ссылка на трансляцию: https://youtu.be/ApGPxHjryHY
Ссылки к докладу.
Ревью: как устроена система оценки сотрудников в Яндексе — https://youtu.be/zZgSsZScqEU
Прикладное целеводство — https://youtu.be/YNCCEy4BJY8
Сбалансированная разработка в очень больших командах — https://youtube.com/watch?v=1U4NrB9v9ZA&t=211s
Вам нужен крутой разработчик. Нам — тоже — https://youtu.be/7VeMq9-z7zQ
Обсудили, как измерять скиллы разработчиков, куда расти и что для этого делать.
Субботник все еще в эфире. Ссылка на трансляцию: https://youtu.be/ApGPxHjryHY
Ссылки к докладу.
Ревью: как устроена система оценки сотрудников в Яндексе — https://youtu.be/zZgSsZScqEU
Прикладное целеводство — https://youtu.be/YNCCEy4BJY8
Сбалансированная разработка в очень больших командах — https://youtube.com/watch?v=1U4NrB9v9ZA&t=211s
Вам нужен крутой разработчик. Нам — тоже — https://youtu.be/7VeMq9-z7zQ
YouTube
Я.Субботник по разработке интерфейсов
Программа:
00:00:00 Заставка
00:02:40 Начало
00:05:04 Пути развития фронтендера в Яндексе — Владимир Гриненко
00:43:40 Как считать пользу общих компонентов — Сергей Савельев
01:32:00 Приёмы оптимизации кода по скорости — Виктор Хомяков
02:10:55 Трасси...…
00:00:00 Заставка
00:02:40 Начало
00:05:04 Пути развития фронтендера в Яндексе — Владимир Гриненко
00:43:40 Как считать пользу общих компонентов — Сергей Савельев
01:32:00 Приёмы оптимизации кода по скорости — Виктор Хомяков
02:10:55 Трасси...…
Завтра, 29 мая, на CodeFest расскажу, как в Яндексе устроена монорепа и как в ней живет фронтенд: https://11.codefest.ru/lecture/1757
А пока приглашаю послушать обсуждение в подкасте Веб-стандартов: https://web-standards.ru/podcast/281/
А пока приглашаю послушать обсуждение в подкасте Веб-стандартов: https://web-standards.ru/podcast/281/
CodeFest 16 / 30 - 31 мая 2026
CodeFest 16. Общение бесценно!
Ссылки к докладу про монорепу Яндекса https://11.codefest.ru/lecture/1757
Инструменты для организации монорепы:
lerna — https://lerna.js.org/
yarn workspaces — https://yarnpkg.com/features/workspaces
npm workspaces — https://docs.npmjs.com/cli/v7/using-npm/workspaces
pnpm — https://pnpm.io/ru/
Rush — https://rushjs.io/
Углубиться в теорию: https://trunkbaseddevelopment.com/monorepos/
Еще послушать и посмотреть:
Дискуссия про монорепу Яндекса в подкасте Веб-стандарты — https://web-standards.ru/podcast/281/
Доклад Азата Разетдинова «Разработка в монорепозитории» — https://www.youtube.com/watch?v=Xg-oZp0EcYc&t=19354s (расшифровка на Хабре: https://habr.com/ru/company/yandex/blog/469021/)
Доклад Михаила Трошева «Монорепозитории и где они обитают» — https://www.youtube.com/watch?v=yW2pg7__a0o
Твит Дениса Стебунова про стереорепы — https://twitter.com/dstebunov/status/1360224059125075968
Приходите в чат, скоро начинаем там голосовую трансляцию секции вопросов / ответов после доклада.
Предполагаю, что она плавно перетечет в формат AMA, где можно будет обсудить любые вопросы про разработку фронта в Яндексе: технологии, команды, процессы, собеседования, продукты, буткемп, etc.
Инструменты для организации монорепы:
lerna — https://lerna.js.org/
yarn workspaces — https://yarnpkg.com/features/workspaces
npm workspaces — https://docs.npmjs.com/cli/v7/using-npm/workspaces
pnpm — https://pnpm.io/ru/
Rush — https://rushjs.io/
Углубиться в теорию: https://trunkbaseddevelopment.com/monorepos/
Еще послушать и посмотреть:
Дискуссия про монорепу Яндекса в подкасте Веб-стандарты — https://web-standards.ru/podcast/281/
Доклад Азата Разетдинова «Разработка в монорепозитории» — https://www.youtube.com/watch?v=Xg-oZp0EcYc&t=19354s (расшифровка на Хабре: https://habr.com/ru/company/yandex/blog/469021/)
Доклад Михаила Трошева «Монорепозитории и где они обитают» — https://www.youtube.com/watch?v=yW2pg7__a0o
Твит Дениса Стебунова про стереорепы — https://twitter.com/dstebunov/status/1360224059125075968
Приходите в чат, скоро начинаем там голосовую трансляцию секции вопросов / ответов после доклада.
Предполагаю, что она плавно перетечет в формат AMA, где можно будет обсудить любые вопросы про разработку фронта в Яндексе: технологии, команды, процессы, собеседования, продукты, буткемп, etc.
CodeFest 16 / 30 - 31 мая 2026
CodeFest 16. Общение бесценно!
Ссылки к докладу «О том, как в Яндексе в очередной раз переосмыслили универсальную библиотеку компонентов» на Кодишь 2.0 в Брянске — https://кодишь.рф
1. История одной кнопки, Варя Степанова и Лена Грухова, 2012 — https://www.youtube.com/watch?v=9yWvUCu8xF0
2. История одной кнопки, Руслан Муфтиев, 2017 — https://www.youtube.com/watch?v=Bmfk5uJIwdI
3. Библиотека компонентов bem-components, 2011 — https://github.com/bem/bem-components
4. Библиотека React-компонентов yandex-ui, наши дни — https://github.com/bem/yandex-ui
5. ThemeKit для темизации компонентов — https://github.com/bem/themekit
6. Визуальное управление дизайн-токенами yandex-ui — https://github.com/bem/yandex-ui-themer
7. Плагин для рендеринга HTML в виде figma-фреймов — https://github.com/sergcen/html-to-figma
8. Доклад Сереги Савельева с Я.Субботника по дизайну про синхронизацию кода с figma — https://youtu.be/XodsibsITBE?t=1820
9. Веб-платформа — https://github.com/bem/web-platform
1. История одной кнопки, Варя Степанова и Лена Грухова, 2012 — https://www.youtube.com/watch?v=9yWvUCu8xF0
2. История одной кнопки, Руслан Муфтиев, 2017 — https://www.youtube.com/watch?v=Bmfk5uJIwdI
3. Библиотека компонентов bem-components, 2011 — https://github.com/bem/bem-components
4. Библиотека React-компонентов yandex-ui, наши дни — https://github.com/bem/yandex-ui
5. ThemeKit для темизации компонентов — https://github.com/bem/themekit
6. Визуальное управление дизайн-токенами yandex-ui — https://github.com/bem/yandex-ui-themer
7. Плагин для рендеринга HTML в виде figma-фреймов — https://github.com/sergcen/html-to-figma
8. Доклад Сереги Савельева с Я.Субботника по дизайну про синхронизацию кода с figma — https://youtu.be/XodsibsITBE?t=1820
9. Веб-платформа — https://github.com/bem/web-platform
YouTube
История одной кнопки
Название: История одной кнопки: b-form-button
Описание: Доклад Елены Глуховой и Варвары Степановой «История одной кнопки: b-form-button», прозвучавший на конференции «РИТ 2012», которая прошла 2-3 апреля 2012 в Москве.
Презентация: http://webstandardsd…
Описание: Доклад Елены Глуховой и Варвары Степановой «История одной кнопки: b-form-button», прозвучавший на конференции «РИТ 2012», которая прошла 2-3 апреля 2012 в Москве.
Презентация: http://webstandardsd…
Через 10 минут начинаем Я.Субботник по интерфейсам. Расскажу про Аркадию — монорепу Яндекса.
Подключайтесь! https://www.youtube.com/watch?v=y7FG9IkQBrI
Подключайтесь! https://www.youtube.com/watch?v=y7FG9IkQBrI
YouTube
Я.Субботник по разработке интерфейсов / 18 сентября
Привет! Будем рассказывать о максимально актуальных и прикладных вещах.
Подключайтесь в полдень по московскому времени, если хотите начать день с разговоров о монорепозиториях монорепозиториев :)
Программа (GMT+3):
12:00 — Открытие // Юлия Миоцен
12:05 —…
Подключайтесь в полдень по московскому времени, если хотите начать день с разговоров о монорепозиториях монорепозиториев :)
Программа (GMT+3):
12:00 — Открытие // Юлия Миоцен
12:05 —…
Прямо сейчас на Я.Субботнике Pro по интерфейсам https://yandex.ru/promo/events/generated/ya-subbotnik-pro-po-razrabotke-i/index обсудим проблемы создания библиотеки UI компонентов в 2021.
Трансляция и видео здесь: https://youtu.be/_EwMMsetuDA, а ниже традиционные ссылки к докладу.
1. История одной кнопки, Варя Степанова и Лена Грухова, 2012 — https://www.youtube.com/watch?v=9yWvUCu8xF0
2. История одной кнопки, Руслан Муфтиев, 2017 — https://www.youtube.com/watch?v=Bmfk5uJIwdI
3. БЭМ — https://ru.bem.info/methodology/
4. CSSO — https://github.com/css/csso
5. borschik — https://github.com/borschik/borschik
6. Доклад Виталия Харисова про единые термины между разработчиками и дизайнерами, 2013 — https://events.yandex.ru/events/yasubbotnik/riga-apr-2013?openTalkDenoscription=163-2
7. Шаблонизатор bem-xjst — https://github.com/bem/bem-xjst
8. Утилита для визуального регрессионного тестирования — https://github.com/gemini-testing/hermione
9. Библиотека компонентов bem-components, 2011 — https://github.com/bem/bem-components
10. bem-react — https://github.com/bem/bem-react
11. Библиотека React-компонентов yandex-ui, наши дни — https://github.com/bem/yandex-ui
12. ThemeKit для темизации компонентов — https://github.com/bem/themekit
13. Визуальное управление дизайн-токенами yandex-ui — https://github.com/bem/yandex-ui-themer
14. Плагин для рендеринга HTML в виде figma-фреймов — https://github.com/sergcen/html-to-figma
15. Доклад Сереги Савельева с Я.Субботника по дизайну про синхронизацию кода с figma — https://youtu.be/XodsibsITBE?t=1820
16. Веб-платформа — https://github.com/bem/web-platform
Трансляция и видео здесь: https://youtu.be/_EwMMsetuDA, а ниже традиционные ссылки к докладу.
1. История одной кнопки, Варя Степанова и Лена Грухова, 2012 — https://www.youtube.com/watch?v=9yWvUCu8xF0
2. История одной кнопки, Руслан Муфтиев, 2017 — https://www.youtube.com/watch?v=Bmfk5uJIwdI
3. БЭМ — https://ru.bem.info/methodology/
4. CSSO — https://github.com/css/csso
5. borschik — https://github.com/borschik/borschik
6. Доклад Виталия Харисова про единые термины между разработчиками и дизайнерами, 2013 — https://events.yandex.ru/events/yasubbotnik/riga-apr-2013?openTalkDenoscription=163-2
7. Шаблонизатор bem-xjst — https://github.com/bem/bem-xjst
8. Утилита для визуального регрессионного тестирования — https://github.com/gemini-testing/hermione
9. Библиотека компонентов bem-components, 2011 — https://github.com/bem/bem-components
10. bem-react — https://github.com/bem/bem-react
11. Библиотека React-компонентов yandex-ui, наши дни — https://github.com/bem/yandex-ui
12. ThemeKit для темизации компонентов — https://github.com/bem/themekit
13. Визуальное управление дизайн-токенами yandex-ui — https://github.com/bem/yandex-ui-themer
14. Плагин для рендеринга HTML в виде figma-фреймов — https://github.com/sergcen/html-to-figma
15. Доклад Сереги Савельева с Я.Субботника по дизайну про синхронизацию кода с figma — https://youtu.be/XodsibsITBE?t=1820
16. Веб-платформа — https://github.com/bem/web-platform
Я.Субботник Pro по разработке интерфейсов
Мы считаем важным говорить о масштабных и фундаментальных темах. Эти темы интересны не всем из-за их сложности и глобальности. Поэтому мы решили собрать формат Я.Субботник Pro для вас и людей с похожими интересами — 9 октября.
Кто такой руководитель.pdf
254.1 KB
Через 3 минуты начинаем новогодний Я.Субботник: https://www.youtube.com/watch?v=zN2SENJu6Ns
Я буду выступать в 12:55 и расскажу о том, нужно ли становиться руководителем, как им стать и что делать дальше.
При подготовке доклада я использовал 10 лет опыта и вот этот mind map.
Я буду выступать в 12:55 и расскажу о том, нужно ли становиться руководителем, как им стать и что делать дальше.
При подготовке доклада я использовал 10 лет опыта и вот этот mind map.
