FrontEndDev

Добавляем визуальных эффектов с backdrop-filter Методы комбинирования backdrop-filter с другими CSS-эффектами для создания сложных и интересных дизайнов https://css-tricks.com/using-css-backdrop-filter-for-ui-effects/

Погружаемся в работу сети Как данные передаются от сервера к вашему устройству? Подробная статья о модели OSI и TCP/IP, а также протоколах TCP, UDP и HTTP. Пошаговое описание того, как данные проходят через различные уровни сетевой модели, превращаясь из запроса в браузере в электрические сигналы, которые пересекают океаны, чтобы достичь вашего экрана. https://www.deepintodev.com/blog/how-data-travels-the-world-to-reach-your-screen

Летняя школа разработки интерфейсов Яндекса открывает прием заявок Прокачать скиллы фронтенд-разработки и поработать над реальными бизнес-задачами можно в Летней школе Яндекса. Это топовая возможность разобраться в тонкостях создания удобных и надёжных интерфейсов. Школа пройдет в два этапа: — со 2 июня по 27 июля участников ждут лекции и практические задания в онлайне — с 28 июля по 24 августа участники объединятся в полноценные фулстек-команды, чтобы поработать над реальными продуктами и фичами. Каждую группу будет сопровождать опытный наставник компании. Участие бесплатное, а лучшие смогут попасть на стажировку в Яндекс или даже получить офер. Если основы JavaScript и HTML/CSS уже знакомы — отправляй заявку до 27 апреля.

Глубокое погружение в React Reconciliation Подробное объяснение, как React обновляет DOM с помощью алгоритма reconciliation, как React сохраняет или сбрасывает состояние в зависимости от типа и позиции элементов в дереве компонентов. Плюсом обсуждаются внутренние структуры React и даются советы по оптимизации производительности. https://cekrem.github.io/posts/react-reconciliation-deep-dive/

Топ 5 ошибок в CSS меню навигации Частые ошибки, которые допускают разработчики при реализации навигации. Обратите на них внимание, и вашим меню станет пользоваться намного удобнее. https://blog.css-weekly.com/top-5-css-navigation-menu-mistakes

Lighthouse Scoring Calculator Простой калькулятор, который показывает как каждая метрика влияет на суммарное количество баллов https://googlechrome.github.io/lighthouse/scorecalc/

Современные и малоизвестные фичи JS Несколько фич JS, которые давно или недавно доступны разработчикам, но редко используются: Promise.withResolvers, .at(), replace c коллбеком, structuredClone и еще несколько. https://jem-space.ru/js-features/

Создаем LQIP изображения с помощью CSS Cпособ создания размытых изображений-плейсхолдеров с помощью одной CSS-переменной и радиальных градиентов. Изображение кодируется в целое число и декодируется средствами CSS прямо в браузере. Метод обеспечивает мгновенное отображение плейсхолдера. https://leanrada.com/notes/css-only-lqip/

26–27 апреля проводим Weekend Offer Frontend Устроиться в Яндекс за выходные — реально. Ищем крутых фронтендеров с опытом работы от 4 лет, готовых работать в офисном или гибридном режиме в России. Подавайте заявку до 23 апреля — и всего за два дня пройдите все технические собеседования. После сможете пообщаться с нанимающими менеджерами и выбрать из 10 команд ту, которая покажется самой интересной. Если всё сложится хорошо, сразу же пришлём вам офер. Узнать подробности и зарегистрироваться.

Решаем проблемы, связанные с загрузкой ресурсов, блокирующих рендер О методах оптимизации загрузки блокирующих ресурсов: инлайнинг критического CSS, отложенная загрузка некритических стилей и скриптов, а также удаление неиспользуемого кода, с целью улучшения показателей FCP и LCP. https://blog.logrocket.com/eliminate-render-blocking-resources-css-javascript/

Cover Flow на современном CSS Эдди Османи проводит небольшой исторический экскурс в Cover Flow, популяризированный Apple. А также предлагает современный подход к воссозданию этого эффекта с использованием только HTML и CSS, опираясь на CSS Scroll Snap и Scroll-Driven Animations API. https://addyosmani.com/blog/coverflow/

📥 Разработчики, больше никаких ложных срабатываний при анализе сторонних библиотек. Positive Technologies выпустила новую версию сканера PT Application Inspector. 🌀 В релизе объединили технологии анализа сторонних компонентов и статического анализа кода приложения — в продукте появились возможности анализа достижимости и поиска транзитивных зависимостей. Результаты тестирования новой версии на 193 открытых проектах на GitHub, использующих уязвимые компоненты, впечатляют: количество ложноположительных срабатываний снизилось на 98–100%. Теперь можно сэкономить время на анализе срабатываний и сосредоточиться на исправлении реальных дефектов безопасности. ❌ Надоело копаться в ложных срабатываниях? Оставьте заявку на тестирование PT Application Inspector.

Первый взгляд на attr() в CSS Ахмад Шадид рассказывает о работе attr(), его преимуществах и где его удобно применять. https://ishadeed.com/article/modern-attr/

Apache ECharts для визуализации данных Таня Раския рассказывает как интегрировать Apache ECharts в React-приложение: как установить библиотеку, использовать компонент echarts-for-react и настраивать графики. Также приводит примеры кастомизации и обновления данных в диаграммах. https://tania.dev/apache-echarts-react/

Как улучшить UX-дизайн форм Типы форм, их структура и лучшие практики: логичное построение, понятные подписи, ёмкие сообщения об ошибках, инлайн валидация. https://blog.logrocket.com/ux-design/better-form-design-ux-tips-tools-tutorial/

Начните карьеру разработчика в Авито 😎 Стажировка для разработчиков возвращается — Авито открывает набор в направлениях Frontend, Backend и QA. Здесь вы будете работать с продуктами, которыми пользуются миллионы. Профессионально развиваться и расти вам помогут: • наставник — научит, как найти лучшее решение, и поможет разобраться в инструментах и технологиях, • комьюнити стажёров — поделятся опытом и поддержат, • доступ к базам знаний, библиотекам и корпоративным курсам — поможет нарастить экспертизу. Стажировка оплачивается. Доступно три направления, вы можете выбрать два – основное и запасное. Если попасть на первое не удастся, сможете пройти отбор на второе при наличии мест. Условия: • длительность программы — 6 месяцев, • работа от 25 часов в неделю, после завершения стажировки — возможность остаться в компании на полную занятость, • зарплата и корпоративный ноутбук, • можно работать из офиса, удалённо или в гибридном формате. Более 80% стажёров продолжают карьеру в Авито. Присоединяйтесь к команде и растите вместе с нами! Регистрация открыта до 10 апреля.

Как работает заголовок Cache-Control Статья о том, как различные браузеры обрабатывают заголовок и как с помощью него можно улучшить производительность и инвалидировать устаревшие данные. https://csswizardry.com/2025/03/why-do-we-have-a-cache-control-request-header/

Реализация простой и эффективной системы отмены действий Использовние двух стеков — undoStack и redoStack — для управления отменой и повтором действий, избегая сложностей, связанных с указателями и индексами в массиве. https://blog.julik.nl/2025/03/a-tiny-undo-stack

React Explorer Еще один инструмент, позволяющий построить граф зависимостей, причем интерактивный. Вы можете выбирать элементы на сайте и он будет подсвечивать нужное дерево зависимостей. https://react-explorer.com/