🛠Zepto.js — минималистичная библиотека JavaScript для современных браузеров с API, в значительной степени совместимым с jQuery.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Linkinator — крошечный JavaScript-инструмент для поиска неработающих ссылок на вашем веб-сайте. Он сканирует весь предоставленный HTML-код в поисках ссылок-привязок, включенных изображений и других связанных ресурсов. Затем он проверяет, работают ли они должным образом и не приводят ли к каким-либо 404-м, бесконечным перенаправлениям или ошибкам сервера.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Lottie — потрясающая библиотека от команды разработчиков Airbnb, которая экспортирует анимации Adobe After Effects в формате JSON, анализирует их и рендерит на Android и iOS или с помощью react native. Благодаря этому анимация может быть довольно сложной, с большим количеством деталей и ключевых кадров, но в то же время очень производительной и маслянисто-гладкой.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Karma — позволяет запускать тесты JS-кода в реальном браузерном окружении и даже в нескольких браузерах одновременно. Он работает с Mocha, Jasmine и другими популярными платформами тестирования.

🌍 Сайт

Daily Coding #инструменты #JavaScript

📖Advanced JavaScript Unleashed: Master Advanced JavaScript Concepts like Prototypes, Symbols, Generators and More
🖋 Yousaf Khan, 2024

С ростом популярности интерфейсных фреймворков JavaScript, таких как React, Vue или Angular, глубокое понимание более сложных частей JavaScript становится более важным, чем когда-либо. Поскольку JavaScript является языком динамической типизации, у него есть некоторые особенности. Некоторые из его функций могут сбивать с толку или быть трудными для понимания как начинающими разработчиками, так и разработчиками среднего уровня.

💾 Скачать книгу

Daily Coding #книги #JavaScript

🛠 Jest - потрясающий инструмент для тестирования вашего кода на JavaScript с нулевой настройкой. Jest может собирать информацию о покрытии кода из целых проектов, а консольные сообщения буферизуются и выводятся на печать вместе с результатами тестирования. Для повышения производительности он использует параллельные тесты, выполняемые несколькими разработчиками.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 ContentTools — это мощная библиотека JavaScript, которая может преобразовать любую HTML-страницу в WYSIWYG-редактор. Существует полная документация по API с подробными примерами и пошаговыми руководствами, которые помогут вам ее настроить. Проект полностью основан на открытом исходном коде и предлагает поддержку IE 9+, Chrome и Firefox.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Gpu.js - библиотека для запуска JavaScript-кода браузера на графическом процессоре. Она позволяет выполнять сложные вычисления намного быстрее, компилируя специально написанный JS-код на шейдерном языке, который может запускаться на графическом процессоре через WebGL. Если WebGL недоступен, функции возвращаются к обычному JavaScript.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Headroom — легкий, не зависящий от пользователя JS-виджет, который показывает и скрывает навигационную панель страницы в зависимости от текущего положения прокрутки. Он предоставляет простое решение для создания адаптивных фиксированных заголовков, которые появляются, когда это необходимо, и скрываются, когда они мешают отображению контента.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Pagemap — оригинальный плагин для JS добавляет мини-карту макета вашего веб-сайта рядом с полосой прокрутки, аналогично тому, что вы видите в редакторах кода, таких как VSCode. Очень полезно для веб-сайтов с документацией и других страниц с большим количеством текста.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Curtains.jS - библиотека WebGL для анимации изображений и видео. Она использует HTML-элементы, содержащие изображения и видео, и преобразует их в трехмерные текстурированные плоскости WebGL, что позволяет анимировать их с помощью шейдеров. Она проста в использовании, но требует хорошего знания HTML, CSS и JavaScript.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Hex Engine — современный 2D-движок для создания браузерных игр. Этот мощный инструментарий для разработки игр включает в себя движок рендеринга на основе Canvas, помощников по физике и звуку, поддержку геймпада, встроенные инструменты разработки и многое другое.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Sal — отличная библиотека анимации little scroll, ориентированная на достижение максимально возможной производительности. Она создана с использованием только vanilla JS и без каких-либо внешних зависимостей, что стало возможным благодаря потрясающему веб-API Intersection Observer.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Mirage — мощная библиотека макетирования API для написания тестов без использования серверной части. Mirage можно настроить для воссоздания сложных динамических сценариев, что обычно возможно только при использовании реального рабочего сервера. Затем настройки можно использовать совместно с остальной частью вашей кодовой базы, чтобы тесты выполнялись на компьютерах всех участников команды.

🌍 Сайт

Daily Coding #инструменты #JavaScript

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

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 OverlayScrollbars — библиотека JavaScript, которая изменяет внешний вид полос прокрутки, не изменяя поведения собственного браузера. Она предлагает хорошо документированный APU с множеством функций настройки, необязательную зависимость от jQuery и поддержку всех основных браузеров.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Howler.js — это библиотека JavaScript для импорта аудио в Интернет. Она предлагает очень простой и понятный в использовании API, в котором есть все необходимое для реализации звука и управления им. Она поддерживает все доступные для браузера файлы, такие как MP3, MPEG, MP4 и многие другие. Он полностью модульный, не имеет зависимостей и отлично работает во всех браузерах.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 DisplayJS - крошечный фреймворк, который упрощает синхронизацию данных с DOM. Вместо того, чтобы вручную настраивать и обновлять содержимое страницы, с помощью Display JS вы можете просто сопоставлять переменные JavaScript с определенными элементами HTML, аналогично тому, как React или Vue.js обрабатывают шаблоны.

🌍 Сайт

Daily Coding #инструменты #JavaScript

🛠 Muuri — это библиотека JavaScript для создания потрясающих интерактивных сеточных макетов. Она работает, выбирая любое количество прямоугольных фрагментов и размещая их в адаптивной сетке, упорядочивая их наиболее экономичным способом. Затем эти плитки можно перемещать, сортировать и фильтровать, каждое действие вызывает красивую анимацию автоматического изменения порядка.

🌍 Сайт

Daily Coding #инструменты #Javascript

🛠 RunJS — приложение для macOS, которое позволяет быстро опробовать идеи JavaScript и поэкспериментировать с новыми библиотеками. Редактор может работать с вводными данными Babel и TypeScript, транслируя и выполняя код, что дает мгновенные результаты. Отлично подходит для съемки обучающих видеороликов.

🌍 Сайт

Daily Coding #инструменты #JavaScript