Yandex for Frontend Telegram Posts

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

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

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

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

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

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

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

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

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

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

🔅 Ждём вас!

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

⏮ Митап для тех, кто открыт для открытого кода — с 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

📕 Принципы математического мышления для разработчиков, можно ли сделать браузер не на 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