Frontend по-флотски 👨‍💻 | AI & Modern Dev

Исследование Anthropic: сравнение разума человека и AI 😐 У них получилось сделать это довольно популистично, мне понравилось и решил потестить переводы видео для тебя, надеюсь тебе тоже зайдёт На будущее: где тебе удобнее всего смотреть видео?

Сегодня оказывается уже 5 лет как я веду этот канал 🇨🇦 Спасибо больше тебе, что читаешь его и остаешься здесь 🤝 Буду рад услышать твой фидбэк по контенту и чего хотелось бы тебе тут видеть больше или меньше? 🍽

Вернувшийся Fable 5 уже не тот, который был, все почувствовали это? 😂

Приглашаю тебя на серьёзный разговор 💪 Ты, наверное, заметил как за последний год преобразилась наша с тобой профессия, все говорят и используют какой-то AI, а кол-во безработных фронтендеров растёт с каждым днём. В последние пару месяцев я активно занимаюсь исследованием рынка, поэтому хотел бы задать тебе несколько вопросов про твою работу и процессы вместе с моей командой маркетинга. Хочу проверить несколько идей, лучше понять, какие сейчас проблемы и сложности возникают в работе. Если тебе было бы интересно принять участие в исследовании, заполни, пожалуйста, мини анкету ниже 🤝 https://docs.google.com/forms/d/e/1FAIpQLSe5F_z_Poyvd6_e6qd7RTtVzD7W7hCZ-8Wr06aDBKHmgVYGBQ/viewform

Fable 5 вернётся уже завтра 😐 https://www.anthropic.com/news/redeploying-fable-5

Топ-6 советов по эффективному использованию AI coding 1. Всегда используйте feedback loop. Чтобы агенты писали надёжный код, им необходимо дать в руки подходящие инструменты для проверки - линтеры, type-check, тесты, сборка, E2E. 2. Карта местности. Собирайте знания о проекте в AGENTS.md. Как только файл станет большим, делите его на модули в директории, напр. docs, а в AGENTS.md оставьте оглавление к этой директории. 3. Сначала обсуди задачу, потом реализуй. Обязательно обсудите с AI вашу задачу и убедитесь что он вас понял; соберите требования по задаче в .md файлик, а потом приступайте к реализации. Иначе, с большой вероятностью агент сделает не то, что вам нужно. 4. Используйте subagents правильно. Отправляйте одного агента писать код, а второго делать ревью этого кода. Так один будет проверять другого и качество кода вырастет. 5. Автоматизируйте только то, что уже проходили вручную. Если процесс не понятен и не описан, "автономные циклы агентов" будут дорогой лотереей. 6. AI лучше всего помогает там, где ты сам разбираешься. Особенно, в проектах, где цена ошибки высока. AI умножает ваши знания. Ему необходим человек, который разбирается в теме, направляет его и во время бьёт по его электрическим ручкам! Если было полезно, сохраняйте себе, делитесь с друзьями и подписывайтесь на тг-канал автора – Тимур Хахалев про AI Coding. Реклама

Набор инструментов для разработчика: готовим сайт к эпохе AI-агентов 😐 Готовим свой сайтик к тому, чтобы AI агентам было удобно в нём ориентироваться, accessibility для наших неодушевлённых друзей https://habr.com/ru/articles/1053356/

🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг 25 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика. Как это будет: 📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос Виталию Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы. Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot Реклама. О рекламодателе.

Ещё один MCP в копилочку (обновил постик) 😎 https://habr.com/ru/articles/1049274/

Недолго музыка играла, всем закрыли доступ к Fable 5 по требованию властей США 🫡 Считают, что это угроза национальной безопасности Но компания не согласна с этим решением и сделают всё, чтобы вернуть её пользователям https://www.anthropic.com/news/fable-mythos-access

Stack Overflow запустили платформу для AI-агентов 😐 Stack Overflow представил Stack Overflow for Agents — отдельную площадку, где нейросети и вайбкодеры могут обмениваться техническими знаниями, накопленным опытом и проверенными решениями 😎 Зачем это нужно? Современные ИИ-агенты пишут код быстро, но часто лажают: используют устаревшие библиотеки, забивают на безопасность и не знают про свежие изменения в API. Более того, один агент может потратить кучу токенов на решение бага, а после закрытия сессии этот опыт просто испаряется. Новая платформа призвана создать общую базу знаний, к которой ИИ-агенты смогут обращаться напрямую 😮 Что внутри? На платформе есть 3 формата публикаций: — Вопросы — если агент застрял, он может описать проблему, прикрепить логи и рассказать, что уже пробовал — TIL (Today I Learned) — быстрые разборы багов, неожиданных ошибок и неочевидных фиксов — Blueprint — переиспользуемые архитектурные или инженерные паттерны для типовых задач 🪞 Защита от галлюцинаций и спама: Чтобы иишки не заспамили платформу выдуманным бредом, каждого агента жестко привязывают к реальному человеку через SSO. Более того, вклад и точность иишки напрямую влияют на репутацию его владельца. Если твой бот генерирует чушь, а ты аппрувишь это в продакшн платформы — страдать будет твой личный аккаунт на Stack Overflow Платформа уже вышла в публичную бету 🚶‍♂️ https://agents.stackoverflow.com/ Будущее наступает слишком быстро...

AI тулзы для быстрой и качественной разработки фронтенда 🍽 Модель Сейчас самые популярные это Codex (gpt-5.5) и Claude Code (Opus и Fable), также, судя по code arena ещё можно уверенно использовать kimi-k2.6, minimax-m3 и glm-5.1 MCP Figma MCP — мастхэв для точной вёрстки макетов (нужен devseat) Playwright MCP — благодаря нему нейронка сама сможет тестить UI, делать скриншоты и анализировать их Chrome Devtools MCP — доступ к чтению вкладок в девтулзах: анализ консоли, нетворка, делать аудиты перфоманса и т.д. Sentry MCP — фиксим баги с нейронкой скармливая весь контекст из сентри Скиллы Modern Web Guidance — набор скиллов от гугла, чтобы ИИшка использовала современные технологии и бест практисы при разработке веба и экстеншенов Context7 — актуальная документация по Next.js, React, Tailwind, Supabase, Cloudflare и т. д. Очень полезно, чтобы AI не писал код по устаревшим API UI UX Pro Max — круто если билдишь свой пет проект и не хочешь заморачиваться по поводу дизайна FSD — официальный скилл комьюнити для тех кто билдит по FSD, нейронка самостоятельно следует всем принципам из документации Vercel react best practices или Vue — оптимизация React/Vue приложений

Вышел Claude Fable 5 и Claude Mythos 5: новый уровень ИИ-автономности от Anthropic 🍽 Anthropic представили новое поколение моделей под общим классом Mythos. По словам разработчиков, их возможности превосходят всё, что компания когда-либо выпускала в открытый доступ. Модели демонстрируют огромный отрыв от предшественников на сложных, долгосрочных задачах, буквально «думая» как автономные агенты. Что завезли: 🔹 Революция в разработке (Software Engineering) Модель способна в одиночку закрывать задачи, на которые раньше уходили месяцы командной работы. В рамках тестов для компании Stripe Claude Fable 5 всего за один день выполнил масштабную миграцию в Ruby-кодовой базе на 50 миллионов строк — вручную целая команда инженеров делала бы это больше двух месяцев. На бенчмарке FrontierCode модель набрала высший балл среди всех конкурентов. 🔹 Продвинутая аналитика (Knowledge Work) Показаны лучшие результаты на финансовом бенчмарке Hebbia для задач уровня Senior-аналитика. Модель безупречно справляется с анализом документов, интерпретацией сложных графиков, поиском первопричин (root-cause analysis) и расчетом ожидаемой стоимости. 🔹 Прокачанное зрение (Vision) Новый state-of-the-art в распознавании изображений. Fable 5 может вытягивать точные цифры из перегруженных научных графиков и воссоздавать исходный код веб-приложений по одному лишь скриншоту. В качестве демонстрации: модель полностью прошла игру Pokémon FireRed, используя только сырые скриншоты экрана, без карт и вспомогательных инструментов. 🔹 Память и долгосрочный контекст Fable 5 удерживает фокус на протяжении миллионов токенов и умеет улучшать свои ответы, опираясь на собственные заметки. При подключении постоянной файловой памяти в игре Slay the Spire модель показала перформанс в 3 раза выше, чем Claude Opus 4.8. 🔹 Глубокая наука и биология В рамках закрытых тестов модель Claude Mythos 5 использовалась для проектирования белков и создания лекарств, ускорив процесс почти в 10 раз и работая на уровне профессионального ученого. Кроме того, Mythos 5 стал первой моделью, способной стабильно генерировать принципиально новые и жизнеспособные научные гипотезы в молекулярной биологии. Безопасность и архитектурные изменения: Поскольку модели класса Mythos обладают огромной силой (в том числе в сфере кибератак и вирусологии), Anthropic подошли к релизу осторожно: Claude Fable 5 — версия для всех. Она оснащена жесткой системой ИИ-классификаторов безопасности. Если ваш запрос касается кибербезопасности, dual-use биологии или попыток дистилляции (копирования) модели, система плавно переключит сессию на Claude Opus 4.8. В обычных сценариях (более 95% сессий) fallback не срабатывает. Claude Mythos 5 — точно такая же базовая модель, но с полностью снятыми ограничениями в сфере кибербеза и биологии. Доступ к ней строго ограничен правительственными программами США (Project Glasswing), ИБ-защитниками и проверенными био-лабораториями. Новая политика данных: Для защиты от сложных многошаговых джейлбрейков вводится обязательное 30-дневное хранение логов для бизнес-клиентов (без использования этих данных для обучения). Это дайджест этой статьи и да, я сделал его через AI (не осуждай 🙄)👇 https://www.anthropic.com/news/claude-fable-5-mythos-5

🤨

Конференция Figma config 2026 | 23-25 июня 👨‍💻 Что там может быть полезного? — Каково заниматься разработкой в 2026 — AI изменит ваш процесс к лучшему — Будущее за простыми технологиями: уроки начала 2000-х — Дизайн приложений будущего — Дизайн денег: как построить бренд, вызывающий доверие в эпоху AI — Система, созданная для понимания AI Бесплатный онлайн билет можно получить тут👇 https://config.figma.com/

VK стал современным 😃 Прикиньте новость, VK перенесли свой фронт на SPA и компонентный подход, теперь флексят этим 🍸

После перехода показатели производительности улучшились: первая отрисовка страницы ускорилась на 25%, а среднее время перехода между разделами уменьшилось в 3,5 раза. Новая архитектура позволила командам выпускать веб-обновления быстрее: время деплоя фронтенда сократилось до 20 секунд.

По такому поводу решил зайти и потестить VK 🚶‍♂️ https://habr.com/ru/companies/vk/news/1043220/

День сурка frontend-разработчика Зарплата стоит, скучные задачи день за днем, календарь забит созвонами, которые не влияют вообще ни на что. Откликаешься на вакансии, а в ответ тишина либо какие-то мутные конторы. На собесах вместо нормальной оценки навыков цирк с алгоритмами на скорость, как будто ты на олимпиаде, а не работу ищешь. И самое неприятное, пока ты варишься в этом болоте, кто-то спокойно проходит собесы и уходит в Яндекс, VK или на хорошую Валютную удаленку без лишней драмы.

Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. Также из учеников я собираю комьюнити, где уже более 220 frontend-разработчиков🫂 А в своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и отзывов, найти их можно в канале. Реклама, erid: 2W5zFGjD7nR ИП Галактионов Тихон Витальевич, ИНН 771618975809

Ну что, кто всегда мечтал кодить с мобилки и голосом? 🙂 Я точно мечтал, планирую скоро затестить 🚀

Anthropic выкатили Claude Opus 4.8 😃 Что там нового? 1. Модель стала в 4 раза реже пропускать баги в коде по сравнению с версией 4.7. Она теперь лучше видит свои косяки, умеет «сомневаться» и реже выдает галлюцинации 2. Добавили Dynamic Workflows для масштабной автоматизации. Теперь Claude прямо в сессии может запускать сотни параллельных субагентов для решения огромных задач 3. В интерфейсе появилась переключашка, позволяющая регулировать, сколько ресурсов модель тратит на задачу 4. Fast mode теперь оптимизировали по ресурсам и сделали в 3 раза дешевле, чем раньше и выдает ответы в 2.5 раза быстрее В тестах на кодинг (SWE-Bench Pro) Opus 4.8 набрал 69.2%, обогнав GPT-5.5 (58.6%). gpt-5.5 остался лидером в терминальных запросах (Terminal-Bench 2.1) модель от OpenAI всё еще удерживает лидерство (78.2% против 74.6% у Claude) https://www.anthropic.com/news/claude-opus-4-8

Вышла Antigravity 2.0 👨‍💻 По-любому ты слышал про неприметную IDE Antigravity от гугла, которая выглядела как VS Code с плагином на боковую панельку с AI Они поняли направления тренда и превратили её в аналог Codex/ClaudeCode для управления агентами, которые пишут код для/за тебя. Из плюсов для нас — это встроенные MCP девтулзов от Chrome и если есть подписка PRO гугла (а её можно оформить за 300-400 рублей на год), то тебе в подарок достаётся моделька опус и соннет, помимо гугловских gemini и лимиты приятно удивляют, а не сгорают за пару промптов Остальное всё примерно как и у конкурентов, считаю догнали. Если судить по Code Arena, то gemini-3.5-flash обогнала gpt-5.5-xhigh, но ещё позади соннет и опуса https://antigravity.google/