Sal — легковесная анимация прокрутки на JavaScript
Проект ориентирован на производительность. При этом вес анимации составляет менее 2,8 КБ, а написана она на ванильном JS.
Её исходный код доступен всем желающим на GitHub-аккаунте разработчика.
Стоимость: #бесплатно
#javascript #open_source
Проект ориентирован на производительность. При этом вес анимации составляет менее 2,8 КБ, а написана она на ванильном JS.
Её исходный код доступен всем желающим на GitHub-аккаунте разработчика.
Стоимость: #бесплатно
#javascript #open_source
Uppy — изящный модульный загрузчик файлов на JavaScript с открытым исходным кодом
Инструмент позволяет загружать файлы как локально, так и из удалённых мест, таких как, например, Dropbox.
Отличительной особенностью проекта является бесшовная интеграция, надежность и простота использования.
Стоимость: #бесплатно
#javascript #загрузчик
Инструмент позволяет загружать файлы как локально, так и из удалённых мест, таких как, например, Dropbox.
Отличительной особенностью проекта является бесшовная интеграция, надежность и простота использования.
Стоимость: #бесплатно
#javascript #загрузчик
RunJS — игровая площадка JavaScript и TypeScript для быстрого написания и выполнения кода
Приложение предоставляет возможность легко экспериментировать с кодом и сразу видеть результат работы
Платформа поддерживает импорт NPM-пакетов, транспиляцию кода с использованием Babel и автозаполнение кода, что позволяет разработчикам быстро создавать прототипы и проверять идеи
Пользователи могут работать с различными версиями ECMAScript и другими технологиями, такими как TypeScript, JSX и CSS-in-JS
Стоимость: #бесплатно
#JavaScript #web #разработка
Приложение предоставляет возможность легко экспериментировать с кодом и сразу видеть результат работы
Платформа поддерживает импорт NPM-пакетов, транспиляцию кода с использованием Babel и автозаполнение кода, что позволяет разработчикам быстро создавать прототипы и проверять идеи
Пользователи могут работать с различными версиями ECMAScript и другими технологиями, такими как TypeScript, JSX и CSS-in-JS
Стоимость: #бесплатно
#JavaScript #web #разработка
MochaJS — популярный JavaScript-фреймворк для тестирования
Помогает разработчикам легко создавать и проводить тесты для своих приложений и библиотек на JavaScript
MochaJS предоставляет гибкую и модульную структуру, позволяя использовать различные библиотеки утверждений и интерфейсы
Поддерживает асинхронное тестирование и работает с большинством современных браузеров и Node.js
Стоимость: #бесплатно
#javascript #тестирование
Помогает разработчикам легко создавать и проводить тесты для своих приложений и библиотек на JavaScript
MochaJS предоставляет гибкую и модульную структуру, позволяя использовать различные библиотеки утверждений и интерфейсы
Поддерживает асинхронное тестирование и работает с большинством современных браузеров и Node.js
Стоимость: #бесплатно
#javascript #тестирование
HTML DOM — мощный инструмент для управления HTML-документами с помощью ванильного JavaScript
Утилита позволяет легко обращаться к элементам страницы, изменять её содержимое, стили, атрибуты, а также добавлять и удалять элементы динамически
В целом, при помощи HTML DOM можно создавать современное интерактивное и отзывчивое веб-приложение
Стоимость: #бесплатно
#HTML #JavaScript #web
Утилита позволяет легко обращаться к элементам страницы, изменять её содержимое, стили, атрибуты, а также добавлять и удалять элементы динамически
В целом, при помощи HTML DOM можно создавать современное интерактивное и отзывчивое веб-приложение
Стоимость: #бесплатно
#HTML #JavaScript #web
DeepScan — мощный инструмент статического анализа кода
Утилита отлична для обнаружения потенциальных ошибок и уязвимостей в JavaScript-приложениях.
Она обеспечивает детальное сканирование и анализ вашего кода, выявляя проблемные места, такие как неправильное использование переменных, потенциальные утечки памяти и небезопасные операции с данными.
Стоимость: #бесплатно (но есть платные тарифы).
#javascript #web
Утилита отлична для обнаружения потенциальных ошибок и уязвимостей в JavaScript-приложениях.
Она обеспечивает детальное сканирование и анализ вашего кода, выявляя проблемные места, такие как неправильное использование переменных, потенциальные утечки памяти и небезопасные операции с данными.
Стоимость: #бесплатно (но есть платные тарифы).
#javascript #web
Webpack.js — современный инструмент для сборки и управления JavaScript-приложениями
Он позволяет объединять и оптимизировать модули, обрабатывать различные типы файлов (стили, изображения и другие) и создавать эффективные бандлы для развёртывания на веб-сервере
Из интересного можно отметить возможность использования лоадеров для преобразования файлов, модульную систему, поддержку динамической загрузки и горячую перезагрузку при разработке
Стоимость: #бесплатно
#сборка #javascript #code
Он позволяет объединять и оптимизировать модули, обрабатывать различные типы файлов (стили, изображения и другие) и создавать эффективные бандлы для развёртывания на веб-сервере
Из интересного можно отметить возможность использования лоадеров для преобразования файлов, модульную систему, поддержку динамической загрузки и горячую перезагрузку при разработке
Стоимость: #бесплатно
#сборка #javascript #code
SignalDB — реактивная локальная JavaScript база данных
SignalDB предлагает универсальный интерфейс, который работает с любым JavaScript-фреймворком или библиотекой
Инструмент имеет преимущества на фоне аналогов, благодаря своему подобию с MongoDB, первоклассной поддержке TypeScript, и возможности быстро и легко интегрироваться с различными фреймворками
Но есть и минус: может потребоваться время для освоения, если вы не знакомы с MongoDB
Стоимость: #бесплатно (но есть платные тарифы)
#JavaScript #БД
SignalDB предлагает универсальный интерфейс, который работает с любым JavaScript-фреймворком или библиотекой
Инструмент имеет преимущества на фоне аналогов, благодаря своему подобию с MongoDB, первоклассной поддержке TypeScript, и возможности быстро и легко интегрироваться с различными фреймворками
Но есть и минус: может потребоваться время для освоения, если вы не знакомы с MongoDB
Стоимость: #бесплатно (но есть платные тарифы)
#JavaScript #БД
Forwarded from Веб-страница
Репозиторий, в котором собраны лучшие практики по тестированию JavaScript и Node.js приложений
Подборка советов составлена на основе десятков статей, книг и инструментов:
— cтруктура тестов,
— тесты для бэкенда и микросервисов,
— UI-тесты для веб-компонентов,
— анализ эффективности тестов,
— настройка CI.
Сохраните, чтобы не потерять: https://github.com/goldbergyoni/javascript-testing-best-practices
#javascript #nodejs #тестирование #лучшиепрактики
Подборка советов составлена на основе десятков статей, книг и инструментов:
— cтруктура тестов,
— тесты для бэкенда и микросервисов,
— UI-тесты для веб-компонентов,
— анализ эффективности тестов,
— настройка CI.
Сохраните, чтобы не потерять: https://github.com/goldbergyoni/javascript-testing-best-practices
#javascript #nodejs #тестирование #лучшиепрактики
Regulex — визуализатор JS регулярных выражений
Инструмент позволяет наглядно посмотреть и понять сложные регулярные выражения, представляя их в удобочитаемом и графическом формате
Regulex поддерживает различные опции, такие как игнорирование регистра, многострочный режим и глобальный поиск
Стоимость: #бесплатно
#JavaScript #regex #web
Инструмент позволяет наглядно посмотреть и понять сложные регулярные выражения, представляя их в удобочитаемом и графическом формате
Regulex поддерживает различные опции, такие как игнорирование регистра, многострочный режим и глобальный поиск
Стоимость: #бесплатно
#JavaScript #regex #web
Forwarded from Веб-страница
Состоялся релиз Puter — браузерной среды рабочего стола
Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.
Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.
Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».
Разработчики развернули демоверсию Puter: https://puter.com/
В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.
Код проекта есть на GitHub: https://github.com/HeyPuter/puter
@tproger_web #javascript #инструменты
Разработчики выпустили браузерную среду рабочего стола Puter, которую можно использовать для создания своих веб-проектов.
Puter представляет собой усовершенствованную и быструю среду рабочего стола, которая запускается в браузере. Решение можно кастомизировать под свои задачи.
Puter написан на JavaScript и jQuery. Разработчики не использовали фреймворки, чтобы полностью контролировать стек и избежать появления сложных абстракций. jQuery выбрали из-за того, что Puter взаимодействует напрямую с DOM, а jQuery предоставляет «элегантное, но мощное API для этих задач».
Разработчики развернули демоверсию Puter: https://puter.com/
В ней есть файловый менеджер, терминал, блокнот, графический редактор, камера, диктофон и даже VS Code. Окна можно перемещать по рабочему столу, изменить их размер, сворачивать и открывать на полный экран.
Код проекта есть на GitHub: https://github.com/HeyPuter/puter
@tproger_web #javascript #инструменты
Forwarded from Веб-страница
Полезная библиотека для понимания работы JS
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
@tproger_web #javascript #инструменты
js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:
https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
@tproger_web #javascript #инструменты
Forwarded from Веб-страница
10 лучших JavaScript-фреймворков в 2024 году — какой фреймворк учить?
Англоязычный YouTube-канал Hostinger Academy в новом видео рассмотрел 10 лучших фреймворков для JavaScript в 2024 году, чтобы выяснить, какой из них стоит учить больше прочих.
А мы перевели всё это дело на русский: https://tproger.ru/articles/10-luchwih-javascript-frejmvorkov-v-2024-godu--kakoj-frejmvork-uchit
#javascript #тренды
Англоязычный YouTube-канал Hostinger Academy в новом видео рассмотрел 10 лучших фреймворков для JavaScript в 2024 году, чтобы выяснить, какой из них стоит учить больше прочих.
А мы перевели всё это дело на русский: https://tproger.ru/articles/10-luchwih-javascript-frejmvorkov-v-2024-godu--kakoj-frejmvork-uchit
#javascript #тренды
Forwarded from Веб-страница
Использование
В мире веб-разработки оптимизация времени загрузки страниц имеет решающее значение. Два мощных атрибута тега
Подробности.
#javascript #html
async и defer для управления скриптамиВ мире веб-разработки оптимизация времени загрузки страниц имеет решающее значение. Два мощных атрибута тега
<script> — async и defer — могут существенно повлиять на производительность сайта. Давайте начнём с основ и узнаем, что делают эти атрибуты и когда их следует использовать.Подробности.
#javascript #html
Forwarded from Веб-страница
Отладка JavaScript в Chrome DevTools для начинающих фронтендеров
Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.
Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.
#javascript #qa
Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.
Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.
#javascript #qa