Фронтовая повседневность

Немного пропал, но на самом деле в рабочем процессе происходит много интересного (и объемного) На данный момент я нахожусь в экспериментальной Тиме по агент флоу разработке и так вышло, что Тима состоит из аналитика и меня, поэтому весь фронт, бэк и тп по разработке на мне. Тяжеловато, но процесс идет, посмотрим что из этого выйдет, стремимся настроить какой-то универсальный инструмент для возможности такой разработки. На днях я навайбкодил за пару дней себе приложуху на комп, чтобы можно было надиктовывать по нажатию комбинации клавиш текст в любое текстовое окно. Есть куча более крутых платных аналогов, уверен, что есть и куча бесплатных, но захотелось чисто по фану сделать свой. Сделан на питоне, использует модель виспр, можно переключать модель от слабой до более сильной, регулировать качество, автопунктуацию, менять настройки и работает как на винде, так и на маке. А сделано на коленке за пару дней 😂 Также сейчас обсуждаем доклад по новому процессу на одном внутреннем митапе, который проходит раз в квартал и там присутствует руководство. Надеюсь взлетит) Что могу сказать - за последние несколько месяцев я превратился в AI-инженера из фронтендера и пока очень не привычно, но кажется, что это одно из ответвлений будущего, которого не избежать, так что не забывайте хотя бы иногда посматривать в сторону агентской разработки, писать хотя бы минимальные скилы для помощи себе и тп (тем более уже из всех утюгов даже в инсте с сферами, даже далекими от айти, вся эта обвязка агентов и их использование разбирается оч подробно) #мысливслух

Недавно делал инструмент для внутренней разработки в банке по запуску debug сервера локально, на который можно слать логи запросами, которые можно распихать по коду. Сам по себе инструмент не очень удобный, но я написал под него удобный скилл, в котором агент проходится по фазам при поиске бага. Происходит анализ кода, запуск сервера, расставление логов по потенциально баговому коду, далее предлагается сценарий воспроизведения на ui, чтобы отловить баг. Далее агент анализирует логи и предлагает решение бага. После решения происходит очистка кода от функций логирования, остановка сервера и очистка логов. Попробовал эту утилиту на одном неочевидном баге, который удачно возник во время разработки в день выпуска утилиты и она сэкономила думаю нам так дня два поисков, а справились за пару часов, так что, получается, не такая и бесполезная вещь оказалась 😁 #мысливслух

Давно не писал сюда, но попалась интересная квартальная задача Мне нужно было разработать агента, который будет обращаться к существующей CLI утилите и она будет заниматься шаблонной кодогенерацией под разные фронтовые кейсы из спецификации ручек. Я, как человек, не разрабатывавший никогда агентов, сел вайбкодить агента, чтобы сделать MVP. Спустя какое-то время частично агент был готов и мог стучаться в CLI. Для того, чтобы получать спеку сделал возможность стучаться в битбакет по ссылке и агент сам начал понимать, что если в спешке есть рефы на другие спеки и схемы, надо их тоже получить, что очень здорово. Дальше возник вопрос, как же подключить агента, ведь делать отдельного самодостаточного - точно не вариант. Он для одной узкой задачи и установить его дополнительно - это значит переключать агентов под разные задачи. Таким образом я понял, что нужно сделать MCP сервер для того, чтобы подключать его к основным агентам. Спустя какое-то время вайбкодинга и он был готов, подрубил его к нашему альфагену, немного подправил CLI чтобы можно было закидывать туда содержимое файла с битбакета, запустил и всё отлично заработало. CLI построена так, что она дает выбирать в командной строке нужные варианты генерации, на тот момент я не допилил ещё агента, чтобы она могла давать выбор, поэтому на этом этапе все падало. Но несмотря на это произошла интересная вещь - за счет получения спецификации через MCP альфаген после падения этапа выбора для генерации просто сказал «этап упал, но вот держи сгенерированный код, который ты хотел». Именно в этот момент я осознал, что возможно агент для этой цели с CLI - не лучший выбор, потому что чтобы его потом выкатить нужно пройти бюрократический ад, выделить ресурсы на сервере и тп, а по итогу выиграем мы не сильно много. Зато можно на основе CLI напилить скилов для основного агента, которые будут строго говорить, как нам нужно генерировать код и это будет намного проще, дешевле, поддерживаемость и переиспользуемость лучше. Сейчас я занимаюсь написанием скилов, парочка уже готова и отрабатывает неплохо, посмотрим как будут работать остальные. Как вывод могу сказать: перед тем как делать глобально агента для задачи на хайпе всего этого - стоит задуматься. Возможно более простое решение в виде скилов решит ваши проблемы 😁 #мысливслух

Конец года был достаточно насыщенным, поэтому я немного пропал, но тем не менее думаю пора все-таки подвести итоги года 🥳 Год был непростым, но тем не менее что-то за него да успел сделать в профессиональной сфере: - успел выступить на Стачке в Ульяновске с докладом и неплохо потусить - устроили несколько митапов от Альфы - выпустил несколько групп в Яндекс Практикуме в курсе мидл фронтенд-разработки - успешно запустили с командой новый модуль в Альфе для работы с вторичными предложениями клиентам (теперь в кол центрах впаривать вам кредиты будет операторам еще проще 🤪) - решил попробовать прокачаться помимо айтишки в сфере трейдинга, чтобы посмотреть как оно и с чем едят и получится ли что-то с этим сделать В этом году пока планов нет, может быть получится еще где-то выступить или выпустить парочку статей на Хабре, если будет о чем рассказать, посмотрим как полетит 🙃 Ну и продолжать менторить в практикуме и участвовать в A.Frontend комьюнити

A?.Frontend Community исполняется 3 года 🎁 Отмечаем день рождения громко, с мощной программой, живыми эмоциями и диджей-сетом, который точно поднимет настроение. На сцене — эксперты из Альфы, VK, Rutube и Yandex Cloud. Говорим про микрофронтенды, OpenAI и вайб-кодинге в разработке 🔥 Когда: 29 октября, 19:00 Где: Санкт-Петербург, Лофт Com.nata Mars, Арсенальная наб., дом 1, литера А, и онлайн В программе: ▶️ «Миграция фронтенд-кода: лёгкая поддержка проектов» — Иван Усынин, технический лидер разработки, Альфа-Банк ▶️ «JavaScript на большом экране: как укротить WebOS и не сломать пульт от ТВ» — Антон Халин, старший разработчик, VK ▶️ «Dreamcoding или как вернуть искру разработки, на примере трёх проектов» — Зар Захаров, руководитель группы разработки, RUTUBE ▶️ «Эволюция OpenAI API — как это влияет на взаимодействие с AI в продуктах, которые мы разрабатываем» — Андрей Мелихов, ведущий разработчик интерфейсов, Yandex Cloud После докладов: 💃 Диджей-сет и квиз с юбилейными призами 💡 Демо-зоны по каждому докладу 📸 Фото-зона и networking party 🎂 Праздничный торт Регистрируйтесь по ссылке, встретимся, познакомимся и зажжём вместе! #af_events ➿➿➿➿➿➿ @alfa_frontend — сообщество фронтендеров: делимся новым, обмениваемся опытом и проводим митапы

⚡️ Node.js 25 официально вышел — крупное обновление с акцентом на безопасность, производительность и стандарты веба 📦 Что нового - В движке V8 обновление до версии 14.1, что даёт значительный прирост в быстродействии JSON.stringify - Встроенная поддержка преобразований base64 / hex для Uint8Array - Улучшения в WebAssembly и оптимизации JIT-конвейеров - Введена модель разрешений: флаг --allow-net для сетевых операций - Web Storage теперь включён по умолчанию - ErrorEvent стал глобальным объектом - Удалены давно устаревшие API, например SlowBuffer - Добавлены улучшения удобства: портируемый compile cache, JSPI для WebAssembly и др. ⚠ Устаревания и удаление В этой версии стали неподдерживаемыми / удалены: - assert.fail с несколькими аргументами - CallTracker - Свойство asyncResource в async_hooks - SlowBuffer - _channel в child_process - Некоторые методы в crypto, например ECDH.setPublicKey() - И другие старые API и свойства 🔗 Полный список изменений: https://nodejs.org/en/blog/release/v25.0.0 @javascriptv #NodeJS #JavaScript #V8 #WebAssembly #Security #Release25 #DevNews

Как провести последний месяц лета с пользой? Присоединиться к Joy.JS #2 в Пскове 🎉 Здесь не будет скучных и душных лекций — только живые, актуальные кейсы, основанные на реальном опыте спикеров. Вас ждут 5 докладов на разные темы из мира разработки — интересно будет не только фронтендерам, но и всем, кто увлекается digital-сферой. Скорее смотри обновленную информацию о докладах, расписании и формате на сайте: joyjs.ru Вход свободный, регистрация обязательна. Когда?: 16 августа в 13:30 Где?: Креативное пространство «Лофт»

Мифы о Frontend: "Выучи React и Залети во Frontend" 1. "React ≠ Frontend" React — лишь инструмент Что забывают 90% джунов: Как работает браузер, Vanilla JS, Верстка, HTTP, REST, WebSockets, CORS Просто не забивайте на верстку и основы фронта без фреймворков 2. "Рынок Завален Juniors, но Голоден до Junior+/Middle/Senior" На 1 junior-вакансию — 1000+ откликов. 80% — шаблонные резюме с типовым TodoList. Делайте резюме оригинальнее, пишите хорошие сопроводительные письма 3. "Интервью ≠ Знание React" Вас разнесут по: Алгоритмам (как минимум мапы и редьюсы точно очень часто встречаются) Архитектуре, как минимум как, что и зачем нужно разделять JS: замыкания, как что работает и тп Практикуйте простейшние алгосы, смотрите самые используемые паттерны, типо HOC, научитесь писать тесты, смотрите записи собесов 4. "Soft скилы - бОльшая часть успеха" Без умения общаться с людьми будет очень сложно Походите по митапам, пообщайтесь с людьми, объясняйте код вслух сами себе, берите максимум из код-ревью #мысливслух

А вы знали, что в HTML и CSS есть свойства, которые достаточно старые, но мало кем используются, так не так много людей о них помнит в принципе? 1) box-decoration-break: clone — позволяет фоновой подсветке ссылок корректно отображаться при переносе текста 2) hyphens: auto — добавляет настоящие переносы слов, улучшая читаемость 3) <meta name="theme-color"> — задаёт цвет верхней панели браузера на мобильных устройствах 4) quotes — автоматически ставит правильные типографские кавычки («ёлочки») в <q> 5) form novalidate — отключает встроенную валидацию браузера, но псевдоклассы :valid/:invalid продолжают работать 6) user-select: all — позволяет одним кликом выделить весь фрагмент кода или текста 7) resize: vertical — блок <textarea> можно сделать изменяемым только по вертикали 👉 Все эти фичи появились ещё с 2006–2022 гг., но до сих пор помогают в разработке интерфейсов и типографики. #html #css

Всем привет! Мы с ребятами планируем устроить второй митап во Пскове JoyJS. Если кто-то хочет с чем-нибудь выступить, что-то рассказать, то заполняйте форму, будем рады всех рассмотреть и помочь с докладами 💪😁

🔥 Что это тут у нас, неужели JoyJS №2? JoyJS начинает набор спикеров на предстоящий митап, который пройдет 16 августа. Если у тебя пока нет темы доклада, но есть желание публичных выступлений, мы готовы пообщаться и вместе найти тему c которой можно выступить. Это отличная возможность: 1️⃣Прокачать навыки публичных выступлений; 2️⃣Поделиться экспертизой с сообществом; 3️⃣Словить порцию аплодисментов и лайков; 4️⃣Найти единомышленников; 5️⃣Кайфануть от атмосферы JoyJS; Ждём твой доклад! Заполни форму для спикеров

В JSе снова и снова появляются новые вещи, которые должны упростить нам жизнь в некоторых местах (хотя иногда выглядят сомнительно конечно 😅). В этом видео рассказывается о новых фичах, которые потихоньку должны появиться в JS в 2025 году. Если кратко, то добавляется Promise.try() для обработки не только асинхронных, но и синхронных ошибок, очень много хелперов для итераторов, новый тип массива чисел с плавающей точкой, автоматическое экранирование символов в регулярках и немного меняется импорт json файлов в модули JS. #полезныессылки

Немного про оптимизацию. Думаю те, кто уже сталкивался с задачами по оптимизации понимают, что сразу возникает куча тулзов по типу Lighthouse и тп. Один из таких инструментов - Webpack bundle analyser. Он помогает узнать, какие пакеты занимают много места в бандле и тп. Полезная вещь, если еще не работали с ней, то можете почитать обзорную статью, думаю в любом случае будет полезно, даже если просто упомянете про эту вещь на собесе 😄 #полезныессылки

Не нужно думать насчет технологий, решений и тп. Нужно брать и пробовать, а дальше как пойдет 🙃

Веб-компоненты и shadowDom достаточно неоднозначная вещь, с которой сталкиваются не так много людей. Но в последнее время я встречаю все больше статей и докладов про то, как их использовать и как некоторые компании заменяют часть компонентов на них. Нашел интересную статью, в которой достаточно подробно рассказывается про их использование с приведением примеров, советую к ознакомлению. https://habr.com/ru/companies/ruvds/articles/909390/ #полезныессылки

В феврале 2025 года мир сформировал новую профессию и она называется Vibe Coding. Уже даже таксисты спрашивают заменит ли AI программистов. И на это есть все основания. Поэтому сегодня попытаемся примерить шкуру Vibe кодера и разобраться, как это изменит нашу индустрию -> https://youtu.be/XQa78e8p4ss