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

Сайт | GitHub

#tools #app #pwa

Mackaroo — это инструмент для генерации тестовых данных. Данные могут быть сгенерированы в различных форматах, включая CSV, SQL, JSON и другие. Целых 143 типа данных, которые можно выбрать! Единственный минус — имена, адреса, телефоны, все на английском.

Сайт | GitHub

#tools #app #test

Redash — отличный инструмент с открытым исходным кодом для визуализации ваших данных на спецпанели. Он предоставляет полный набор функций для работы с данными в команде. Сервис интегрирован с MySQL, PostgreSQL, MongoDB, ElasticSearch и другими системами.

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

Сайт | GitHub

#tools #visualization

BitBucket — это система контроля версий, которая упрощает работу с вашей командой.

В отличие от Github, предлагает хранилища для пяти пользователей бесплатно. Пользовательский интерфейс BitBucket прост в использовании, а интеграция, которую предлагает BitBucket, чрезвычайно полезна (Jira, HipChat и Trello и BitBucket принадлежат одной компании).

Сайт

#tools #web

Bundlephobia — это инструмент, который позволяет программистам загружать различные пакеты в реестре NPM. Bundlephobia помогает проектировать архитектуру приложения так, чтобы его размер не оказался бы слишком большим. Вы также можете загрузить свой файл package.json, чтобы он мог сканировать все зависимости в вашем проекте.

Сайт | GitHub

#tools #npm

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

Draw.io является надстройкой для Google Диска, поэтому он предоставляет все возможности совместного использования и совместной работы, которые есть на Google Диске. Например, вы можете беспрепятственно работать с другими членами команды при разработке архитектуры серверов.

Сайт | GitHub

#tools #software

Codeply — идеальный инструмент для разработчиков. Он может помочь вам создать адаптивные макеты с помощью Bootstrap. Он также имеет инструменты SemanticUI и CSS, которые важны для разработки интерфейса.

Сайт | GitHub

#tools #design #web

🛠 Path Intellisence — это одно из тех расширений, которое гарантированно улучшит вашу производительность при разработке. Оно начинало с простого автокомплита имени файлов, однако сейчас это рекомендуемое расширение для каждого разработчика, которое предоставляет набор инструментов для современных разработчиков.

— возможность конфигурации
— выбор между абсолютным и относительным путями
— можно использовать для автокомплита скрытых файлов

💾 Установить

#tools #vscode

🛠 Project Manager — это очень крутое расширение, которое помогает переключаться между проектами внутри VS Code.

Теперь вам не придется открывать проводник и искать нужную папку со своим проектом. После установки расширения у вас появится небольшое боковое меню со списком ваших проектов.

— можно легко переключаться между проектами;
— можно добавлять проекты в "Избранное";
— расширение автоматически распознает Git проекты.

💾 Установить

#tools #vscode

🛠 Better Comments — это расширение, которое сделает ваши комментарии в коде заметнее и понятнее. Оно раскрасит их в соответствии со значением.

Теперь вы легко можете оставить своей команде предупреждение или задать вопрос с помощью символов ! и ? – они точно будут замечены.

💾 Установить

#tools #vscode

🛠 Quokka — это утилита, дающая вам возможность предварительного просмотра результата выполнения того или иного куска кода. Она выдает вам результаты выполнения функций и посчитанные значения переменных. Расширение легко настроить, и оно запускается из того же ящика, что и JSX или Typescript проекты.

💾 Установить

#tools #vscode

🛠 Highlight Matching Tag — это расширение для VS Code, которое подчёркивает теги. Признавайтесь, часто теряетесь в веренице тегов? Расширение будет искать потерянный закрывающий тег за вас.

💾 Установить

#tools #vscode

🛠 Regex Previewer — это очень полезный инструмент, который позволяет вам работать с регулярными выражениями прямо в текстовом редакторе. Он принимает на вход два регулярных выражения и выдаёт результаты сравнения. Принцип работы чем-то похож на RegExr.

💾 Установить

#vscode #tools

🛠 Polacode — это отличное расширение для VS Code, которое позволяет делать красивые скриншоты ваших кодов в связке с Вашей темой прямо внутри рабочей среды.

💾 Установить

#tools #vscode