Инструменты программиста — канал, в котором делимся инструментами, упрощающими жизнь разработчиков. В основном это инструменты, которые доступны бесплатно или за умеренную стоимость.

Подписывайтесь и выбирайте инструменты для себя: @prog_tools

Replay для отладки кода в вебе

Replay позволяет записать проигрывание программы, а при просмотре показывает исполняющиеся в данный момент элементы кода. Так обнаружение бага происходит проще и быстрее. Имеются также классические девелоперские инструменты.

Работать можно в команде — пользователи имеют возможность оставлять комментарии в записи.

Стоимость: #бесплатно, дополнительные функции доступны #по_подписке.

Sturdy — Slack для разработчиков

Код синхронизируется с воркспейсом в облачном хранилище, что делает его доступным для всех участников команды. При этом редактировать код можно в любой удобной среде разработки, изменения все равно сохранятся в облако.

Оставлять комментарии могут все участники команды сразу в Sturdy. Воркспейсы переключаются по клику мыши, что позволяет организовать работу сразу по нескольким проектам.

Стоимость: #бесплатно, дополнительные функции доступны #по_подписке.

Hippobase — автономный хостинг баз данных

Hippobase представляет собой более дешевую альтернативу другим инструментам по работе с базами данных. Достаточно привязать свой AWS-аккаунт и выбрать тип СУБД. Через 3-5 минут Hippobase завершит установку, можно приступать к работе.

Стоимость: ограниченные формы доступны #бесплатно, полная функциональность доступна #по_подписке за $5 в месяц.

BrowserStack - платформа для тестирования сайтов и веб-приложений

Тестирование осуществляется в облаке, благодаря чему проверить работу своего продукта можно в разных браузерах и на 2500+ устройствах. Не нужно ни виртуальных машин, ни эмуляторов, ни дополнительных устройств. Возможна интеграция с Visual Studio и другими инструментами.

Стоимость: #бесплатно доступен пробный период, расширенная функциональность #по_подписке от $25/месяц.

Простая валидация HTML-кода

W3C Markup Validation Service проверяет HTML-код на валидность и предлагает свои корректировки. Для систематизации результатов проверки можно указать дополнительные параметры.

В результате получаем код, который предсказуемо ведет себя в разных браузерах, загружается быстрее невалидного и лучше воспринимается поисковыми системами.

Стоимость: #бесплатно для всех пользователей.

#html

PerfectPixel — плагин для верстки сайтов «пиксель в пиксель»

Этот инструмент проверяет, насколько верстка близка к макету. Нужно только скачать плагин для браузера Chrome, Opera, Edge или Safari и запустить его на интересующем сайте.

Работать можно как с сайтами, запущенными локально, так и с размещенными в Интернете - достаточно это указать в настройках. Подгружаем макет из Figma или Photoshop и вносим изменения в код страницы, подгоняя элементы под необходимую верстку.

Стоимость: #бесплатно для всех пользователей.

#html #css #вёрстка

Splitbee — простая аналитическая платформа для веб-сайтов

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

Стоимость: #бесплатно для небольших сайтов и личных проектов, расширенная функциональность #по_подписке.

#аналитика

Mockaroo — онлайн-генератор тестовых данных

Данные генерируются в формате на выбор: CSV, SQL, JSON, Excel и др. Принцип работы прост - необходимо указать требующиеся поля, их типы и опции, а затем скачать получившийся набор.

Приближенный к реальному, такой набор способен обнаружить баги, которые многовероятно возникли бы в процессе эксплуатации продукта. Инструмент экономит время и не требует дополнительных навыков.

Стоимость: объем данных в тысячу строк #бесплатно, большие объемы доступны #по_подписке.

#тестирование #базы_данных

tldr — онлайн-справочная для Unix

Альтернатива команде man - лаконичная документация, содержащее самое главное о различных командах. В основном справочные страницы относятся к категории «общее» или «Linux», но представлены также для macOS и Windows. Достаточно вбить в поисковую строку пример команды и нажать enter - на экране появится ее описание и примеры использования.

Стоимость: #бесплатно для всех пользователей.

#unix #документация

SlashApi — платформа, позволяющая построить API без единой строчки кода

Инструмент берет на себя все заботы по REST API - получение и модифицирование данных через приложения. Доступна интеграция с различными популярными приложениями, например, Slack, MySql, Twitter, Dropbox и др. Такая технонология позволяет сэкономить время на построении API и сосредоточиться на разработке основного продукта.

Стоимость: #бесплатно для небольших проектов, расширенная функциональность #по_подписке.

#API

Flaticon — крупнейшая база векторных изображний

На сайте представлено 5,8 млн стикеров для мессенджеров, иконок и значков интерфейса в различных форматах. Менять цвет и размер изображений можно на сайте. Это позволяет использовать их сразу, не прибегая к другим инструментам.

Стоимость: ограниченное число скачиваний изображений в формате PNG #бесплатно, расширенная функциональность #по_подписке

Postman — платформа для работы с API

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

Стоимость: ограниченная функциональность для маленьких команд #бесплатно, больше возможностей #по_подписке

#API