A?.Frontend Community

Собрали вайб-кодеров, раздали вайба и устроили техно-рейв 🤙 Устроили главную тусовку вайб-кодеров — АЛЬФА ВААА{АИ}ЙЙЙБ МИТАП. Эксперты из Альфа-Банка, red_mad_robot, Kion, Яндекса и других компаний обсуждали, как ИИ меняет разработку и какие задачи всё ещё требуют особого внимания инженеров. Забрали с митапа несколько мыслей, которые стоит завайбкодить себе в работу:

💻 ИИ умеет делать больше — это не значит, что ему нужно доверять больше. Прежде чем отдавать задачу агенту, важно понять, что он может сломать, можно ли отменить его действия и кто отвечает за результат. 💻 Безопасность начинается не с просьбы быть осторожнее. Агенту нужны ограниченные права, контролируемый доступ к инструментам и дополнительные проверки для критических действий. 💻 Быстрее писать код не значит быстрее выпускать продукт. Если ИИ помогает делать десятки отчётов вместо пяти, а команда по-прежнему может обработать только пять, узкое место никуда не исчезает, оно просто переезжает. 💻 Эффект от ИИ нужно уметь не только измерять, но и прогнозировать. Для прототипов важны скорость проверки гипотез и их количество, для разработки свои метрики, а для крупных продуктов бизнес-результат. Универсального способа оценки нет. 💻 Инференс не бесплатный. Чем больше задач мы отдаём моделям, тем важнее считать стоимость их работы, иначе автоматизация может оказаться дороже, чем ожидалось.

Хотите больше деталей и примеров от практиков? Собрали записи выступлений с митапа 🔽 ✨ Смотреть записи Под вечер зал превратился в танцпол! Все отрывались под ЛАУД и наслаждались перформансом digital moss. До следующего рейва 📌 #af_events ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

«Первое, что надо чинить на новом месте, — себя» ⚡️ Вышел третий выпуск подкаста Сферы «4πr²». Гость — Алексей Фетисов, директор по информационным технологиям Альфа-Банка. Поговорили, как вырасти из младшего программиста в руководителя больших команд, почему карьерные скачки часто начинаются с риска и зачем иногда давать людям второй шанс. Обсудили и технологии, почему не стоит запирать себя внутри одной специализации, зачем смотреть шире своего кода и роли и как понимать, что твоя работа в итоге меняет для бизнеса и людей. ▶️ Но главный разговор оказался немного о другом: о радости от того, что делаешь, о том, зачем всё это, если по дороге к большим целям забыть жить. Слушайте третий выпуск Сферы «4πr²» с Алексеем Фетисовым: 🎧 VK 🎧 Rutube 🎧 Яндекс Музыке #анонс ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Привет! Я Егор Антонов, лид внутренего фронтенд-сообщества 👋 Врываюсь в канал рассказать, как мы собираемся внутри и зачем вообще придумали несколько форматов встреч. У нас есть три формата, каждый про свой способ обмениваться опытом: ☕️ Фронтенд-завтрак. Встречаемся утром без слайдов и докладов. Выбираем тему, приносим свои кейсы, спорим, обсуждаем и вместе ищем решения. 🌙 Вечерний коммит. Зовём экспертов из Альфы и других компаний, чтобы обсудить одну тему с разных сторон. Собираем вопросы от участников и прямо на встрече разбираем то, что интересно комьюнити. 🎤 Техтолк. Здесь уже глубоко погружаемся в конкретную тему, рассказываем про реальные кейсы, решения и то, что можно забрать себе в работу. Мне нравится, что во всех трёх форматах можно не только послушать, но и принести свой опыт, задать вопрос или поспорить. А как вы обмениваетесь опытом внутри своих команд и сообществ? Рассказывайте в комментариях, давайте обмениваться практиками 🔽

Будем передавать канал коллегам на время 🤝 Не пугайтесь!

Кодим, вайбкодим, слушаем техно 🔥 30 сентября на АЛЬФА ВААА{АИ}ЙЙЙБ МИТАПЕ, поговорим про AI-powered разработку, новые подходы и инструменты, а заодно потестим всё это под техно от группы ЛАУД 🎧 Собираем AI/ML-специалистов, разработчиков, дизайнеров и всех, кому интересно, как сегодня меняется разработка с помощью ИИ. Что будет: 🔴 Техно-шоу с экспертами бигтеха. Токеномика, Tiny Teams, PDLC и разработка в закрытом ИИ-контуре 🔴 Знакомство с AlfaGen, платформой для AI-powered разработки 🔴 Нетворкинг. Тысячи топовых вайб-кодеров соберутся на одной площадке для живого общения 🔴 Электронная музыка, лайв-сет и выступление группы ЛАУД 🎶 🔴 Финал АЛЬФА ВААА{АИ}ЙЙЙБ ХАКАТОНА. Защита решений финалистов и награждение победителей 📍 30 сентября, 17:00 Москва, «Альфа Кристалл», ул. Самокатная, 4, стр. 11 Можно прийти офлайн в Москве или подключиться онлайн из любой точки мира. 🔗 Регистрируйтесь на сайте Увидимся 30 сентября ⏰ #qatalks_events ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Кто лучший работодатель? 👀 ЭКОПСИ и Хабр шестой год подряд исследуют HR-бренды IT-компаний. За это время поменялось само представление о хорошем работодателе — вот что показал 2025 год: 🔹 Стабильность впервые за пять лет попала в список главных критериев кандидатов 🔹 Общие ценности с компанией стали важнее зарплаты 🔗 А чтобы определить тренды найма и лучших работодателей в 2026 году, нужно ваше мнение — поделитесь им в опросе. И оцените Альфа-Банк ❤ #анонс ❤ Подписывайтесь на @alfadigital_jobs

Кто лучший работодатель? 👀 ЭКОПСИ и Хабр шестой год подряд исследуют HR-бренды IT-компаний. За это время поменялось само представление о хорошем работодателе — вот что показал 2025 год: 🔹 Стабильность впервые за пять лет попала в список главных критериев кандидатов 🔹 Общие ценности с компанией стали важнее зарплаты 🔗 А чтобы определить тренды найма и лучших работодателей в 2026 году, нужно ваше мнение — поделитесь им в опросе. И оцените Альфа-Банк ❤ #af_info ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Рассказываем про Zustand 🔥 Основным стейт-менеджером в Альфе является Redux. Но мы часто пробуем что-то новое, и однажды наш взгляд упал на Zustand. Zustand — крошечный state manager, который можно использовать не только с React. У него небольшой вес и почти полностью отсутствует boilerplate.

const useBear = create((set) => ({
    bears: 0,
    updateBears: (newBears) => set({
        bears: newBears
    }),
}))

Всего пару строк кода, а у вас уже есть стор и хендлер к нему, просто и понятно. ▶️ Как мы мигрировали с Redux на Zustand Миграция проходила поэтапно. Удаляем один Redux-слайс, добавляем один Zustand-стор, так по очереди. Сторы в Zustand независимы, поэтому внедрять его можно отдельными «островками». Это позволяет мигрировать плавно и без больших затрат. Вопрос middleware тоже решился просто, есть множество существующих решений, а написать свои не составило труда. С отладкой все максимально понятно, так как Zustand использует devtools от Redux. ▶️ Что показали замеры По итогам наших замеров, Zustand показал себя на 72% быстрее Redux. Речь идёт о микросекундах, проект был небольшим. Поэтому с ростом проекта разница может стать заметнее. ▶️Как восприняла команда Поначалу Zustand кажется слишком простым для enterprise-проектов. Но разработчики быстро оценили его подход. Функциональности хватает для разных задач, а сам инструмент поддерживает асинхронные экшены и готовые или кастомные middleware. В итоге Zustand стал частью наших проектов и стандартов. А что используете вы на своих проектах? 🔽 #af_hard ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Подглядываем за рабочими местами 🚨 У каждого свой подход к рабочему месту, кому-то достаточно ноутбука и удобного стула, а кто-то превращает домашний стол в отдельный проект. Собрали несколько рабочих сетапов наших фронтендеров с их лайфхаками и историями о том, что помогает сохранять рабочий вайб дома. Александр Китoв, главный технический лидер разработки, владелец стола на 6 карточке:

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

Виктория Копылова, старший разработчик, владелец стола на 2 карточке:

«Моё рабочее место в первую очередь про уют. Очень люблю большой экран, с ним появляется ощущение простора, где можно разложить всё, что нужно для работы. А милые мелочи помогают не забывать, что работа может быть не только продуктивной, но и приятной».

Илья Туров, ведущий разработчик, владелец стола на 5 карточке:

«Мне всегда важно держать бумажный блокнот под рукой, чтобы записывать самые важные задачи. Иногда включаю пластинки, когда занимаюсь чем-то рутинным, но для концентрации мне обязательно нужна тишина. А голубей использую вместо уточек, когда нужно в чём-то разобраться (и вообще они крутые!)».

Теперь хотим посмотреть, как устроены ваши рабочие места 👀 Кидайте фотографии в комментарии и делитесь своими секретами 🔽 #af_soft ❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital

Что там новенького в ES2026 👀 30 июня Ecma ратифицировала ES2026 — семнадцатую редакцию спецификации, в которой представили семь новых фич. Начнём с той, которую обсуждают меньше остальных. А зря... Math.sumPrecise Классическая ошибка в JS:

const cents = Array(10000).fill(0.1);

cents.reduce((a, b) => a + b);
// 1000.0000000001588

Или версия пожёстче:

[1e20, 0.1, -1e20].reduce((a, b) => a + b);
// 0

0.1 просто исчезла. 1e20 + 0.1 теряет дробную часть из-за ограниченной точности IEEE-754. В итоге после вычитания остаётся 0. Теперь:

Math.sumPrecise([1e20, 0.1, -1e20]);
// 0.1

Внутри используется алгоритм Шевчука. Он складывает числа так, как будто считает в точной математике, и округляет только финальный результат. Но вот что стоит знать до того, как побежите менять все reduce в проекте:

🔴 Math.sumPrecise не исправляет проблему 0.1 + 0.2. Math.sumPrecise([0.1, 0.2]) по-прежнему вернёт 0.30000000000000004. Дело в том, что сами числа 0.1 и 0.2 уже хранятся в памяти не совсем как математические 0.1 и 0.2. Новый метод исправляет накопление ошибок при суммировании, а не способ представления чисел.

🔴 Math.sumPrecise ожидаемо работает медленнее обычного сложения.

🔴 На момент написания поста типов в lib.es*.d.ts ещё нет, в репозитории TypeScript висит issue. Поэтому пока остаются два варианта: расширить интерфейс Math самостоятельно или подождать.

🔴 Math.sumPrecise уже доступен в Baseline 2026. Для старых браузеров можно использовать полифиллы core-js или es-shims (math.sumprecise).

Хотите, разберём остальные новые методы JS на практике? Пишите в комментариях, что рассмотреть следующим 🔽 ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Релизить себя так же бережно, как код? Почему бы и нет! Мы привыкли выкатывать фичи с чек-листами, мониторингом, планом отката и поддержкой команды. Но почему-то к себе относимся совсем иначе. Часто держим всё в голове, игнорируем тревожные «алерты» и пытаемся справиться в одиночку. Наша разработчица Виктория Копылова предлагает посмотреть на тревожность глазами инженера. Собрали в карточках ключевые идеи подхода, а полный материал читайте по ссылке 🔗 ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Как хороший фронтенд превращается в легаси? Обычно всё начинается с вполне разумных решений... Вынести повторяющийся код. Сделать универсальный хук. Добавить пару условий в компонент. Быстро прикрутить useEffect, чтобы «просто заработало». Cо временем такие решения накапливаются, проект становится всё сложнее поддерживать, тестировать и развивать. Наша разработчица Виктория Копылова разобрала самые распространенные архитектурные ошибки, из-за которых фронтенд обрастает сложностью: преждевременные абстракции, перегруженные хуки, компоненты с лишней ответственностью, useEffect не по назначению и другие решения, которые выглядят безобидно только в моменте. В карточках собрали главные мысли из статьи, а полный разбор с примерами кода уже ждет на Хабре по ссылке. ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Веб-графика незаметно становится одной из главных причин «тяжёлых» сайтов 👀 Средний вес веб-страницы за последние годы вырос почти на 50%, а изображения занимают до 40% её объёма. При этом многие проблемы всё ещё начинаются с простых вещей. Наш frontend-разработчик Илья Туров собрал практики, которые помогают уменьшить вес страниц без потери качества и улучшить метрики Core Web Vitals. В карточках рассказываем про 6 приёмов, которые стоит проверить в своих проектах. А в статье на Хабре читайте подробнее про инструменты оптимизации. ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Как успешно пройти техническое собеседование? Наш разработчик Степан Гришунов несколько лет проводит технические интервью фронтендеров. В новой статье он рассказывает, с какими проблемами сталкиваются кандидаты и интервьюеры, почему не стоит пытаться знать всё на свете и что на самом деле помогает успешно проходить техсобесы. Собрали в карточках несколько советов для кандидатов, а полный разбор читайте на Хабре 👇 🔗 Читать статью

«Я был скептиком, но до 4 утра спорил с GLM-5» 👀 Евгений Кобленев, тимлид одной из наших команд, рассказал на Хабре, как команда скептиков вайб-кодинга за две недели вывела новый сервис в прод и что из этого получилось. Собрали несколько выводов из статьи в карточках ⬆️ 🔗 Читать полностью ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Как это было? Смотрите сами ⚡️ Собрали для вас короткое видео с самыми яркими моментами A?.Frontend Техно-Квартирника. Фотографии уже загружаем, cкоро поделимся ссылкой на альбом. А чтобы ускорить процесс, ставьте 🔥 ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Начинаем доклад «AI как QA-инженер: механики тестирования с помощью агентов для frontend-инженеров», Илья Шорин, Авито оставляйте вопросы в комментариях ⬇️

Друзья мы продолжаем 😎 Начинаем доклад «Как AI ломают привычную модель веб-безопасности?» Анастасия Егорова, фронтенд-разработчик,CozyFrontend оставляйте вопросы в комментариях ⬇️

Начинаем доклад «Как я поднял AI-агента и снова стал высыпаться: OpenClaw, скиллы и корпоративная рутина» Роман Троицкий, Senior Frontend, Сбер оставляйте вопросы в комментариях ⬇️