Yandex for Frontend
7.88K subscribers
188 photos
30 videos
123 links
Это канал для фронтендеров от Яндекса. Здесь мы рассказываем про все наши мероприятия для фронтендеров и вообще для любителей красивых и функциональных интерфейсов, и делимся экспертизой разработчиков Яндекса.

Чат: https://t.me/yalovefrontend
Download Telegram
⭐️ Приглашаем студентов в Летнюю школу разработки интерфейсов!

Летние школы — это бесплатный образовательный проект Яндекса, больше половины выпускников которого становятся стажёрами и сотрудниками компании.

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

🟡 Как стать студентом

Для этого нужно подать заявку и выполнить тестовое задание. Если хотите получше подготовиться — смотрите нашу подборку полезных материалов.

🟡 Как всё устроено

Школа начнётся в июне в онлайн-формате. После мы проведём очный этап в наших офисах в Москве, Санкт-Петербурге и Екатеринбурге. Оплату билетов и проживания мы берём на себя.

🟡 Лучшие студенты пройдут практику в Лаборатории

Это пять недель оплачиваемой практики с погружением во внутренние сервисы Яндекса. Лаборатория — отличная возможность влиться в наши процессы и поработать плечом к плечу с лучшими фронтендерами индустрии.

Подать заявку на лето в Яндексе можно здесь. Удачи!

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Как устроены собеседования в Яндексе — новое видео в рамках конференции «Я💛Фронтенд»!

📌 Продолжаем делиться материалами, которые выходят в рамках главной фронтенд-конференции Яндекса. Сегодня хотим поговорить о найме.

Кирилл Мокевнин (CEO Hexlet), Сергей Бережной (директор по взаимодействию с разработчиками) и Андрей Советкин (руководитель группы в Яндекс Игры) поговорили о собеседованиях в Яндексе: из каких этапов они состоят, какую роль HR-менеджеры играют в отборе кандидатов, насколько опыт влияет на наём, почему разработчикам полезно ходить на профильные конференции и какие эксперименты Яндекс проводит в рамках секции с запуском кода. В конце обсудили, на что обращают внимание наши собеседующие — и как подготовиться к задачам. Посмотреть видео можно здесь.

📎 Напоминаем, «Я💛Фронтенд» пройдёт 23 марта в Москве и онлайн

🔜 Смотрите видео и регистрируйтесь, если тоже разделяете наши горячие чувства к фронтенду ❤️

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Зачем вообще разработчикам выступать на митапах и конференциях? Обсуждаем с практикующими спикерами в рамках конференции «Я💛Фронтенд»

Продолжаем делиться материалами в преддверии главной фронтенд-конференции Яндекса. Сегодня поговорим о публичных выступлениях.

Когда-то просто опытные докладчики, а теперь представители программных комитетов расскажут, зачем вообще разработчику участвовать в митапах и конференциях, как найти крутую тему для выступления и составить заявку, которая точно попадёт в программу. А ещё поговорим о том, как начинающему спикеру побороть страх сцены и прокачать уверенность в себе.

📎 Напоминаем, «Я💛Фронтенд» пройдёт 23 марта в Москве и онлайн.

▶️ Смотрите видео и регистрируйтесь, если тоже разделяете наши горячие чувства к фронтенду 💛

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🆕 Обновили интерфейс Gravity UI!

Выпустили шестую версию UIKit — ключевой библиотеки нашей дизайн-системы Gravity UI. Мы учли ваши запросы и добавили много нового:

🔸 Сделали List 2.0, который поддерживает размеры и ширины, несколько видов разделителей и группировок, стейты и разный тип контента в элементах списка.

🔸 Добавили RTL-стандарты, которые позволяют правильно отображать интерфейсы на языках с направлением письма справа налево.

🔸 Прокачали доступность: добавили плагин ESLint, поддержали клавиатуру для clickable- и closeable-состояния компоненты Pesrona, клавиатуру в компоненте Selection Table и отключили onclick у 15 неинтерактивных компонент.

▶️ Посмотреть, как вся эта красота выглядит, и почитать ченджлог можно здесь.

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Мы запускаем Capture the Flag на «Я💛Фронтенд»!

Наши ребята не просто составили турнир с задачками — а разработали целый пиксельный квест для фронтенд-разработчиков! В этом году мы предлагаем отправиться на Луну, где вас будут ждать разные головоломки по браузерным технологиям. Победит тот, кто или первым вернётся на Землю, или первым решит все задачи правильно.

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

⚡️ Космический корабль на Луну отправляется 21 марта в 20:07 (по Мск).

Принять участие в Capture the Flag можно здесь. Обсудить экспедицию с другими космонавтами можно вот тут.

📎 Напоминаем, «Я💛Фронтенд» пройдёт 23 марта в Москве и онлайн.

▶️Решайте задачи и регистрируйтесь, если тоже разделяете наши горячие чувства к фронтенду 💛
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Приглашаем на Yandex Open Source Jam — (не)конференцию об опенсорсе и людях, которые его делают

Мы в Яндексе любим, ценим и уважаем опенсорс — и стараемся делать всё возможное для развития опенсорс-культуры в России и мире. Поэтому мы решили устроить Open Source Jam — мероприятие, на котором обсудим разные аспекты разработки и использования продуктов с открытым кодом. Вас ждут:

🔸 Два мастер-класса — покажем, как сделать документацию на Diplodoc и лендинг на GravityUI, а ещё как выбрать правильную лицензию для опенсорс-проекта

🔸 Два доклада — про опенсорсную настольную игру и про то, как выйти в опенсорс снова спустя семь лет после первого выхода

🔸 Вступительное слово — наш директор по взаимодействию с разработчиками Сергей Бережной расскажет, куда движется опенсорс и что стоит у него на пути

🔸 Опенсорс-трибуна в трёх частях — познакомимся с победителями программы грантов Yandex Open Source и узнаем об их проектах

🔸 Круглый стол — представители разных компаний обсудят, что они думают о самых главных проблемах и вопросах опенсорса сейчас

🔸 Зона бэкстейджа, в которой можно неформально пообщаться с разработчиками из Яндекса и других компаний, а ещё порешать задачки

📎 Yandex Open Source Jam пройдёт 23 апреля в Москве, будет онлайн-трансляция.

🔜 Узнать подробности и зарегистрироваться можно здесь.

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Новая дата «Я💛Фронтенд 2024»

В связи с последними событиями мы решили перенести нашу конференцию на лето. И вот сегодня мы возвращаемся к вам с новой датой.

✏️ Save the date: «Я💛Фронтенд 2024» пройдёт 8 июня в Москве и онлайн.

📎 Чтобы вам было удобно, мы оставляем все подтверждённые регистрации на офлайн- и онлайн-участие. Но мы обязательно напишем всем зарегистрированным офлайн участникам — не пугайтесь, это нужно для того, чтобы подтвердить ваше участие в новую дату.

🔜 Программа конференции не поменялась, её можно посмотреть на сайте. Мы рады, что вы остаётесь с нами, — и до встречи 8 июня ❤️

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Я.Субботник по разработке интерфейсов приезжает в Алматы!

Приглашаем фронтендеров Алматы на наш традиционный митап. Поговорим о разработке:

🔸 Андрей Мелихов, ведущий разработчик в Yandex Cloud. Расскажет, как безопасно запускать код, к которому нет доверия

🔸 Владимир Гриненко, руководитель отдела Яндекс ID. Поговорит о том, что на самом деле важно в разработке

🔸 Андрей Симонов, разработчик интерфейсов в Алисе и умных устройствах. Расскажет, как гибридные приложения собрали в себе лучшее из двух миров разработки

🔸 Александр Николаичев, руководитель группы разработки интерфейсов в Yandex Infrastructure. Объяснит, как пользоваться Monaco Editor и как виджеты упрощают жизнь разработчика

🔸 Никита Нигматуллин, разработчик интерфейсов в Яндекс ID. Расскажет про Yandex SmartCaptcha

💬 После докладов будем обсуждать новости фронтенда и отдыхать, будут вкусные закуски и напитки.

📎 Митап пройдёт 13 апреля в Алматы только офлайн, так что если сможете прийти — будем рады вас видеть. Узнать подробности и зарегистрироваться можно здесь.

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Вы ждали итоги CTF, и вот оно случилось!

Для всех, кто проходил Capture the Flag в рамках конференции «Я💛Фронтенд», Сергей Иванов и Никита Дубко записали спецвыпуск, где представили:

🟡 Краткую историю предыдущих квестов. Сергей рассказал сюжет для тех, кто пропустил игры в прошлые годы.

🟡 Разбор задач квеста. Никита попробовал решить задачи так, если бы он был участником и не знал решения заранее.

🟡 Список победителей в трёх номинациях: спидранер, исследователь и везунчик.

🔥 Поздравляем победителей! И ждём всех участников в следующем году!

🔜 Пройти CTF можно по ссылке

📎 Напоминаем, «Я💛Фронтенд» пройдёт 8 июня в Москве и онлайн.

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚 Включаем тёмную тему на Хабре вместе с Yandex Cloud

Мы знаем о любви фронтендеров к тёмной теме, поэтому запустили спецпроект с Хабром.

Пройдите профессиональный челлендж, чтобы увидеть Хабр в новом цвете.

Задача простая: решить асапную проблему в вымышленном проекте — починить отвалившийся логин, разобраться с формой и по пути не сломать что-то ещё.

В финале челленджа вас ждёт:

✔️ Очередная успешно закрытая таска

✔️ Долгожданная тёмная тема Хабра

✔️ Возможность участвовать в розыгрыше мерча: рюкзака от Yandex Cloud и уникального чёрного слизня от Хабра

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Яндекс Go Frontend Meetup #4 приезжает в Санкт-Петербург!

Ждём суперменов-фронтендеров на митапе от Superweb — команды специалистов, которые не просто разрабатывают интерфейсы, а помогают выстраивать процессы и прорабатывать новые продукты, погружаются в дизайн, аналитику и даже немного в бэкенд.

На митапе ребята постараются сохранить этот мультидисциплинарный вайб и поделятся докладами на околофронтендные темы:

🔸 Анастасия Барташук, младший разработчик интерфейсов в Яндекс Про. Расскажет о добавлении темизации в проект

🔸 Егор Брагин, руководитель группы разработки платформы Яндекс Go для бизнеса. Поделится историей о том, как команда выстроила телефонию на базе WebRTC

🔸 Сергей Алейников, старший разработчик интерфейсов в Яндекс Go. Объяснит, как оптимизировать веб-приложения на примере Турбоаппа Такси

📎 Яндекс Go Frontend Meetup #4 пройдет 23 мая в Санкт-Петербурге, можно прийти офлайн или подключиться к онлайн-трансляции.

▶️ Обязательно регистрируйтесь и зовите коллег. Встретимся на митапе!

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Быстрый наём фронтендеров на Weekend Offer 18–19 мая

Предлагаем устроиться в Яндекс всего за одни выходные — и самому выбрать команду, в которой вы будете работать. Мы ждём фронтендеров с опытом работы от 4 лет и знанием JavaScript, TypeScript и React.

План простой: зарегистрируйтесь и решите одно тестовое задание онлайн до 15 мая, успешно пройдите два технических собеседования 18 мая, познакомьтесь с командами — и, если всё пройдёт хорошо, уже на следующий день вы получите офер.

В Яндексе мы открыто обсуждаем самые разные вопросы и всегда прислушиваемся к мнению коллег, поэтому вы будете реально влиять на продукты, которыми пользуются миллионы людей по всей стране. Кроме того, вы получите колосcальный опыт продуктовой разработки и сможете развиваться в своей области вместе с крутыми специалистами.

🔜 В этот раз нанимаем в 13 команд: Реклама, Поиск, E-com Поиска, Бизнес, Cloud, 360, Игры, Умный дом, Путешествия, Аренда, Авто.ру, Авто.ру Бизнес и Недвижимость. Вы сможете пообщаться с нанимающими менеджерами и выбрать проект с самыми интересными задачами.

📎 Узнать подробности и зарегистрироваться можно здесь.

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Долгожданная конференция «Я💛Фронтенд 2024» — уже скоро

Это конференция специально для вас — наших фронтендеров — тех, кто даже спустя много лет разработки каждый день читает новости индустрии, учит языки и не перестаёт удивляться новым идеям, технологиям и решениям. Обязательно приходите на «Я💛Фронтенд»!

💬 В этом году у нас плотная программа с техническими докладами, дискуссии с коллегами, новости веба, активности с подарками и, конечно, нетворкинг.

✔️ Офлайн-часть конференции пройдёт 8 июня в Москве, будет трансляция.

📌 А ещё ребята провели две недели онлайн-активностей и фронтендерский турнир Capture the Flag — посмотреть этот контент можно на сайте конференции. Зарегистрироваться и узнать подробную информацию можно здесь.

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥 Приглашаем на Я.Субботник по разработке интерфейсов!

В программе пять технических докладов от наших экспертов из разных команд:

🟡 Андрей Советкин из Яндекс Игр покажет, как Яндекс запускает код на собеседованиях фронтендеров

🟡 Александр Николаичев из Yandex Infrastructure рассмотрит возможности виджетов Monaco — интерфейсных вставок в тело текстовой области

🟡 Никита Нигматуллин из Яндекс ID расскажет, как Yandex SmartCaptcha позволяет повысить безопасность, не жертвуя удобством

🟡 Андрей Симонов из Алисы и Умных Устройств покажет, почему WebView-приложения важны и что гибридные технологии могут дать разработчику и бизнесу

🟡 Валерий Козлов из Яндекс Поиска даст (вредные) советы по ускорению и продемонстрирует, как он с командой завернул Яндекс Метрику в скобочки

💬 А ещё, конечно, вас ждёт кулуарное общение со спикерами, еда и напитки.

📌 Я.Субботник пройдёт 22 июня в Санкт-Петербурге в офлайн- и онлайн-форматах.

✏️ Чтобы зарегистрироваться, переходите по ссылке. Там же в день мероприятия мы запустим трансляцию.

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Тренды JavaScript, Doom в console.log(), Freenginx, поиск медленного кода в React и целый ряд новых инструментов — это и многое другое в свежем дайджесте Yandex for Frontend!

Делимся важными и актуальными материалами о фронтенд-разработке. В этот раз собрали для вас действительно много статей, гайдов и видео

Куда сходить:

🟡 8 июня — «Я 💛 Фронтенд»

Большая конференция для всех, кто влюблён во фронтенд-разработку. Приходите, чтобы послушать про последние технологии, фичи и инструменты.

Почитать:

🟡 Юниты относительной длины на основе шрифта в CSS
🟡 Иконки сайтов в 2024 году
🟡 Гид: Code Coverage
🟡 Тренды JavaScript и TypeScript
🟡 Гид по центрированию <div> в CSS
🟡 Figma закрыла Dev Mode
🟡 Как зафиксировать <dialog> при прокрутке страницы
🟡 Гид по селектору :has()
🟡 Часы с помощью синусов и косинусов в CSS
🟡 Цвета, пространство, математика
🟡 Doom в console.log()
🟡 Стили для печати
🟡 HTML-стриминг и алгоритмы различения DOM
🟡 Развитие веба и пользователи со слабым железом
🟡 Margin как повторно используемый компонент
🟡 INP стала метрикой Core Web Vital
🟡 Сборник задачек по TypeScript с онлайн-проверкой
🟡 WebSockets, Server-Sent-Events, Long-Polling, WebRTC и WebTransport
🟡 Ещё один сборник задач на TypeScript
🟡 Почему вам не нужно модальное окно
🟡 Подходы к анимации границ в CSS
🟡 Ускоряем вращение элемента при наведении курсора
🟡 Практики написания тестов с помощью React Testing Library
🟡 Три инструмента мемоизации в React

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

🟡 jQuery 4.0.0 — новая версия фреймворка
🟡 Обзор браузеров — новые функции в стабильных и бета-версиях
🟡 Observable 2.0 — инструмент для построения дашбордов данных (и отдельный сайт с примерами)
🟡 Expo — инструмент для создания кросс-платформенных приложений на React
🟡 Aceternity UI — готовые компоненты, которые можно использовать через copy/paste
🟡 Compiler, Actions и функции Canary — новые фичи React
🟡 Бета-версия JavaScript Registry — большой опенсорсный реестр модулей
🟡 Freenginx — народная альтернатива nginx от Максима Дунина
🟡 Storybook 8 — список обновлений
🟡 Million Lint — поиск медленного кода в React
🟡 VitePress 1.0 — новый SSG для создания контентоцентричных сайтов
🟡 Angular and Wiz — объединение фреймворков

Посмотреть:

🟡 Turborepo — монорепозиторий для повышения скорости разработки
🟡 Как поживает стандарт ECMAScript — кто такие TC39 и Interop
🟡 Node_modules и интересы бизнеса — доклад на HolyJS
🟡 «Как это можно переписать?» — подходы к написанию одного и того же разными методами
🟡 Управление сайтами с помощью голоса — доклад на HolyJS
🟡 Новая архитектура для React Native — бодрый видеоблог
🟡 Фильм о создании Node.js — документалка от Honeypot

🔜 Если хотите получать нашу рассылку по почте, то подписаться можно здесь.

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Уже завтра начнётся конференция «Я💛Фронтенд 2024»

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

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Уже через час начнётся трансляция «Я💛Фронтенд»!

Заваривайте чай и настраивайтесь на нужный лад — мы вот-вот запустим трансляцию докладов:

🟡 Илья Бирман, Дизайн-бюро Артёма Горбунова. Расскажет, как делать кнопки, поля ввода, выпадайки, чекбоксы, радиокнопки, слайдеры и прочие календарики

🟡 Александр Моргунов, Samokat.tech. Поделится опытом использования Feature-Sliced Design

🟡 Никита Балихин, Газпромбанк. Расскажет, как в их команде разработали альтернативу Create React App

🟡 Александр Коротаев, BeerJS. Расскажет об особенностях написания игры с помощью ChatGPT

🟡 Всеволод Деткин, Элитриум. Расскажет про Elysia и Bun — фреймворк, сделанный для людей

🟡 Алексей Симоненко, HTML Academy. Поведает красивую историю о любви и ненависти фронтенда

🔜 Трансляция начнётся в 11:00, посмотреть её можно на нашем ютуб-канале и в сообществе ВКонтакте.

🔅 Ждём всех влюблённых во фронтенд

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔅 Приглашаем на митап Vertis JS 8 bit edition

15 июня в Санкт-Петербурге пройдёт митап от разработчиков интерфейсов из Яндекс Вертикалей с необычной программой из трёх докладов:

🟡 Филипп Семиров рассмотрит 10 простых рецептов RxJS

🟡 Евгений Космоградский-Иванов расскажет, как сделана собственная реализация 3D-туров в Аренде и Недвижимости

🟡 Максим Алмаев и Дмитрий Размолодин представят Roadmap от разработчиков фронтенда Авто.ру: расскажут, как внедрить генеративную текстовую модель в продукт без дообучения

🐚 Помимо докладов, будет кофе-брейк, круглые столы, ужин и секция для нетворкинга.

🔜 Зарегистрироваться и узнать подробную информацию можно здесь.

Приходите!

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🔆 Расскажите нам, как сделать Yandex for Frontend ещё лучше

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

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

💱 Поэтому мы запускаем масштабное исследование аудитории. Заполните, пожалуйста, небольшую анкету по ссылке: там немного вопросов, но это позволит сделать наши медиа ещё лучше!

Подписывайтесь:
💬@Yandex4Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️ Сегодня MoscowCSS у нас в гостях в московском офисе

В программе:
- 19:05 «Редактор CSS на CSS» Никита Дубко (Яндекс)
- 19:30 «Способы реализации от простых до управляемых timeline анимаций» Владислав Худяков (Студия разработки SPOT)
- 19:55 Перерыв
- 20:15 «Миксуй палитру как настоящий художник» Анна Ширяева (СИБУР Цифровой)

🔜Подключайтесь к трансляции на YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM