ћерион Ќетворкс

8 минут

«десь вы можете найти список бесплатных полезных онлайн-инструментов дл€ разработчиков, которые помогают им в их повседневной работе.

 ак и у любого разработчика у вас есть некоторые задачи, о которых следует позаботитьс€. Ќапример, такие задачи, как быстра€ компил€ци€, запуск и тестирование строки кода, форматирование кода, преобразование некоторого кода или его экспорт в виде изображени€, редактирование или преобразование изображени€ и многие другие подобные задачи.

ћы собрали список из 40 бесплатных онлайн-инструментов, которыми будут полезны как backend, так и frontend разработчикам.


 омпил€торы кода

 омпил€торы используютс€ дл€ быстрой компил€ции вашего кода и его запуска дл€ просмотра результатов. ќни довольно полезны, когда вам необходимо быстро протестировать какой-то фрагмент кода, но вы не хотите открывать новое окно IDE дл€ этого.

DotNetFiddle

DotNetFiddle

»спользу€ DotNetFiddle, вы можете быстро скомпилировать и запустить код C#, F# и VB.NET.

JSFiddle

JSFiddle

»спользу€ JSFiddle, вы можете быстро скомпилировать и запустить код JavaScript. Ётот компил€тор поддерживает множество фреймворков JavaScript, таких как vanilla JavaScript, CoffeeScript, Babel, TypeScript, Vue, React и другие.

OnlineGDB

OnlineGDB

OnlineGDB Ц это онлайн-компил€тор и онлайн-отладчик дл€ C, C++, Python, PHP, Ruby, C#, VB, Perl, Swift, Prolog, Javascript, Pascal, Bash и многих других €зыков.

IdeOne

IdeOne

»спользу€ IdeOne, вы можете быстро скомпилировать и запустить код на многих €зыках программировани€.

VScode

VScode

ќблачна€ верси€ Visual Studio Code от Microsoft


»нструменты форматировани€ кода

»нструменты форматировани€ кода используютс€ дл€ быстрого форматировани€ кода в презентабельный вид, где сто€т все пробелы, соблюдены все отступы и другие элементы.

JSONLint

JSONLint

JSONLint Ц это инструмент дл€ проверки и форматировани€ дл€ JSON, облегченного формата обмена данными. ѕросто скопируйте и вставьте код, наберите или введите URL-адрес в редакторе выше и позвольте JSONLint проверить и привести в пор€док ваш бардак в коде JSON.

SAML Developer Tools

SAML Developer Tools

SAML Developer Tools Ц это набор инструментов, в основе которых лежит €зык разметки утверждений безопасности (SAML - Security Assertion Markup Language). Ёто основанный на XML формат данных открытого стандарта дл€ обмена данными аутентификации и авторизации между сторонами, в частности, между поставщиком удостоверений и поставщиком услуг.

Web Formatter

Web Formatter

»спользу€ Web Formatter, вы можете отформатировать код HTML, XML, CSS, JavaScript, PHP и JSON в несколько простых шагов. ¬ставьте свой код в текстовое поле, выберите необходимый шаг табул€ции и нажмите кнопку форматировани€.

Code Beautify

Code Beautify

Code Beautify Ц это отличный набор различных инструментов дл€ разработчиков, который включает в себ€ компил€торы, средства форматировани€, преобразователи и т.д. я определенно рекомендую иметь его у себ€ в арсенале.

Swagger Editor

Swagger Editor

Swagger Editor позвол€ет редактировать спецификации API Swagger в YAML пр€мо в браузере и просматривать документацию в режиме реального времени.

SQLime

SQLime

SQLime Ч это онлайн-площадка SQLite дл€ отладки и обмена фрагментами SQL.

TablesGenerator

TablesGenerator

TablesGenerator - √енератор таблиц дл€ LaTeX, HTML, Markdown, MediaWiki и простого текста.

JWT Debugger

JWT Debugger

ƒекодируйте ваши JWT токены.


ѕреобразователи

ѕреобразователи используютс€ дл€ того, чтобы преобразовать код из одного формата в другой.

Carbon

Carbon

»спользу€ Carbon, вы можете создавать красивые изображени€ исходного кода и делитьс€ ими. Ќачните печатать или перетащите файл в текстовую область, чтобы начать.

Hilite

Hilite

Hilite преобразует ваши фрагменты кода в красивый печатный формат HTML, который легко встраиваетс€ в записи блога, электронные письма и веб-сайты. ѕросто скопируйте исходный код в левое окошко, выберите €зык и цветовую гамму и нажмите ЂHighlight!ї. HTML из правого окошка теперь можно вставить в свой блог или электронное письмо, никаких внешних файлов CSS или JavaScript не требуетс€.

QuickType

QuickType

»спользу€ QuickType, вы можете преобразовать любой объект JSON в объект на предпочтительном вам €зыке.

HTML Encoder

HTML Encoder

»спользу€ HTML Encoder, вы можете кодировать текст или файл в формат HTML при помощи только вашего браузера. ѕросмотрите закодированный текст или загрузите его в виде файла.

HTML Decoder

HTML Decoder

»спользу€ HTML Decoder, вы можете декодировать текст или файл, закодированный в формат HTML, при помощи только вашего браузера. ѕросмотрите декодированный текст или загрузите его в виде файла.

URL Encoder/Decoder

URL Encoder/Decoder

»спользу€ URL Encoder/Decoder, вы можете кодировать или декодировать URL.

Base64 Encode

Base64 Encode

Base64 Encode позвол€ет кодировать в формат Base64 или декодируйте из него с помощью различных дополнительных параметров.

Hash Online Tools

Hash Online Tools

ѕолучиайте значени€ хеша различных типов (SHA256, MD5 и тд) при помощи Hash Online Tools

PineTools

PineTools

PineTools позвол€ет форматировать текст - измен€ть регистр, удал€ть дубликаты и пустые строки, добавл€ть текст в конец строки, мен€ть табы на пробелы (и наоборот) и многое другое.


√рафические редакторы

√рафические редакторы используютс€ дл€ внесени€ некоторых правок в изображени€ или даже дл€ создани€ изображени€ с нул€. Ќекоторые из этих инструментов довольно сложны, поскольку предоставл€ют множество профессиональных инструментов и возможностей на уровне экспертных инструментов, таких как Photoshop.

PhotoPea

PhotoPea

≈сли совсем просто, то если вы знакомы с Photoshop, то и PhotoPea вам понравитс€.

Pixlr

Pixlr

Pixlr Ц это инструмент є1 дл€ редактировани€ и дизайна изображений. ¬ы можете бесплатно редактировать фотографии и создавать потр€сающие дизайны пр€мо в браузере, на телефоне или компьютере. ћожно начать с абсолютно пустого холста, какой-то фотографии или видео, а можно выбрать один из профессионально созданных шаблонов.

Lunapic

Lunapic

Lunapic Ц один из лучших онлайн-редакторов изображений, которые € когда-либо видел. ¬ы можете наслаждатьс€ большим набором инструментов и функций, которые помогут вам облегчить вашу работу.


—редства дл€ изменени€ размера изображений и преобразователи изображений

—редства дл€ изменени€ размера изображений используютс€ дл€ изменени€ размера изображений без снижени€ его разрешени€ и качества. Ќекоторые из этих инструментов позвол€ют сохран€ть прозрачный фон без замены его сплошным цветом. “акже в этом разделе конверторы изображений из одного формата в другой.

ResizePng

ResizePng

ResizePng Ц это самый простой в мире онлайн-инструмент дл€ изменени€ размера изображений в формате Portable Network Graphics (PNG). ѕросто импортируйте файл PNG в редактор слева, и вы мгновенно получите PNG-изображение нового размера справа. Ѕесплатно, быстро и очень мощно.

ResizeImage

ResizeImage

»спользу€ ResizeImage, вы можете загрузить изображение, обрезать его, повернуть, изменить его размер, сделать фон прозрачным, выбрать формат выходного изображени€, оптимизировать изображение и, наконец, скачать окончательное изображение.

Img2Go

Img2Go

»спользу€ Img2Go, вы можете преобразовать изображение из одного формата в любой другой формат. «десь представлен отличный набор инструментов, которые помогут вам выполнить работу в несколько простых шагов.


ƒополнительно

«десь представлен список онлайн-инструментов самого различного назначени€.

Regex101

Regex101

Regex101 Ц отличный инструмент, который поможет вам создать регул€рное выражение и проверить его на соответствие тестовым входным данным. ѕомимо этого, он выполн€ет еще и обучающую функцию, он предоставл€ет вам анализ регул€рного выражени€, разбива€ его на части и объ€сн€€ каждую его часть.

Markup Validation Service

Markup Validation Service

Markup Validation Service провер€ет правильность разметки веб-документов в форматах HTML, XHTML, SMIL, MathML и т.д. ≈сли вам необходимо проверить что-то специфическое, например, каналы RSS/Atom или таблицы стилей CSS, содержимое MobileOK, или найти неработающие ссылки, то дл€ этих целей существуют другие доступные средства проверки достоверности. ¬ качестве альтернативы вы также можете попробовать наше средство проверки достоверности, основанное не на DTD.

PingDom

PingDom

PingDom поможет вам проанализировать скорость загрузки вашего сайта. “ест разработан таким образом, чтобы можно было определить, что на веб-странице €вл€етс€ быстрым, что медленным, а что слишком большим и т.д. Ёто поможет сделать ваш сайт более быстрым. ≈сли кратко, то это простой в использовании инструмент, созданный дл€ того, чтобы помочь администраторам и веб-разработчикам по всему миру оптимизировать производительность своих веб-сайтов.

Minifier

Minifier

Minifier удал€ет пробелы, комментарии, объедин€ет файлы и оптимизирует/сокращает несколько схожих программных шаблонов. ќн в своем арсенале имеет огромный набор тестов.

Online UUID Generator

Online UUID Generator

Online UUID Generator генерирует случайный UUID

Caniuse

Caniuse

Caniuse показывает поддержу HTML/CSS/JS функционала в различных браузерах.

ReqBin

ReqBin

ReqBin - это онлайн-инструмент тестировани€ API дл€ REST и SOAP API.

Piesocket Websocket Tester

Piesocket Websocket Tester

— помощью инструмента Piesocket вы можете протестировать любой сервер WebSocket.

SEO translit

SEO translit

SEO “ранслит переводит URL веб-адрес страницы в удобный дл€ воспри€ти€ транслит по всем правилам яндекса и Google.

Diagrams.net

Diagrams.net

diagrams.net (ранее draw.io) Ч бесплатное онлайн-программное обеспечение дл€ создани€ диаграмм.

Any API

Any API

Any API содержит документацию и тестовые консоли дл€ более чем 1400 общедоступных API

CSS3 Generator

CSS3 Generator

CSS3 Generator поможет вам быстро создать сложные свойства, такие как box-shadow, градиенты, переходы и многое другое.  роме того, дл€ каждого свойства он предоставит информацию о поддержке свойства браузером.


—кидки 50% в Merion Academy

¬ыбрать курс