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

Подписывайтесь и выбирайте инструменты для себя: @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

Lucidchart — инструмент для построения схем и диаграмм

Платформа предоставляет широкий выбор шаблонов диаграмм. С помощью них можно визуализировать сложные идеи, графически изобразить протекание процессов, организационные структуры и др. Возможна командная работа и интеграция с другими популярными сервисами: Slack, Google Workspace, Microsoft Office и др.

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

#диаграммы #организация

Clutch — платформа для сопровождения продукта с этапа проектирования до его реализации

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

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

#product_management

Vizely — инструмент для ревью кода

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

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

#code_review

removebg — инструмент для удаления фона с изображений

Операция занимает всего пару секунд, качество изображения при этом сохраняется. Скачав утилиту для Windows, Mac OS, Linux, работать можно сразу с несколькими файлами. Здесь же фон можно заменить на любой другой. Доступна также веб-версия, плагин для Photoshop или Figma и интеграция в качестве API.

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

#изображения