Frontend по-флотски 👨‍💻

Адатив `<img>` стал чуточку проще 👀 Если ты когда-нибудь писал sizes для картинок, то знаешь эту боль: CSS живёт отдельно, srcset отдельно, брейкпоинты отдельно, а потом браузер такой: «держи 1600px картинку в карточку на 320px» 💩 Теперь для lazy-loaded картинок можно использовать sizes="auto":

    
        <img
  loading="lazy"
  width="1600"
  height="900"
  sizes="auto, 100vw"
  srcset="
    image-400.jpg 400w,
    image-800.jpg 800w,
    image-1600.jpg 1600w
  "
  src="image-800.jpg"
  alt="..."
/>{}
    

Браузер сам смотрит на реальный layout-размер картинки и выбирает подходящий файл из srcset, без ручного дублирования брейкпоинтов в HTML 🤤 Что важно: — работает только вместе с loading="lazy" — srcset должен быть с w-дескрипторами — width и height всё ещё лучше оставлять, чтобы не ловить сдвиги соседних элементов — 100vw после auto — это fallback для браузеров без поддержки Небольшой облом: Chrome / Edge / Firefox уже умеют, а Safari пока в пролёте, так что это именно прогрессивное улучшение, а не призыв к рефакторингу всех sizes Но направление кайфовое: меньше ручных брейкпоинтов, меньше копипасты CSS-логики в HTML, больше работы на стороне браузера 🏖️

Как устроены агенты и RAG под капотом Большинство разработчиков собирают RAG и агентов по туториалам или вместе с агентом, не понимая, как всё работает внутри. Из-за этого сложно дебажить проект, масштабировать его или чинить, когда система начинает вести себя не так, как ожидаешь. Чтобы разобраться в устройстве, а не просто копировать чужой пайплайн, приходите на онлайн-лекцию от Тимура Фатыхова — инженера, который руководил DL-командой в KoronaPay. Он разберёт агентов и RAG изнутри и покажет, как собрать первые рабочие версии в n8n. На лекции вы узнаете: — как агенты принимают решения: инструменты, MCP, память — из каких частей состоит RAG и как улучшить его работу — как собрать агента и RAG в n8n — как настроить личного агента на базе Claude Code 🔔 Лекция бесплатная и пройдёт онлайн в четверг, 7 мая, в 18:00 МСК Регистрируйтесь по ссылке и приходите! Реклама. ИП Фатыхов Тимур Маратович, ИНН 540132430312, Erid 2Vtzqxgqxyd

Программа JavaScript-конференции HolyJS собрана на 100% — показываем то, что лучше не пропускать 📍 14–15 мая, Москва Узнайте, как AI автоматизирует рабочие процессы (вместе с багами 😈), меняет UI и заставляет перерабатывать фронтенд для агентов. Может, и главным языком программирования становится… английский? Агенты делают разработку проще, но остаются задачи, которые инженер может решить только сам. Поговорим про ускорение без JS, поиск утечек памяти в Chrome, искусство Vue-компонентов, DDoS-атаки на Node.js, модульный Backend-for-Frontend и даже способы сэкономить на оперативной памяти. На воркшопах будем писать полезные модульные тесты веб-интерфейса, сделаем «расклад на качество» и предскажем появление багов, порисуем в 4D. А еще задебажим резюме, чтобы работа находилась быстрее. Полное расписание и подробности докладов — на сайте HolyJS. Купить персональный билет со скидкой 15% можно по промокоду FRONTENDPASTA Реклама. ООО «Джуг Ру Груп». ИНН 7801341446

Как frontend-разработчику получить оффер в Big Tech? Платят как джуну, а спрашивают как с лида 🙄 Зарплата не растёт, задачи скучные. Пробуешь откликаться, но на резюме клюют только ноунейм компании, а на собесах валят на алгоритмах? При этом вокруг кто-то постоянно получает офферы в Яндекс или VK... Стабильность с маленькой зп, или дестрой рынка и выход на максимальную? Синяя или красная таблетка, Нео?! 👾

Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Big Tech и сопровождаю на испытательном сроке.

В своем канале: 👉Разбираю самые популярные и каверзные вопросы на собесах 👉Рассказываю как пройти фильтр HR 👉Борюсь с убеждениями, которые мешают развиваться 👉Делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров Регулярно публикую полезные материалы: ▪️60 вопросов, которые точно помогут тебе на собеседовании ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️10 задротских вопросов про JavaScript, после которых ты усомнишься, что вообще знаешь JS. Часть 1 ▪️Чек лист проверки своего резюме Подписывайся, нас уже 4500 🤓: ссылка Реклама, erid: 2W5zFHgJjqb ИП Галактионов Тихон Витальевич, ИНН 771618975809

🔧 Делаю iOS-приложение за 30 дней — в одного, без команды 5+ лет опыта на Backend blockchain с NestJS. Решил выйти за пределы своего стека и сделать нативное iOS приложение с нуля. Swift, SwiftUI, CoreLocation, MapKit. Без бэкенда — всё локально на устройстве. Строю TripTrack — автодневник поездок на машине. Ниша пустая: Google Timeline сломал данные миллионам людей в марте 2025, прямой конкурент с 1 звездой в App Store. 🎩 Показываю весь путь: архитектурные решения, работа с геолокацией в фоне, проблема батареи, TestFlight, App Store review. День за днём — без купюр. Если пишете своё или интересно как выглядит смена стека изнутри — заходите. — @onezee_co

Мой хороший друг @sergeyfrey сейчас в поиске нового места работы, один из лучших frontend разработчиков с которым когда либо работал Вот его актуальное резюме 👇 https://sergey-frey.github.io/cv/

OpenAI выкатили GPT‑5.5 🤯 OpenAI представили новую модель GPT‑5.5, и это всё больше и больше похоже на старый добрый кодинг в паре 🫠 Основной упор сделали на агентную работу: модель лучше держит контекст, сама планирует шаги, юзает тулзы, проверяет результат и не отваливается после первой же ошибки. Для фронтенда самое интересное: Кодинг стал жирнее GPT‑5.5 лучше справляется с реальными задачами в кодовой базе: имплементация, рефакторинг, дебаг, тесты, проверка гипотез и вот это всё, что обычно превращает «маленькую правочку» в 12 диффов 😄 Codex стал полезнее В Codex модель может работать с большими проектами, понимать, где именно что сломалось, и тащить задачу через несколько файлов, а не просто генерить красивый кусок кода в вакууме. Контекст до 400K в Codex То есть можно скормить приличный кусок проекта и не объяснять каждый раз, что Button — это не просто кнопка, а священный компонент дизайн-системы 🙃 API тоже завезли gpt-5.5 и gpt-5.5-pro уже доступны в API. У обычной версии контекст до 1M токенов, но прайс, конечно, не для «потыкать ради интереса»: $5 за 1M input и $30 за 1M output токенов. По бенчам тоже выглядит хорошо, что бы они не значили: Terminal-Bench 2.0 — 82.7%, SWE-Bench Pro — 58.6%, OSWorld-Verified — 78.7%. Заменит фронтендеров? Нет, но тех, кто не умеет им пользоваться, может подвинуть 😈 Почитать подробнее 👇 https://openai.com/index/introducing-gpt-5-5/

Как frontend-разработчику вырасти в ЗП? День сурка frontend-разработчика выглядит так Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость». И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...

Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить.

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

Вышел Claude Opus 4.7: что там нового? 👨‍💻 Релиз сфокусирован на автономном кодинге, многошаговых задачах и решении сложных проблем. По словам разработчиков, модель теперь не просто пишет код, но и думает как полноценный тиммейт Что завезли: — Прокачанный кодинг и автономность — модель сама ловит свои логические баги еще на этапе планирования, тащит длинные CI/CD флоу и не стопается при падении тулзов — Зрение x3 — теперь переваривает картинки до 2576px по длине (~3.75 мегапикселей). Идеально для pixel-perfect верстки по плотным макетам и анализа сложных схем — Новый extra high уровень — между high и max для тонкой настройки баланса между качеством раздумий и скоростью. В Claude Code он теперь стоит по дефолту — Фичи для разработчиков — завезли Task Budgets в API (beta), чтобы лимитировать траты на долгих задачах, и команду /ultrareview в Claude Code для дотошного код-ревью архитектуры В чем подвох: — Расход токенов вырос — новый токенизатор ест в 1.0–1.35 раза больше токенов на тот же промпт. Плюс модель стала больше "думать" (особенно на высоких уровнях), что тоже раздувает аутпут — Буквальность — Opus 4.7 перестал додумывать. Если раньше модель прощала расхлябанные инструкции, теперь она выполняет всё строго буквально. Старые промпты придется переписать. — Жесткие сейфгарды — вшили автоматическую блокировку потенциально опасных запросов по кибербезопасности Анонс 👇 https://www.anthropic.com/news/claude-opus-4-7

Бесплатный воркшоп по Claude Code 🤖 21 апреля у Frontend Masters будет бесплатный онлайн-воркшоп по Claude Code, а вести его будет Lydia Hallie из Anthropic. Программа: — Что такое Claude Code на самом деле — Как правильно настраивать CLAUDE.md — Как работать с план модом и пермишенами — Как собирать скиллы под свои сценарии — Как написать свой MCP сервер с нуля и продвинутое использование клода Регистрация 👇 https://frontendmasters.com/workshops/advanced-claude-code/