👋🏻 Привет! С вами снова Merion Academy - платформа доступного IT образования. Здесь вы можете найти список бесплатных полезных онлайн-инструментов для разработчиков, которые помогают им в их повседневной работе.
Как и у любого разработчика у вас есть некоторые задачи, о которых следует позаботиться. Например, такие задачи, как быстрая компиляция, запуск и тестирование строки кода, форматирование кода, преобразование некоторого кода или его экспорт в виде изображения, редактирование или преобразование изображения и многие другие подобные задачи.
Мы собрали список из 40 бесплатных онлайн-инструментов, которыми будут полезны как backend, так и frontend разработчикам.
Компиляторы кода
Компиляторы используются для быстрой компиляции вашего кода и его запуска для просмотра результатов. Они довольно полезны, когда вам необходимо быстро протестировать какой-то фрагмент кода, но вы не хотите открывать новое окно IDE для этого.
DotNetFiddle
Используя DotNetFiddle, вы можете быстро скомпилировать и запустить код C#, F# и VB.NET.
JSFiddle
Используя JSFiddle, вы можете быстро скомпилировать и запустить код JavaScript. Этот компилятор поддерживает множество фреймворков JavaScript, таких как vanilla JavaScript, CoffeeScript, Babel, TypeScript, Vue, React и другие.
OnlineGDB
OnlineGDB – это онлайн-компилятор и онлайн-отладчик для C, C++, Python, PHP, Ruby, C#, VB, Perl, Swift, Prolog, Javascript, Pascal, Bash и многих других языков.
IdeOne
Используя IdeOne, вы можете быстро скомпилировать и запустить код на многих языках программирования.
VScode
Облачная версия Visual Studio Code от Microsoft
Инструменты форматирования кода
Инструменты форматирования кода используются для быстрого форматирования кода в презентабельный вид, где стоят все пробелы, соблюдены все отступы и другие элементы.
JSONLint
JSONLint – это инструмент для проверки и форматирования для JSON, облегченного формата обмена данными. Просто скопируйте и вставьте код, наберите или введите URL-адрес в редакторе выше и позвольте JSONLint проверить и привести в порядок ваш бардак в коде JSON.
SAML Developer Tools
SAML Developer Tools – это набор инструментов, в основе которых лежит язык разметки утверждений безопасности (SAML - Security Assertion Markup Language). Это основанный на XML формат данных открытого стандарта для обмена данными аутентификации и авторизации между сторонами, в частности, между поставщиком удостоверений и поставщиком услуг.
Web Formatter
Используя Web Formatter, вы можете отформатировать код HTML, XML, CSS, JavaScript, PHP и JSON в несколько простых шагов. Вставьте свой код в текстовое поле, выберите необходимый шаг табуляции и нажмите кнопку форматирования.
Code Beautify
Code Beautify – это отличный набор различных инструментов для разработчиков, который включает в себя компиляторы, средства форматирования, преобразователи и т.д. Я определенно рекомендую иметь его у себя в арсенале.
Swagger Editor
Swagger Editor позволяет редактировать спецификации API Swagger в YAML прямо в браузере и просматривать документацию в режиме реального времени.
SQLime
SQLime — это онлайн-площадка SQLite для отладки и обмена фрагментами SQL.
TablesGenerator
TablesGenerator - Генератор таблиц для LaTeX, HTML, Markdown, MediaWiki и простого текста.
JWT Debugger
Декодируйте ваши JWT токены.
Преобразователи
Преобразователи используются для того, чтобы преобразовать код из одного формата в другой.
Carbon
Используя Carbon, вы можете создавать красивые изображения исходного кода и делиться ими. Начните печатать или перетащите файл в текстовую область, чтобы начать.
Hilite
Hilite преобразует ваши фрагменты кода в красивый печатный формат HTML, который легко встраивается в записи блога, электронные письма и веб-сайты. Просто скопируйте исходный код в левое окошко, выберите язык и цветовую гамму и нажмите «Highlight!». HTML из правого окошка теперь можно вставить в свой блог или электронное письмо, никаких внешних файлов CSS или JavaScript не требуется.
QuickType
Используя QuickType, вы можете преобразовать любой объект JSON в объект на предпочтительном вам языке.
HTML Encoder
Используя HTML Encoder, вы можете кодировать текст или файл в формат HTML при помощи только вашего браузера. Просмотрите закодированный текст или загрузите его в виде файла.
HTML Decoder
Используя HTML Decoder, вы можете декодировать текст или файл, закодированный в формат HTML, при помощи только вашего браузера. Просмотрите декодированный текст или загрузите его в виде файла.
URL Encoder/Decoder
Используя URL Encoder/Decoder, вы можете кодировать или декодировать URL.
Base64 Encode
Base64 Encode позволяет кодировать в формат Base64 или декодируйте из него с помощью различных дополнительных параметров.
Hash Online Tools
Получиайте значения хеша различных типов (SHA256, MD5 и тд) при помощи Hash Online Tools
PineTools
PineTools позволяет форматировать текст - изменять регистр, удалять дубликаты и пустые строки, добавлять текст в конец строки, менять табы на пробелы (и наоборот) и многое другое.
Графические редакторы
Графические редакторы используются для внесения некоторых правок в изображения или даже для создания изображения с нуля. Некоторые из этих инструментов довольно сложны, поскольку предоставляют множество профессиональных инструментов и возможностей на уровне экспертных инструментов, таких как Photoshop.
PhotoPea
Если совсем просто, то если вы знакомы с Photoshop, то и PhotoPea вам понравится.
Pixlr
Pixlr – это инструмент №1 для редактирования и дизайна изображений. Вы можете бесплатно редактировать фотографии и создавать потрясающие дизайны прямо в браузере, на телефоне или компьютере. Можно начать с абсолютно пустого холста, какой-то фотографии или видео, а можно выбрать один из профессионально созданных шаблонов.
Lunapic
Lunapic – один из лучших онлайн-редакторов изображений, которые я когда-либо видел. Вы можете наслаждаться большим набором инструментов и функций, которые помогут вам облегчить вашу работу.
Средства для изменения размера изображений и преобразователи изображений
Средства для изменения размера изображений используются для изменения размера изображений без снижения его разрешения и качества. Некоторые из этих инструментов позволяют сохранять прозрачный фон без замены его сплошным цветом. Также в этом разделе конверторы изображений из одного формата в другой.
ResizePng
ResizePng – это самый простой в мире онлайн-инструмент для изменения размера изображений в формате Portable Network Graphics (PNG). Просто импортируйте файл PNG в редактор слева, и вы мгновенно получите PNG-изображение нового размера справа. Бесплатно, быстро и очень мощно.
ResizeImage
Используя ResizeImage, вы можете загрузить изображение, обрезать его, повернуть, изменить его размер, сделать фон прозрачным, выбрать формат выходного изображения, оптимизировать изображение и, наконец, скачать окончательное изображение.
Img2Go
Используя Img2Go, вы можете преобразовать изображение из одного формата в любой другой формат. Здесь представлен отличный набор инструментов, которые помогут вам выполнить работу в несколько простых шагов.
Дополнительно
Здесь представлен список онлайн-инструментов самого различного назначения.
Regex101
Regex101 – отличный инструмент, который поможет вам создать регулярное выражение и проверить его на соответствие тестовым входным данным. Помимо этого, он выполняет еще и обучающую функцию, он предоставляет вам анализ регулярного выражения, разбивая его на части и объясняя каждую его часть.
Markup Validation Service
Markup Validation Service проверяет правильность разметки веб-документов в форматах HTML, XHTML, SMIL, MathML и т.д. Если вам необходимо проверить что-то специфическое, например, каналы RSS/Atom или таблицы стилей CSS, содержимое MobileOK, или найти неработающие ссылки, то для этих целей существуют другие доступные средства проверки достоверности. В качестве альтернативы вы также можете попробовать наше средство проверки достоверности, основанное не на DTD.
PingDom
PingDom поможет вам проанализировать скорость загрузки вашего сайта. Тест разработан таким образом, чтобы можно было определить, что на веб-странице является быстрым, что медленным, а что слишком большим и т.д. Это поможет сделать ваш сайт более быстрым. Если кратко, то это простой в использовании инструмент, созданный для того, чтобы помочь администраторам и веб-разработчикам по всему миру оптимизировать производительность своих веб-сайтов.
Minifier
Minifier удаляет пробелы, комментарии, объединяет файлы и оптимизирует/сокращает несколько схожих программных шаблонов. Он в своем арсенале имеет огромный набор тестов.
Online UUID Generator
Online UUID Generator генерирует случайный UUID
Caniuse
Caniuse показывает поддержу HTML/CSS/JS функционала в различных браузерах.
ReqBin
ReqBin - это онлайн-инструмент тестирования API для REST и SOAP API.
Piesocket Websocket Tester
С помощью инструмента Piesocket вы можете протестировать любой сервер WebSocket.
SEO translit
SEO Транслит переводит URL веб-адрес страницы в удобный для восприятия транслит по всем правилам Яндекса и Google.
Diagrams.net
diagrams.net (ранее draw.io) — бесплатное онлайн-программное обеспечение для создания диаграмм.
Any API
Any API содержит документацию и тестовые консоли для более чем 1400 общедоступных API
CSS3 Generator
CSS3 Generator поможет вам быстро создать сложные свойства, такие как box-shadow, градиенты, переходы и многое другое. Кроме того, для каждого свойства он предоставит информацию о поддержке свойства браузером.