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

Вышел Opus 5 — тихий релиз, но зря с ним так 🍽 По сути это замена Fable 5, который теперь не включён в подписку, по метрикам он совсем чуть-чуть уступает Fabel 5 и GPT-sol, поэтому пользуемся и радуемся https://www.anthropic.com/news/claude-opus-5 #ai

Превращай 2D в 3D с помощью своего агента 😐 Показываешь картинку клоду или кодексу, а он они превращают её в 3D модель, которую можно использовать в Three.js. PROFIT Бесплатно и без смс, тока токены жжёт 👇 https://github.com/hoainho/img2threejs

Вышел Nuxt 4.5 — довольно крупный релиз 🍽 — Завезли Vite 8 — Rspack 2, теперь на базе Rsbuild — Экспериментальный SSR-стриминг для более быстрого TTFB — Новая стабильная система кодов ошибок — useLayout и именованные представления И ещё множество внутренних изменений, которые готовят Nuxt к версии 5 🤩 https://habr.com/ru/articles/1060996/

У Vite появились свои собственные DevTools 🍸 Что с ними можно делать? — Посмотреть, какие плагины выполняются — Проверить порядок их работы — Увидеть преобразование конкретного файла — Изучить граф зависимостей — Найти большой или неожиданно созданный чанк https://devtools.vite.dev/

Следом вышел сразу Vue Router 5.2 с поддержкой Pinia 4.0, внедрением Nostics и минорными фиксами https://github.com/vuejs/router/releases/tag/v5.2.0

Вышел Pinia 4.0 🙂 — Уменьшился размер бандла на 77% — Теперь всё на ESM — Улучшили отображение ошибок с помощью Nostics — Vue Devtools теперь является peer dependency https://github.com/vuejs/pinia/releases/tag/v4.0.0

Хочу добавить немного мотивации для тебя, поэтому разыграю Телеграм премиум на 6 месяцев среди участников интервью Заявку можешь оставить всё так же по ссылке 👇 https://docs.google.com/forms/d/e/1FAIpQLSe5F_z_Poyvd6_e6qd7RTtVzD7W7hCZ-8Wr06aDBKHmgVYGBQ/viewform

16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде. AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее. 🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse. ⏳ Начало в 17:00, встреча очных гостей - в 16:00. Количество очных мест ограничено – успейте зарегистрироваться!

CSS text-fit — равняй текст по длине контейнера 😏 У этого свойства есть 2 значения 1. shrink — защита от переполнения, шрифт автоматически уменьшится, если текст не будет влезать в контейнер 2. grow — шрифт увеличиться до размеров контейнера 🕙 Поддерживается в Chrome 150+ (остальные браузеры пока что не поддерживают)

Вышел GPT-5.6 😐 Open AI выпустила целое семейство моделей: Sol, Terra и Luna — узнай как их правильно использовать 🚶‍♂️ https://habr.com/ru/articles/1057684/ Если удобнее, то смотри на видеохостингах YouTube | RuTube | VK P.S. извиняюсь за "gpt 5 целых 6 десятых" в видео, буду работать над качеством перевода

Вышел TypeScript 7 🙂 Перевёл официальный анонс от команды для тебя 🤌 https://habr.com/ru/articles/1057560/

Исследование 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/