14 инструментов веб-разработчика

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

Если абстрагироваться от технологий, которые являются частью проектов, например Storybook для хранения библиотеки компонентов или redux devtools для дебага, то я пользуюсь следующими инструментами:

Kubuntu как операционка. Говорят, фронтендеры не сидят на Linux, но я сижу. Сервера работают на Linux и к этому в любом случае придётся быть готовым. Плюс на Linux гораздо лучше, чем в Windows обстоят дела с настройкой рабочего окружения. Всё прописывается буквально парой команд. Просто, а главное, быстро, что экономит кучу времени.

Yakuake— удобный и стильный выпадающий терминал. Выезжает по сочетанию клавиш.

WebStorm как основная IDE. Мне очень нравится их интеграция с гитом, просмотр истории изменений для какого-то куска кода, локальная история изменений. Удобно в два клика посмотреть, кто работал над этим кодом и в рамках каких задач. К тому же здесь очень удобная система разрешения конфликтов при мерже.

Kate для мелких текстовых файлов вне проекта.

Chrome+ dev tools как основной браузер для разработки. Само собой, наши пользователи сидят на всевозможных видах десктопных и мобильных браузеров. И их тоже приходится использовать.

browserstack.com.Этот сервис помогает справиться с многообразием устройств и браузеров. У вас может быть ограниченное количество гаджетов, а на этом сайте предоставляют удаленный доступ к пользовательским устройством и там практически есть всё.

Postman для запросов ко всяким API. Через него я тестирую бекэнд.

regex101.com — конструктор для написания регулярок. Серьёзно упрощает это дело. Хотя, конечно, есть и недостаток: вы начинаете писать больше регулярок.

caniuse.com— сайт, на котором для каждой фичи css/js есть информация о том, какие браузеры её поддерживают. Помогает понять, какую новую приятную фишку языка уже можно использовать, а какую ещё нет.

ngrok— утилита, которая позволяет создавать безопасный туннель к вашему веб серверу. Очень удобно в случаях, когда нужно быстро что-то показать или проверить. Не надо никуда ничего заливать. Это прямо musthave.

Расширение perfectpixel для дотошной проверки вёрстки по дизайнам.

Расширение measure dimensions — пиксельная линейка для быстро проверки расстояний.

Расширение mateTranslate, чтобы переводить выделенные куски текста прямо в браузере.

Google документы для написания писем и таблиц

написать нам
Хотите обсудить проект?
Отправляя форму Вы соглашаетесь с политикой конфиденциальности

Спасибо! Скоро мы с Вами свяжемся.

Произошла ошибка при отправке формы, попробуйте снова!