🖼️ Выпущена версия Deno 2.2 с улучшениями качества жизни

Команда Deno сделала перерыв в борьбе с Oracle, чтобы выпустить новую многофункциональную версию своего рантайма JavaScript.

Мы получили встроенную интеграцию с OpenTelemetry, обновления линтера, новый интерактивный способ обновления зависимостей, поддержку node:sqlite, TypeScript 5.7, V8 13.4 и многое другое.

👉 Читать или смотреть анонс

#новости

🔥 Как использовать attr() в CSS для столбцов, цветов и размера шрифта

Автор рассказывает об обновлённой фиче attr(), которая теперь поддерживает указание типов данных для значений атрибутов, что позволяет использовать её не только для свойств содержимого.

Теперь вы можете извлекать значения из HTML-атрибутов, которые на самом деле имеют типы, поэтому, если вы укажете для элемента data-font-size="2,2rem", вы сможете использовать это значение.

👉 Читать гайд

🔎 fuite — CLI-инструмент для поиска утечек в веб-приложениях

Простой CLI для автоматизации тестирования утечек памяти, в первую очередь актуально для SPA. Проверяет объекты, event listeners, узлы DOM и коллекции.

💻 GitHub

🖼️ Способы разделения длительных задач в JavaScript

Легко «уничтожить» пользовательский опыт, позволив длительной дорогой задаче захватить основной поток. Неважно, насколько сложным является приложение, цикл событий может выполнять только одну задачу за раз. Пока выполняется одна задача, другие ждут своей очереди. Как правило, задача выполняется настолько быстро, что пользователь ничего не замечает. Но так бывает не всегда.

Браузер может не успеть перерисовать экран. Обратную связь мы получим только после завершения цикла. Если вы сталкивались с подобной ситуацией, то знайте, что решением является разделение большой задачи на несколько тиков цикла событий. Это позволяет браузеру использовать основной поток для других важных вещей, например, обработки нажатия кнопки и перерисовки.

➡️ Существует удивительно много способов достичь этого. Автор разбирает некоторые из них:

1️⃣ setTimeout() + рекурсия
2️⃣ async/await и setTimeout()
3️⃣ scheduler.postTask()
4️⃣ scheduler.yield()
5️⃣ requestAnimationFrame()
6️⃣ MessageChannel
7️⃣ Worker

🤩 Миллион маленьких секретов

В течение нескольких месяцев Josh Comeau работал над третьим онлайн-курсом Whimsical Animations. Он посвящен созданию анимации и интерактивных элементов страниц.

Под катом он делится множественными интересными наработками, включая уникальные интерактивные элементы, анимации, частицы, SVG-анимации и даже звуковые эффекты.

👉 Читать

💡Использование isolation: isolate помогает избежать неожиданных проблем со слоями (z-index) и позволяет группировать элементы в свой стековый контекст без вмешательства других элементов страницы.

#css #tip by Shripal Soni

🖼️ Что такое TypeScript? Обзор для JavaScript-разработчиков

Краткое введение в тему «Как использовать TypeScript» от Dr. Axel Rauschmayer, из которого вы получите ответы на следующие вопросы:

❣️Чем код TypeScript отличается от кода JavaScript?
❣️Как выполняется код TypeScript?
❣️Как TypeScript помогает при редактировании в IDE? И другие.

👩‍💻 Подборка React-библиотек на 2025 год: традиционный обзор от фронтенд-разработчика Robin Wieruch

Представленные библиотеки являются строительными блоками для разработки крупномасштабных приложений с помощью React.

Независимо от того, являетесь ли вы новичком или опытным разрабом, руководство поможет легко ориентироваться в обширной экосистеме React.

👉 Читать

📝 Промпт для интеграции сторонних сервисов в проекты на JavaScript

Интеграция сторонних сервисов в JS-проекты — частая практика. Используйте этот промпт для ChatGPT или Claude, чтобы ускорить процесс:

Explain the process of integrating third-party services and APIs into a custom JavaScript solution for {topic}, focusing on interoperability and seamless workflows

➡️Пример:

Building a D3.js-based data visualization tool that simplifies creating dynamic charts and graphs. The tool is designed for web designers, allowing them to effortlessly incorporate captivating visuals into projects.

⚡️Какие промпты вы обычно используйте для таких случаев? Делитесь в комментариях👇

🐸 Библиотека фронтендера #буст

🏃‍♀️ 40+ каналов, которые должен читать каждый разработчик

Отобрали для вас полезные и проверенные каналы для программистов — в них вы найдете все самое интересное, от технических новостей до практических гайдов.

IT Job Hub | Работа и вакансии в IT — избранные IT-вакансии

Библиотека программиста — новости из мира IT и технологий

Книги для программистов — самые годные книги по любым языкам и стекам

IT-мемы — мемы про жизу айтишника

Proglib Academy — обучение и курсы, чтобы стать топовым специалистом

Азбука айтишника — азы из мира разработки

Библиотека нейросетей — лайфхаки и промпты для разных задач, баттлы нейронок и новости из мира ИИ

Библиотека фронтендера — все о JS, React, Angular и не только

Библиотека мобильного разработчика — лайфхаки и новости из мира Swift и Kotlin

Библиотека хакера — уязвимости, атаки, бэкдоры и как от них защититься

Библиотека тестировщика — самое интересное о том, как крашить код

🦫 Go
Библиотека Go-разработчика
Библиотека задач по Go
Библиотека Go для собеса
Вакансии по Go

#️⃣ C#
Библиотека шарписта
Библиотека задач по C#
Библиотека собеса по C#
Вакансии по C#

🔧 DevOps
Библиотека devops’а
Библиотека задач по DevOps
Библиотека собеса по DevOps
Вакансии по DevOps & SRE

🐘 PHP
Библиотека пхпшника
Библиотека задач по PHP
Библиотека PHP для собеса
Вакансии по PHP, Symfony, Laravel

🐍 Python
Библиотека питониста
Библиотека Python для собеса
Библиотека задач по Python
Вакансии по питону, Django, Flask

☕️ Java
Библиотека джависта
Библиотека задач по Java
Библиотека Java для собеса
Вакансии по Java

📊 Data Science
Библиотека дата-сайентиста
Библиотека задач по Data Science
Библиотека Data Science для собеса
Вакансии по Data Science

🎮 C++
Библиотека C/C++ разработчика
Библиотека задач по C++
Библиотека C++ для собеса
Вакансии по C++

Подписывайтесь на интересные вам каналы и сохраняйте пост в закладки, чтобы не потерять 🔑

🤦‍♂️ Фронтендеры, мы или не мы?

🐸 Библиотека фронтендера #развлекалово

🔥 Дайджест новостей за неделю: ключевые обновления во фронтенд-разработке с упором на JavaScript

💚 Анонсирован новый выпуск TypeScript. Версия 5.8 ориентирована на Node. Теперь вы можете использовать require() для ES-модулей в режиме nodenext, работать с новым модулем node18, который ориентирован на разработчиков, поддерживающих Node.js 18, применять новую опцию --erasableSyntaxOnly, исключающую любые TypeScript-специфичные конструкции на этапе исполнения.

💚 Команда Svelte делится последними обновлениями за месяц.

💚 Люди, стоящие за исследованием State of JS, проводят State of Web Dev AI, новое исследование, посвящённое использованию ИИ в современной веб-разработке.

💚 TanStack Form v1.0: headless, типобезопасное управление состоянием форм.

💚 Electron 35.0: теперь можно подключать preload-скрипты к Service Workers. Зависимости также обновлены до Chromium 134 и Node 22.14.

💚 Angular 19.2: представлены новые API и экспериментальные фичи, расширяющие возможности разработчиков.

💚 Мартовский выпуск React Aria: фантастический набор компонентов React от Adobe.

💚 zx 8.4: инструмент Google для улучшения скриптов Node.

💚 PDFSlick 2.2: полнофункциональный просмотрщик PDF-файлов в приложениях React, SolidJS, Svelte и JavaScript.

💚 Cropper.js 2.0: управление обрезкой изображений с помощью JavaScript.

💚 Perspective 3.4: компонент визуализации и аналитики потоковых данных.

💚 Happy DOM 17.4.3: кроссплатформенная реализация JS для веб-браузера без UI.

💚 EasyMDE 2.20: простой редактор Markdown.

💚 LogTape 0.9: простая библиотека логирования для всех основных рантаймов JS.

💚 eslint-plugin-vue v10.0.0, Readability.js 0.6, NodeBB 4.1.

🐸 Библиотека фронтендера #свежак