Yandex for Frontend @yandex4frontend Channel on Telegram

Yandex for Frontend

@yandex4frontend


Это канал для фронтендеров от Яндекса. Здесь мы рассказываем про все наши мероприятия для фронтендеров и вообще для любителей красивых и функциональных интерфейсов, и делимся экспертизой разработчиков Яндекса.

Чат: https://t.me/yalovefrontend

Yandex for Frontend (Russian)

Yandex for Frontend - это канал для фронтендеров от известной компании Яндекс. Здесь вы найдете все последние новости о мероприятиях, проводимых специально для фронтендеров, а также для всех, кто увлечен созданием красивых и функциональных интерфейсов. На канале вы сможете получить ценные советы и экспертизу от опытных разработчиков Яндекса. Присоединяйтесь к нашему каналу, чтобы быть в курсе всех последних тенденций в мире фронтенда!

Не забудьте также присоединиться к нашему чату для общения и обмена опытом: https://t.me/yalovefrontend

Yandex for Frontend

06 Dec, 11:00


🛎 Учимся создавать красивые интерфейсы на вебинаре по Gravity UI

🚀 9 декабря расскажем, как быстро начать работу в опенсорсной дизайн-системе, которую используют Yandex Cloud и другие продукты Яндекса.

На вебинаре покажем основные компоненты дизайн-системы, расскажем, как их можно кастомизировать, а ещё соберём небольшой интерфейс. Вступайте в чат сообщества Gravity UI, чтобы задавать вопросы спикеру и первыми получать новости.

Начинаем в 12:00 здесь

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

02 Dec, 13:00


Как мы защищаем людей от роботов (и стараемся никого не напрягать)

Это Никита Нигматуллин, разработчик интерфейсов в Яндекс ID. Мы подготовили пост на основе его недавнего доклада на Я.Субботнике.

🕵️‍♀️ Рассказываем, как ищем грань между эффективностью капчи и удобством пользователей. А ещё о том, почему любой интерфейс должен быть доступным для всех пользователей.

▶️ А посмотреть запись доклада целиком можно тут

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

29 Nov, 10:55


🏆 Финал чемпионата Yandex Cup: разбираем задачи по фронтенду в прямом эфире

3 и 4 декабря присоединяйтесь к трансляции трека по разработке интерфейсов на Yandex Cup в Ташкенте! Лучшие разработчики со всего мира сразятся в финале и Gold-финале. На кону звание абсолютного чемпиона и призовой фонд в 16 миллионов рублей.

Смотрим трек по фронтенду и разбираем задачи в онлайне:

🟡 VK Видео
🟡 Ютуб

Начинаем в 8:30 по московскому времени — заводите будильники.

Расписание основных трансляций:


🔜 3 декабря 8:30 — финал
ℹ️ VK Видео | Ютуб

🔜 4 декабря 8:30 — Gold-финал
ℹ️ VK Видео | Ютуб

Ждём вас в прямом эфире одного из самых масштабных IT-чемпионатов мира!

🔅 И болеем за любимых разработчиков

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

26 Nov, 09:30


🌒 Ночь опенсорс-библиотек с создателями Gravity UI, zx и Emmet

Собираемся 14 декабря в Библиотеке иностранной литературы в Москве. Будем знакомиться, общаться и участвовать в хакатонах и воркшопах вместе с мейнтейнерами популярных библиотек. Вы сможете внести свой вклад в открытый код, даже если это будет вашим первым коммитом.

В программе:

🟡 Воркшопы и хакатоны: будем кодить и коммитить вместе с мейнтейнерами Gravity UI, zx и Emmet

🟡 Открытая запись подкаста «Деплой»: поговорим про опенсорс в России, монетизацию открытого кода и будущее этой сферы

🟡 Генеративная визуализация с Иваном Диановым: залипательный микс искусства с лайвкодингом под музыку, где вы тоже можете внести свой вклад в общее дело

Всё пройдёт в настоящей библиотеке, где вы сможете:

🟡 Погулять в закрытых для посетителей зонах
🟡 Пройти квест и разгадать шифр, спрятанный в книгах
🟡 Послушать живую музыку

Для участия регистрируйтесь по ссылке

🔅 До встречи!

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

23 Nov, 12:01


Трансляция Yet Another Frontend Night стартует уже через час!

Если не сможете присоединиться к нам в офисе, подключайтесь онлайн — всё самое интересное будет доступно в прямом эфире. Приготовьте что-нибудь вкусное и настройтесь на увлекательный вечер!

🎤 Что в программе:

🟡 Начнём с выступления Руслана Муфтиева, руководителя разработки интерфейсов Ecom-сценариев

🟡 Продолжим батлом «Фронтендер в 2024 году» с нашими экспертами:
🧽 Виталием Харисовым, разработчиком интерфейсов в команде Поиска
🧽 Иваном Артамоновым, руководителем группы конверсионных инструментов в Яндекс Бизнесе
🧽 Андреем Лунёвым, руководителем разработки интерфейсов партнёрских продуктов РСЯ
🧽 Алиной Осиповой, тимлидом в команде Crowd

🔜 Подключайтесь к трансляции :
📹YouTube
💬 VK Video

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

12 Nov, 09:02


🛎 Станьте спикером главной конференции Яндекса по фронтенду

📆 15 февраля 2025 года «Я 💛 Фронтенд» снова соберёт разработчиков и дизайнеров, влюблённых в создание красивых интерфейсов. Чтобы найти новых звёзд, мы открываем подачу заявок на доклады.

Для участия заполните форму

🟡 Заявки с тезисами выступления принимаем до 31 декабря 2024 года

🔅 До встречи в Москве и онлайн!

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

08 Nov, 11:01


🎉 В этом году Я.Субботникам исполняется 15 лет!

За это время наш уютный формат успел измениться. Когда-то субботники были совсем маленькими митапами для фронтендеров — теперь это полноценные конференции по разным стекам, на которых мы рассказываем про разработку в Яндексе. Только благодаря вам мы смогли стать такими большими ❤️

🔜 Приходите на Я.Субботник по фронтенду 15 декабря.

Ребята расскажут про запуск подозрительного кода, Accessibility, скорость в Маркете и i18n в большом проекте.

🔅 Ждём вас!

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

06 Nov, 08:00


Митап для тех, кто открыт для открытого кода — с Gravity UI, zx и Emmet

📆 14 декабря Яндекс проведёт Ночь опенсорс-библиотек для всех, кто интересуется открытым кодом.

Вы станете частью открытого комьюнити, сможете познакомиться с разработчиками проектов Gravity UI, zx и Emmet и внести свой вклад в их развитие, даже если это ваш первый коммит.

🟡 С Gravity UI можно легко создавать интуитивные и приятные интерфейсы.
Попробуем сделать фронтенд для самых разных ситуаций. В итоге соберём библиотеку темплейтов, чтобы пользователи сразу видели, как в нашей дизайн-системе будет выглядеть тот или иной интерфейс

🟡 Библиотека zx позволяет написать лаконичный и читабельный код в Node.js. В формате хакатона разберёмся, зачем нужна автоматизация на JS и как сделать её более продуктивной

🟡 C плагином Emmet можно быстро создавать сложные структуры HTML, используя простые команды. Добавим новые фичи популярному ресурсу, который использует Emmet

А ещё вас ждут:

🟡 Экскурсия и квесты по библиотеке

🟡 Книжная лавка

🟡 Концерт среди библиотечных стеллажей

ℹ️ Регистрация на событие по ссылке

🔅 Open-source unites good people

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

05 Nov, 10:00


🛎 Приглашаем на юбилейный Я.Субботник по разработке интерфейсов!

Недавно нашему митапу исполнилось 15 лет! Мы приглашаем вас отпраздновать юбилей, поговорить о фронтенд-разработке и познакомиться с нашим сообществом.

📆 Встречаемся 15 декабря в 12:00 одновременно в Москве, Санкт-Петербурге и онлайн.

В программе: доклады и обсуждение последних трендов в разработке. А ещё встречи с единомышленниками, нетворкинг и заряд новогоднего настроения 🎄

Подробности и регистрация

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

01 Nov, 10:47


📕 Как повышали доступность Yandex Cloud

В начале этого года разработчики Gravity UI провели аудит доступности: ребята из команды невизуального тестирования Яндекса проверили библиотеку и нашли несколько проблем, которые уже починили в свежем обновлении.

Фронтендеры Yandex Cloud вдохновились их примером и тоже решили прокачать доступность сайта — а после и всех интерфейсов. Команда невизуального тестирования снова провела аудит, зафиксировала проблемы и подсказала несколько крутых хаков. Например:

🟡 По сайту нужно рассыпать «хлебные крошки». Это элемент навигации, который показывает пользователю его путь по интерфейсу. Например, можно повесить тег «Вы здесь» для скринридера

🟡 Всплывающие окна лучше делать модальными, иначе у них не будет границ. Пользователь может по ошибке выйти за пределы нужного ему интерфейса и не понять этого

В статье на Хабре рассказываем, как применяли эти советы на практике. Там же оставили ссылки на issues, которые пока не получилось победить. Материал будет интересен фронтендерам, которые хотят сделать интерфейсы человечнее и удобнее для пользователей с особенностями здоровья.

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

30 Oct, 11:02


Вам приглашение на вечеринку. Это Yet Another Frontend Night

📆 23 ноября приглашаем разработчиков в наш уютный офис на Льва Толстого. Поделимся опытом, познакомимся с другими frontend enjoyers, присмотримся к свежим вакансиям и отлично проведём время в кругу своих.

Для тех, кто не может прийти к нам в гости, запустим онлайн-трансляцию.

Чем займёмся:

🟡 Послушаем выступление Руслана Муфтиева, руководителя разработки интерфейсов Ecom-сценариев

🟡 Проведём батл между экспертами Яндекса — вместе разберёмся, должен ли фронтендер понимать продукт и нужны ли ему навыки менеджера. Ждём ваши каверзные вопросы!

🟡 Поделимся актуальными вакансиями — узнайте, к каким фронтенд-командам Яндекса можно присоединиться

🟡 Посоревнуемся в Code in the Dark, победитель которого получит Яндекс Станцию Дуо Макс, а финалисты — станции Лайт 2. А ещё поиграем в «Доббль»!

🟡 Продолжим общение — на афтерпати с закусками, напитками, музыкой и всем, что мы любим

ℹ️ Зарегистрируйтесь и дождитесь подтверждения заявки.

🔅 С нетерпением ждём в гости всех энтузиастов фронтенда!

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

09 Oct, 12:00


Получайте свежие материалы Yandex for Frontend через email-рассылку

Год назад мы с фронтендерами Яндекса создали чат, в котором они делятся самыми актуальными новостями. Например, о том, как React 19 позволяет писать невозможные компоненты, почему пять из семи NPM-пакетов оказались спамом и как Линус Торвальдс создавал Git. Часто ребята спорят, насколько новость важная, есть ли в ней конкретика или это обычный холивар.

Если хотите раз в месяц получать на почту подборку материалов из нашего чата — выбирайте в форме дайджест Yandex for Frontend.

ℹ️ Подписаться на нас можно здесь.

🧽 Кстати, там же есть общая рассылка для разработчиков от Yandex for Developers.

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

04 Oct, 08:12


Markdown Editor вышел в опенсорс

В прошлом году мы выложили в опенсорс нашу дизайн-систему и библиотеĸу ĸомпонентов Gravity UI. Теперь пришло время показать, как мы развиваемся. Представляем новый WYSIWYG и markup-редактор.

Markdown Editor объединяет работу в двух режимах: визуальном и разметĸи. Между ними можно бесшовно переключаться в рамках одного интерфейса. Так мы учитываем потребности разных пользователей.

🟡 Новый инструмент можно попробовать уже сейчас.

🟡 А из статьи на Хабре от Сергея Махнатĸина, разработчиĸа отдела User Experience в Yandex Cloud, вы узнаете историю создания Markdown Editor — от пользовательсĸого интерфейса и архитеĸтурных особенностей до техничесĸих деталей интеграции и разработĸи.

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

01 Oct, 13:00


Как мы запускаем код на собеседованиях

Андрей Советкин, руководитель группы в Яндекс Играх, выступил на Я.Субботнике по разработке интерфейсов. Андрей рассказал, как в их команде реализовали функцию запуска кода на собеседованиях.

Раньше кандидаты писали код, но не могли его запускать — приходилось полагаться на обсуждения с интервьюером. Иногда люди даже ссорились! Теперь процесс собеседования стал ближе к привычному фронтендерскому опыту.

🕵️‍♀️ В карточках рассказали, почему внедрение заняло много времени, как запуск кода устроен изнутри и как отреагировали кандидаты.

🔜 А полный доклад Андрея с большим количеством технических деталей смотрите здесь.

Подписывайтесь:
💬 @Yandex4Frontend

Yandex for Frontend

20 Sep, 10:01


📕 Принципы математического мышления для разработчиков, можно ли сделать браузер не на Chromium и как выглядит фронтенд на заводе — это и многое другое в свежем дайджесте Yandex for Frontend!

Здесь мы собрали материалы от фронтендеров для фронтендеров: мы делимся тем, что читаем сами. В этот раз принесли много статей, гайдов, инструментов и видео.

Посмотреть:

🟡 Алексей Савватеев о принципах математического мышления
🟡 Обзор Ladybird — браузера, который основан НЕ на Chromium
🟡 Переезд Tracker на Gravity UI
🟡 Записи выступлений с «Я 💛 Фронтенд 2024»
🟡 Доклады с Я.Субботника по разработке интерфейсов 2024

Почитать:

🟡 Критика и анализ GraphQL спустя 6 лет
🟡 Await или yield на примере Effection 3.0 и React
🟡 Контроль за Promise откуда угодно через Promise.withResolvers()
🟡 Фронтенд на заводе: особенности промышленных интерфейсов
🟡 Гидратация (или регидратация) в SSR
🟡 Как React 19 (почти) замедлил интернет и холивар на тему
🟡 Краткое руководство по Markdown
🟡 Полезное использование единицы измерения cap
🟡 Неочевидные утечки памяти в React: замыкания, useQuery, компилятор
🟡 Как (не) надо использовать тени в CSS
🟡 Экспериментальная поддержка TypeScript в Node.js
🟡 Font-size-adjust теперь в базовой версии Chrome

Инструменты:

🟡 TypeHero — интерактивная платформа для практического изучения TypeScript
🟡 You Don’t Need — сборник гайдов о том, как решать задачи без некоторых инструментов
🟡 Moodist — технически интересное приложение для создания настроения
🟡 Rspack v1.0 — быстрая альтернатива Webpack

Подписывайтесь:
💬@Yandex4Frontend

Yandex for Frontend

19 Sep, 09:15


Авторские каналы и блоги от фронтендеров из Яндекса

В Яндексе мы создаём технологии, которые делают жизнь миллионов людей лучше. Для этого мы постоянно учимся, разбираемся с проблемами, делимся опытом и ищем новые решения. Неудивительно, что многим нашим разработчикам есть что рассказать миру.

В общем, мы решили поделиться с вами их творчеством (ну и немного помочь ребятам набрать подписчиков, конечно 😉).

🟡 Блог isqua
Фронтенд-разработка и Linux.

И телеграм-каналы:

🟡 © Как его там…
Пасты и вебное.

🟡 Kobezzza. База в программировании
Канал про современный фронтенд.

🟡 Даниэль Ленц — блог
Фронтенд и личный опыт.

🟡 mefody.dev
Фронтенд, тимлидство, спикерство, D&D.

🟡 axaxadev
Фронтенд, UX/UI, дизайн-системы и DX.

🟡 melikhov.dev
Фронтенд, фронтбэк и около. Иногда котики.

🟡 Veged and Code
Канал автора ютуб-шоу «Как это можно переписать?»

🟡 nikalexxx
Фронтенд-инфраструктура Яндекса, творчество и математика.

🔜 Полный список по всем стекам можно посмотреть в канале Yandex for Developers

Подписывайтесь:
💬@Yandex4Frontend

Yandex for Frontend

17 Sep, 13:06


🕵️‍♀️ Три инструмента мемоизации в React

Сделали небольшую памятку, в которой рассмотрели useMemo, useCallback, memo.

ℹ️ А вот источник, по которому мы писали карточки. Там вы найдёте больше примеров кода и нюансов использования каждого инструмента.

Подписывайтесь:
💬@Yandex4Frontend