A?.Frontend Community
الذهاب إلى القناة على Telegram
Встречи frontend-сообщества Альфа-Банка для всех, кто хочет узнать новое, обменяться опытом и провести время в хорошей компании. Чат сообщества: https://t.me/alfa_frontend_chat
إظهار المزيد3 289
المشتركون
لا توجد بيانات24 ساعات
-177 أيام
-4130 أيام
جاري تحميل البيانات...
القنوات المماثلة
سحابة العلامات
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
سبتمبر '26
سبتمبر '26
+1
في 0 قنوات
أغسطس '26
+21
في 0 قنوات
Get PRO
يوليو '26
+26
في 1 قنوات
Get PRO
يونيو '26
+33
في 0 قنوات
Get PRO
مايو '26
+158
في 0 قنوات
Get PRO
أبريل '26
+92
في 1 قنوات
Get PRO
مارس '26
+54
في 2 قنوات
Get PRO
فبراير '26
+31
في 0 قنوات
Get PRO
يناير '26
+42
في 1 قنوات
Get PRO
ديسمبر '25
+21
في 0 قنوات
Get PRO
نوفمبر '25
+50
في 0 قنوات
Get PRO
أكتوبر '25
+173
في 2 قنوات
Get PRO
سبتمبر '25
+116
في 0 قنوات
Get PRO
أغسطس '25
+334
في 1 قنوات
Get PRO
يوليو '25
+29
في 0 قنوات
Get PRO
يونيو '25
+39
في 0 قنوات
Get PRO
مايو '25
+40
في 0 قنوات
Get PRO
أبريل '25
+41
في 0 قنوات
Get PRO
مارس '25
+144
في 1 قنوات
Get PRO
فبراير '25
+50
في 0 قنوات
Get PRO
يناير '25
+50
في 0 قنوات
Get PRO
ديسمبر '24
+133
في 2 قنوات
Get PRO
نوفمبر '24
+51
في 0 قنوات
Get PRO
أكتوبر '24
+64
في 1 قنوات
Get PRO
سبتمبر '24
+273
في 15 قنوات
Get PRO
أغسطس '24
+95
في 0 قنوات
Get PRO
يوليو '24
+92
في 1 قنوات
Get PRO
يونيو '24
+126
في 5 قنوات
Get PRO
مايو '24
+93
في 0 قنوات
Get PRO
أبريل '24
+318
في 9 قنوات
Get PRO
مارس '24
+608
في 5 قنوات
Get PRO
فبراير '24
+81
في 0 قنوات
Get PRO
يناير '24
+75
في 0 قنوات
Get PRO
ديسمبر '23
+382
في 0 قنوات
Get PRO
نوفمبر '23
+19
في 0 قنوات
Get PRO
أكتوبر '23
+128
في 0 قنوات
Get PRO
سبتمبر '23
+54
في 0 قنوات
Get PRO
أغسطس '23
+65
في 0 قنوات
Get PRO
يوليو '23
+81
في 0 قنوات
Get PRO
يونيو '23
+8
في 0 قنوات
Get PRO
مايو '23
+12
في 0 قنوات
Get PRO
أبريل '23
+12
في 0 قنوات
Get PRO
مارس '23
+66
في 0 قنوات
Get PRO
فبراير '23
+265
في 0 قنوات
Get PRO
يناير '23
+26
في 0 قنوات
Get PRO
ديسمبر '22
+325
في 0 قنوات
| التاريخ | نمو المشتركين | الإشارات | القنوات | |
| 05 سبتمبر | 0 | |||
| 04 سبتمبر | 0 | |||
| 03 سبتمبر | +1 | |||
| 02 سبتمبر | 0 | |||
| 01 سبتمبر | 0 |
منشورات القناة
Кодим, вайбкодим, слушаем техно 🔥
30 сентября на АЛЬФА ВААА{АИ}ЙЙЙБ МИТАПЕ, поговорим про AI-powered разработку, новые подходы и инструменты, а заодно потестим всё это под техно от группы ЛАУД 🎧
Собираем AI/ML-специалистов, разработчиков, дизайнеров и всех, кому интересно, как сегодня меняется разработка с помощью ИИ.
Что будет:
🔴 Техно-шоу с экспертами бигтеха. Токеномика, Tiny Teams, PDLC и разработка в закрытом ИИ-контуре
🔴 Знакомство с AlfaGen, платформой для AI-powered разработки
🔴 Нетворкинг. Тысячи топовых вайб-кодеров соберутся на одной площадке для живого общения
🔴 Электронная музыка, лайв-сет и выступление группы ЛАУД 🎶
🔴 Финал АЛЬФА ВААА{АИ}ЙЙЙБ ХАКАТОНА. Защита решений финалистов и награждение победителей
📍 30 сентября, 17:00
Москва, «Альфа Кристалл», ул. Самокатная, 4, стр. 11
Можно прийти офлайн в Москве или подключиться онлайн из любой точки мира.
🔗 Регистрируйтесь на сайте
Увидимся 30 сентября ⏰
#qatalks_events
❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital
| 2 |  Кто лучший работодатель? 👀
ЭКОПСИ и Хабр шестой год подряд исследуют HR-бренды IT-компаний. За это время поменялось само представление о хорошем работодателе — вот что показал 2025 год:
🔹 Стабильность впервые за пять лет попала в список главных критериев кандидатов
🔹 Общие ценности с компанией стали важнее зарплаты
🔗 А чтобы определить тренды найма и лучших работодателей в 2026 году, нужно ваше мнение — поделитесь им в опросе. И оцените Альфа-Банк ❤
#анонс
❤ Подписывайтесь на @alfadigital_jobs | 735 |
| 3 | Кто лучший работодатель? 👀
ЭКОПСИ и Хабр шестой год подряд исследуют HR-бренды IT-компаний. За это время поменялось само представление о хорошем работодателе — вот что показал 2025 год:
🔹 Стабильность впервые за пять лет попала в список главных критериев кандидатов
🔹 Общие ценности с компанией стали важнее зарплаты
🔗 А чтобы определить тренды найма и лучших работодателей в 2026 году, нужно ваше мнение — поделитесь им в опросе. И оцените Альфа-Банк ❤
#af_info
❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital | 198 |
| 4 |  Рассказываем про 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 | 1 238 |
| 5 |  +5Подглядываем за рабочими местами 🚨
У каждого свой подход к рабочему месту, кому-то достаточно ноутбука и удобного стула, а кто-то превращает домашний стол в отдельный проект.
Собрали несколько рабочих сетапов наших фронтендеров с их лайфхаками и историями о том, что помогает сохранять рабочий вайб дома.
Александр Китoв, главный технический лидер разработки, владелец стола на 6 карточке:
«Важно, чтобы было удобно. Я провожу большую часть жизни на этом месте, поэтому логично в него вкладываться и постоянно что-то улучшать. Клавиатуру собрал буквально пару месяцев назад: корпус смоделировал и напечатал на 3D-принтере, а потом спаял всё с нулевым опытом пайки. В процессе, конечно, намучился, но результатом доволен».
Виктория Копылова, старший разработчик, владелец стола на 2 карточке:
«Моё рабочее место в первую очередь про уют. Очень люблю большой экран, с ним появляется ощущение простора, где можно разложить всё, что нужно для работы. А милые мелочи помогают не забывать, что работа может быть не только продуктивной, но и приятной».
Илья Туров, ведущий разработчик, владелец стола на 5 карточке:
«Мне всегда важно держать бумажный блокнот под рукой, чтобы записывать самые важные задачи. Иногда включаю пластинки, когда занимаюсь чем-то рутинным, но для концентрации мне обязательно нужна тишина. А голубей использую вместо уточек, когда нужно в чём-то разобраться (и вообще они крутые!)».
Теперь хотим посмотреть, как устроены ваши рабочие места 👀
Кидайте фотографии в комментарии и делитесь своими секретами 🔽
#af_soft
❤️ Больше рассказываем о работе в IT и Digital в канале Alfa Digital | 1 124 |
| 6 |  Что там новенького в 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 — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы | 1 150 |
| 7 |  +5Релизить себя так же бережно, как код? Почему бы и нет!
Мы привыкли выкатывать фичи с чек-листами, мониторингом, планом отката и поддержкой команды. Но почему-то к себе относимся совсем иначе. Часто держим всё в голове, игнорируем тревожные «алерты» и пытаемся справиться в одиночку.
Наша разработчица Виктория Копылова предлагает посмотреть на тревожность глазами инженера. Собрали в карточках ключевые идеи подхода, а полный материал читайте по ссылке 🔗
➿➿➿➿➿➿
@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы | 968 |
| 8 |  +8Как хороший фронтенд превращается в легаси?
Обычно всё начинается с вполне разумных решений...
Вынести повторяющийся код. Сделать универсальный хук. Добавить пару условий в компонент. Быстро прикрутить useEffect, чтобы «просто заработало».
Cо временем такие решения накапливаются, проект становится всё сложнее поддерживать, тестировать и развивать.
Наша разработчица Виктория Копылова разобрала самые распространенные архитектурные ошибки, из-за которых фронтенд обрастает сложностью: преждевременные абстракции, перегруженные хуки, компоненты с лишней ответственностью, useEffect не по назначению и другие решения, которые выглядят безобидно только в моменте.
В карточках собрали главные мысли из статьи, а полный разбор с примерами кода уже ждет на Хабре по ссылке.
➿➿➿➿➿➿
@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы | 1 146 |
| 9 |  +5Веб-графика незаметно становится одной из главных причин «тяжёлых» сайтов 👀
Средний вес веб-страницы за последние годы вырос почти на 50%, а изображения занимают до 40% её объёма. При этом многие проблемы всё ещё начинаются с простых вещей.
Наш frontend-разработчик Илья Туров собрал практики, которые помогают уменьшить вес страниц без потери качества и улучшить метрики Core Web Vitals.
В карточках рассказываем про 6 приёмов, которые стоит проверить в своих проектах. А в статье на Хабре читайте подробнее про инструменты оптимизации.
➿➿➿➿➿➿
@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы | 1 149 |
| 10 |  +2Как успешно пройти техническое собеседование?
Наш разработчик Степан Гришунов несколько лет проводит технические интервью фронтендеров. В новой статье он рассказывает, с какими проблемами сталкиваются кандидаты и интервьюеры, почему не стоит пытаться знать всё на свете и что на самом деле помогает успешно проходить техсобесы.
Собрали в карточках несколько советов для кандидатов, а полный разбор читайте на Хабре 👇
🔗 Читать статью | 1 141 |
| 11 |  +4«Я был скептиком, но до 4 утра спорил с GLM-5» 👀
Евгений Кобленев, тимлид одной из наших команд, рассказал на Хабре, как команда скептиков вайб-кодинга за две недели вывела новый сервис в прод и что из этого получилось.
Собрали несколько выводов из статьи в карточках ⬆️
🔗 Читать полностью
➿➿➿➿➿➿
@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы | 1 380 |
| 12 |  Как это было? Смотрите сами ⚡️
Собрали для вас короткое видео с самыми яркими моментами A?.Frontend Техно-Квартирника.
Фотографии уже загружаем, cкоро поделимся ссылкой на альбом. А чтобы ускорить процесс, ставьте 🔥
➿➿➿➿➿➿
@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы | 1 287 |
| 13 |  Начинаем доклад «AI как QA-инженер: механики тестирования с помощью агентов для frontend-инженеров», Илья Шорин, Авито
оставляйте вопросы в комментариях ⬇️ | 1 288 |
| 14 |  Друзья мы продолжаем 😎
Начинаем доклад «Как AI ломают привычную модель веб-безопасности?»
Анастасия Егорова, фронтенд-разработчик,CozyFrontend
оставляйте вопросы в комментариях ⬇️ | 1 084 |
| 15 |  Начинаем доклад «Как я поднял AI-агента и снова стал высыпаться: OpenClaw, скиллы и корпоративная рутина»
Роман Троицкий, Senior Frontend, Сбер
оставляйте вопросы в комментариях ⬇️ | 943 |
| 16 |  Начинаем доклад «Чистая архитектура frontend-приложений и причём здесь AI-агенты?»
Илья Агапов, технический лидер разработки, и Данила Звягин, ведущий разработчик, Альфа-Банк
оставляйте вопросы в комментариях ⬇️ | 914 |
| 17 | Начинаем A?.Frontend Техно-Квартирник
Ждём вас на площадке, а если вы онлайн, подключайтесь по ссылке 🔗 | 979 |
| 18 |  Уже сегодня встречаемся на A?.Frontend Техно-Квартирнике ⚡️
А напоследок рассказываем про ещё один доклад, который точно стоит увидеть.
▶️ «AI как QA-инженер: механики тестирования с помощью агентов для frontend-инженеров»
На докладе Илья покажет, как использовать AI-агентов во frontend-разработке не только для codegen-задач, а как полноценный инженерный цикл, а именно: исследований интерфейса, поиска багов, воспроизведения проблем, написания тестов, исправления кода и проверки результата.
Разберём:
🔴 Чем Agent Dev-подход отличается от обычного AI-autocomplete
🔴 Почему frontend особенно хорошо подходит для работы с AI-агентами
🔴 Как агент исследует UI через DOM, browser console, network и e2e-сценарии
🔴 как выглядит цикл: найти баг → воспроизвести → написать regression test → исправить → проверить фикс
🔴 Как Playwright, Browser Use и Codex/Cursor agent mode встраиваются в ежедневный workflow frontend-инженера
А ещё на практике посмотрим, как агент анализирует пользовательский сценарий, формирует гипотезы и помогает находить проблемы в интерфейсе.
После воркшопа участники получат набор рабочих чек-листов для старта подготовки и диагностики, а также реальные как типовые, так и нестандартные примеры задач.
📍 Сегодня, 19:00
Москва + онлайн
❗️Записи не будет
Увидимся вечером 🔥
➿➿➿➿➿➿
@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы | 1 181 |
| 19 | Уже в эту среду встречаемся на A?.Frontend Техно-Квартирнике ⚡️
Будем говорить про AI-агентов, frontend и то, как меняется разработка прямо сейчас. Устроим живую дискуссию по самым горячим трендам.
А после докладов не разбегаемся, вас будут ждать:
💿 Диджей-сет
📸 Фотозона
🤝 Нетворкинг и обсуждения после выступлений
А ещё подготовили полезные материалы от спикеров: GitHub-репозитории, артефакты и рабочие кейсы.
📍 Москва + онлайн
🕖 27 мая, 19:00
➿➿➿➿➿➿
@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы | 1 068 |
| 20 |  رسالة فيديو | 949 |
