A?.Frontend Community

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

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

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

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

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

Начинаем доклад «Чистая архитектура frontend-приложений и причём здесь AI-агенты?»Илья Агапов, технический лидер разработки, и Данила Звягин, ведущий разработчик, Альфа-Банкоставляйте вопросы в комментариях ⬇️

Начинаем A?.Frontend Техно-КвартирникЖдём вас на площадке, а если вы онлайн, подключайтесь по ссылке 🔗

Уже сегодня встречаемся на 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 — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Уже в эту среду встречаемся на A?.Frontend Техно-Квартирнике ⚡️Будем говорить про AI-агентов, frontend и то, как меняется разработка прямо сейчас. Устроим живую дискуссию по самым горячим трендам.А после докладов не разбегаемся, вас будут ждать:💿 Диджей-сет📸 Фотозона🤝 Нетворкинг и обсуждения после выступленийА ещё подготовили полезные материалы от спикеров: GitHub-репозитории, артефакты и рабочие кейсы.📍 Москва + онлайн🕖 27 мая, 19:00➿➿➿➿➿➿@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

AI ломает привычную модель веб-безопасности ⚡️На A?.Frontend Техно-Квартирнике поговорим о том, почему подходы, которые работали годами, начинают давать сбои в эпоху AI-агентов и LLM.▶️ «Как AI ломает привычную модель веб-безопасности»Раньше всё было относительно понятно: пользователь → интерфейс → backend → база данных. Безопасность строилась вокруг предсказуемого поведения человека и заранее известных сценариев. Но тут AI приходит в систему и генерирует код, ходит по API, получает доступ к внутренним данным, выполняет действия от имени пользователя. И внезапно оказывается, что старые границы доверия больше не работают.В докладе разберём:🔴 Почему AI-агенты меняют саму модель threat modeling🔴 Какие новые уязвимости появляются в AI приложениях🔴 Что такое prompt injection🔴 Пофиксили ли проблемы вайбкодинга🔴 Чем опасно заражение цепочки поставокА ещё обсудим реальные кейсы, где AI ускоряет процессы, но одновременно создаёт новые точки атаки, которые сложно заметить привычными методами.📍 27 мая, 19:00, Москва + онлайн❗️Записи не будетРегистрируйтесь и приходите 🔗➿➿➿➿➿➿@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

А что, если превратить frontend-разработчиков в персонажей... Перед A?.Frontend Техно-Квартирником мы запустили Telegram-бота, который соберёт ваш «технообраз» на вечер и покажет, какой вы AI-разработчик ⚡️Отвечайте на 4 быстрых вопроса про frontend, рабочую рутину и AI-агентов. По результатам получите свой tech-архетип и образ для квартирника.Запускайте бота ◀️➿➿➿➿➿➿@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

Научим делегировать рабочий хаос 🔥На A?.Frontend Техно-Квартирнике поговорим о том, как AI-агенты помогают разработчикам справляться с рутиной и наводить порядок в рабочих задачах, которые обычно приходится держать в голове.▶️ «Как я поднял AI-агента и снова стал высыпаться: OpenClaw, скиллы и корпоративная рутина»Роман Троицкий, приглашённый спикер, расскажет, как превратил рабочий хаос в систему с помощью AI-агентов.Заметки, ПР-ы, встречи, задачи, контекст полугодовой давности... Раньше подготовка даже к обычному 1-на-1 занимала часы, а иногда и дни. Теперь большую часть рутины разбирают агенты и скиллы. Перед встречей достаточно открыть нужный контекст и не пытаться вспомнить всё вручную.В программе:⚡️ Как фронтендеру войти в агентскую разработку и почему это проще, чем кажется⚡️ Как превратить заметки, чаты и задачи в удобную базу знаний⚡️ Зачем поднимать несколько AI-агентов под разные сценарии⚡️ Как формализовать повторяющиеся задачи в скиллы⚡️ Где взять готовый репозиторий, если не хочется писать всё с нуля 👀Со встречи уйдёте с готовым OpenClaw-сетапом, который можно будет склонировать и запустить у себя.📍 27 мая, 19:00, Москва + онлайн❗️Записи не будетРегистрируйтесь и приходите 🔗➿➿➿➿➿➿@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

ИИ ускорил разработку! А потом начались проблемы 👀На A?.Frontend Техно-Квартирнике будет доклад, о проблеме, с которой всё чаще сталкиваются команды, внедряющие AI в разработку. Давайте вместе обсуждать.▶️ «Чистая архитектура frontend-приложений и причём здесь AI-агенты?»Использовать ИИ в разработке стало стандартом индустрии. Главный вопрос теперь в другом, помогает ли он развивать проект или постепенно усложняет кодовую базу?Сначала всё выглядит идеально. Закинул задачу агенту → получил рабочую фичу → доволен результатом. Но потом проект становится больше, а ИИ начинает тащить в новый код старые решения, которые когда-то «временно оставили».В итоге ИИ повторяет текущие паттерны проекта, но не думает о том, как система будет жить через полгода.Поэтому в докладе разберём:⚡️ Как выстроить архитектурный каркас frontend-приложения⚡️ Как подключить ИИ и задать ему правила⚡️ Зачем нужны границы модулей и Clean Architecture⚡️ Как делегировать реализацию, не теряя контроль над системойА ещё расскажем про наш путь, в какой момент ИИ действительно ускорил разработку, а где начал ухудшать кодовую базу и почему пришлось пересобирать подход к работе с агентами.📍 27 мая, 19:00, Москва + онлайн❗️Записи не будетРегистрируйтесь и приходите 🔥➿➿➿➿➿➿@alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

ИИ пишет код, а вы управляете процессом 👨‍💻Владислав Сазонов, главный технический лидер разработки, создал открытую базу для самостоятельного обучения вайб-кодингу. ➡️ Знать инструменты уже недостаточноВ агентском подходе разработчик становится архитектором процесса и декомпозирует задачи, управляет контекстом, выстраивает работу агентов.➡️ Меняется подход к разработкеРаньше вы думаете → пишете → отлаживаете.А теперь формулируете задачу → агент генерирует → вы оцениваете и корректируете.➡️ Как это применятьВ чистом виде он подходит для личных проектов, хакатонов и прототипов. В крупных компаниях к нему нужно добавить инженерную обвязку: управление контекстом, правила и ограничения для агента, защита от промпт-инъекций, наблюдаемость.🔗 Проходите бесплатный курс по ссылке