Привет и добро пожаловать в сегодняшнюю статью 😊.
Я решил собрать несколько библиотек JavaScript, фреймворков, инструментов и плагинов.
Некоторые из них я использую в своих проектах.
Если вы найдете их интригующими, поделитесь ими и сохраните на потом.
Поехали…💃🕺💃🕺💃
БИБЛИОТЕКА И РАМКИ
NodeJs
Node.js — это кроссплатформенная внутренняя среда выполнения JavaScript с открытым исходным кодом, которая выполняет код JavaScript вне веб-браузера.
Реакция
React — это интерфейсная библиотека JavaScript с открытым исходным кодом для создания пользовательских интерфейсов или компонентов пользовательского интерфейса.
Вью
Vue.js — это интерфейсный JavaScript-фреймворк модель-представление-ViewModel с открытым исходным кодом для создания пользовательских интерфейсов и одностраничных приложений.
Next.js
Next.js — это веб-фреймворк для разработки интерфейса React с открытым исходным кодом, который обеспечивает такие функции, как рендеринг на стороне сервера и создание статических веб-сайтов для веб-приложений на основе React.
Угловой
Angular — это фреймворк веб-приложений с открытым исходным кодом на основе TypeScript.
Стройный
Svelte — это бесплатный интерфейс JavaScript с открытым исходным кодом.
Сокращение
Redux — это библиотека JavaScript с открытым исходным кодом для управления состоянием приложения.
Метеор
Meteor или MeteorJS — это бесплатная изоморфная веб-инфраструктура JavaScript с открытым исходным кодом, написанная с использованием Node.js.
Backbone.js
Backbone.js — это библиотека JavaScript с интерфейсом RESTful JSON, основанная на парадигме проектирования приложений модель-представление-контроллер.
Ember.js
Ember.js — это веб-фреймворк JavaScript с открытым исходным кодом, использующий шаблон компонент-сервис.
ВИЗУАЛИЗАЦИЯ
Три.js
Three.js — это кроссбраузерная библиотека JavaScript и интерфейс прикладного программирования, используемый для создания и отображения анимированной трехмерной компьютерной графики в веб-браузере с использованием WebGL.
D3.js
D3.js — это библиотека JavaScript для создания динамических интерактивных визуализаций данных в веб-браузерах. Он использует стандарты масштабируемой векторной графики, HTML5 и каскадных таблиц стилей.
Victory.js
Библиотека 2D-векторной математики JavaScript для Node.js и браузера.
Chart.js
Простые, понятные и привлекательные диаграммы JavaScript на основе HTML5. Chart.js – это простой способ бесплатно добавить анимированные интерактивные графики на свой веб-сайт.
React-vis
React-vis — это библиотека визуализации React.
Торговля Vuejs
TradingVue.js — это взломанная библиотека графиков для трейдеров. Вы можете нарисовать буквально ВСЕ, что угодно поверх свечных графиков.
Флексмонстр
Компонент сводной таблицы для веб-отчетов претендует на звание самого мощного инструмента JavaScript для визуализации ваших бизнес-данных.
Апексчарты
ApexCharts — это современная библиотека диаграмм, которая помогает разработчикам создавать красивые и интерактивные визуализации для веб-страниц.
Электронные диаграммы
Декларативная структура для быстрого построения веб-визуализации.
Чарты Google
Google Charts — это интерактивная веб-служба, которая создает графические диаграммы на основе предоставленной пользователем информации.
AMCharts
Полезная библиотека для визуализации данных. Когда нет времени изучать новые технологии. Когда вам нужно простое, но мощное и гибкое решение для визуализации данных. Включает в себя все основные и расширенные типы диаграмм, а также расширяется с помощью дополнительных плагинов, таких как Maps и TimeLine.
БИБЛИОТЕКА АНИМАЦИИ
Аниме.js
Anime.js — это облегченная библиотека анимации JavaScript с простым, но мощным API.
Аос
Библиотека Animate On Scroll с использованием CSS3.
Скорость
Velocity — это кроссплатформенная библиотека JavaScript, предназначенная для упрощения сценариев анимации веб-сайтов на стороне клиента.
Mo.js
Mo.js — это библиотека динамической графики на JavaScript, быстрая, готовая к работе с сетчаткой, модульная и с открытым исходным кодом.
Поп-моушен
Набор инструментов JavaScript для аниматора. Мощная поддержка ключевых кадров, пружинной и инерционной анимации чисел, цветов и сложных строк.
Отображение прокрутки
Библиотека JavaScript для анимации элементов по мере их прокрутки в поле зрения.
ГринСок JS
GSAP — это стандартная библиотека анимации JavaScript от GreenSock, которая позволяет создавать высокопроизводительные анимации, которые работают во всех основных браузерах.
Скролл
skrollr — этобиблиотека параллаксной прокрутки, используемая для преобразования, масштабирования, наклона и поворота любого элемента.
AniJS
AniJS, библиотека декларативной обработки анимации CSS. очень удобен для начинающих.
Типизированный.js
Typed.js — это библиотека, которая печатает.
Лотти
Легко добавляйте высококачественную анимацию в любое нативное приложение. Lottie — это библиотека iOS, Android и React Native, которая визуализирует анимацию After Effects в режиме реального времени, позволяя приложениям использовать анимацию так же легко, как и статические изображения.
ВИДЕОТЕКА
Видео.js
Video JS — это бесплатный видеопроигрыватель HTML5 с открытым исходным кодом, созданный с использованием JavaScript и CSS.
Плир
Plyr — это простой, легкий, доступный и настраиваемый медиаплеер HTML5, YouTube и Vimeo, который поддерживает современные браузеры.
Jplayer
jPlayer — это бесплатная библиотека JavaScript с открытым исходным кодом, разработанная как плагин jQuery, который облегчает встраивание веб-медиа, в частности аудио и видео HTML5, в дополнение к мультимедиа на основе Adobe Flash.
Подходит для vid.js
Легкий, простой в использовании плагин jQuery для встраивания видео с плавной шириной.
индиго-плеер
Расширяемый современный видеопроигрыватель JavaScript. Обрабатывает MPEG-Dash / HLS / MPEG-4 и построен на основе видеоэлемента HTML5.
Flowplayer
Flowplayer — это онлайн-видеоплатформа для вещательных компаний, издателей и СМИ. Это дает вам самые высокие показатели заполняемости рекламы и лучшую в своем классе прямую трансляцию.
Попкорн J
Popcorn.js — это библиотека JavaScript с открытым исходным кодом для разработчиков мультимедиа HTML5, доступная бесплатно по лицензии MIT.
Xgplayer
Это библиотека веб-видеоплеера. Он разработал отдельный отделяемый компонент пользовательского интерфейса, основанный на том принципе, что все состоит из компонентов. Что еще более важно, он не только гибок на уровне пользовательского интерфейса, но и смел в своей функциональности: он избавлен от загрузки видео, буферизации и поддержки формата для зависимости от видео.
АУДИО
Howler.js
Howler.js — это библиотека JavaScript, которая по умолчанию работает с API веб-аудио и возвращается к аудио HTML5, когда она не поддерживается.
Tone.js
Tone.js включает в себя функции для различных виртуальных инструментов, секвенсоров, эффектов и многого другого.
Wavesurfer.js
wavesurfer.js — это аудиопроигрыватель HTML 5 и визуализатор сигналов, созданный с использованием JavaScript и веб-аудио.
Pizzicato.js
Pizzicato.js — еще одна всесторонняя библиотека, которая предоставляет многофункциональный набор инструментов для создания всего: от композиций, состоящих из групп сэмплов, до точно синтезированных звуков.
Диспетчер звука 2
Sound Manager 2 — это звуковой API JavaScript, поддерживающий аудио MP3, MPEG4 и HTML5. Упрощает воспроизведение аудио с помощью JavaScript.
Амплитуда
AmplitudeJS позволяет создать полностью настраиваемый веб-аудиоплеер. Перестаньте ограничиваться дизайном аудиоплеера веб-браузера.
Вексфлоу
Vexflow — это библиотека JavaScript для рендеринга стандартной нотной записи и гитарной табулатуры.
Звук
SoundJS абстрагирует реализацию звука HTML5, значительно упрощая добавление единообразного кроссбраузерного звука в ваши игры или многофункциональные приложения.
Извлечение
Ejecta похожа на браузер без браузера. Он специально создан для игр и анимации. В нем нет ни DIV, ни таблиц, ни форм — только элементы Canvas и Audio. Этот фокус делает его быстрым.
ИГРЫ
МелонJS
MelonJS — еще один игровой движок, ориентированный на 2D. Включив библиотеку в свой код, вы получаете доступ ко всем функциям, необходимым для любой игры, стоящей своих денег, например к поддержке физики, столкновениям, спрайтам и многому другому.
Pixi.js
Сверхбыстрый механизм двухмерного рендеринга HTML 5, использующий webGL с откатом холста.
Фазер
Phaser — это платформа для 2D-игр, используемая для создания игр HTML5 для настольных компьютеров и мобильных устройств. Это бесплатное программное обеспечение, разработанное Photon Storm. Phaser использует для внутреннего рендеринга как Canvas, так и WebGL и может автоматически переключаться между ними в зависимости от поддержки браузера.
Babylon.js
Babylon.js — это 3D-движок реального времени, использующий библиотеку JavaScript для отображения 3D-графики в веб-браузере через HTML5.
Matter.js
Matter.js – это двухмерный физический движок для Интернета.
Ядро белой цапли
Egret — это новый открытый движок для мобильных игр и приложений, который позволяет быстро создавать мобильные игры и приложения для Android, iOS и Windows.
Melon.js
MelonJS — это легкая, но мощная платформа HTML5, разработанная с нуля, чтобы обеспечить настоящую игровую платформу без плагинов с возможностью однократной записи и запуска везде. melonJS — это проект с открытым исходным кодом, поддерживаемый сообществом энтузиастов. В нашей галерее вы найдете несколько примеров игр на основе melonJS.
Ловко
Crafty — это игровая библиотека JavaScript, которая может помочь вам создавать игры в структурированном виде.
ФОРМЫ
Перо
Модуль для простой привязки форм и полей ввода. Автоматически создает скрытые поля ввода для формы и добавляет обработку отправки и отправку по ключу. Вы также можете указать свои собственные настраиваемые поля ввода. Он создает поля для текста, html и дельты.
Cleave.js
Cleave.js имеет простую цель: помочь вам автоматически форматировать вводимое текстовое содержимое.
Проверка jQuery
Этот плагин jQuery упрощает простую проверку формы на стороне клиента, но при этом предлагает множество вариантов настройки. Это хороший выбор, если вы создаете что-то новое с нуля, а также когда вы пытаетесь интегрировать что-то в существующее приложение с большим количеством существующей разметки.
Выбрать.js
Selectize — это гибрид текстового поля и поля «выбрать». Он основан на jQuery и полезен для тегов, списков контактов, селекторов стран и т. д.
Петрушка.js
Parsley, идеальная библиотека JavaScript для проверки форм
Проверка форм с помощью этого инструмента для интерфейса еще никогда не была такой мощной и простой.
Хороший загрузчик
FineUploader также прост в использовании. В простейшем случае вам нужно включить только один файл JavaScript.
Pickadate.js
Удобное для мобильных устройств, отзывчивое и легкое средство выбора даты и времени jQuery.
Спасибо за чтение! Я надеюсь, что после прочтения этой статьи у вас будут инструменты для создания потрясающих функций с помощью JavaScript в браузере. Свяжитесь с Twitter, чтобы узнать о некоторых из ваших любимых библиотек/фреймворков и инструментов для использования. Люблю тебя❤️❤️❤️🤓🤓🤓
