klimensky 26 фев 2021 в 06:12

10 инструментов разработчика, которые вам наверняка понадобятся

3 мин

Блог компании SkillfactoryВеб-разработка*JavaScript*Программирование*Софт

Перевод

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

1. Can I Use?

“Can I Use?” – это отличный веб-сайт, который предоставляет актуальную информацию о работе веб-технологий в различных браузерах.

Поэтому, если вы хотите проверить наличие какой-либо функции и узнать, поддерживается ли она всеми браузерами, “Can I Use?” – это лучший вариант для вас. Вы также можете проверить свой сайт на совместимость с более чем 2000 браузерами и устройствами.

Вот сайт, если вы хотите попробовать этот инструмент.

2. RegEx 101

Бесплатный отладчик регулярных выражений на основе PCRE с подсказками в реальном времени, обнаружением ошибок и подсветкой. Он доступен для PHP, JavaScript, Python и Golang.

Вы можете попробовать инструмент здесь.

3. Prettier

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

Вот их сайт, если вы хотите начать использовать Prettier.

4. Log Rocket

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

Вы можете посмотреть сайт здесь чтобы узнать больше.

5. CSS Scan

Этот инструмент поможет вам проверить CSS любого элемента при наведении курсора мыши без использования “inspect element” в инструментах разработки.

Вы также можете скопировать все правила CSS элемента одним щелчком мыши.

Перейдите на сайт здесь для получения более подробной информации.

6. Axe

Стандарт в тестировании доступности. Axe – это лучший в мире набор инструментов для обеспечения доступа к цифровым технологиям, который выбирают компании Microsoft, Google, разработки и тестирования по всему миру.

Более подробная информация у них на сайте.

7. Responsively app

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

Более подробная информация у них на сайте.

8. “gitignore.io”

Это хороший инструмент чтобы легко настраивать файлы “.gitignore” для ваших проектов.

Вы можете посетить их сайт, если вам интересно.

9. Sentry

Платформа мониторинга приложений sentry помогает каждому разработчику диагностировать, исправлять и оптимизировать производительность своего кода. Это действительно полезно.

Для получения более подробной информации, посетите их сайт.

10. WhatRuns

WhatRuns – это бесплатное расширение для браузера, которое помогает вам одним нажатием кнопки определить технологии, используемые на любом сайте. Это хорошая альтернатива Wappalyzer, если вы про него знаете.

Вот сайт, просто попробуйте!

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

Узнайте подробности, как получить Level Up по навыкам и зарплате или востребованную профессию с нуля, пройдя онлайн-курсы SkillFactory со скидкой 40% и промокодом HABR, который даст еще +10% скидки на обучение:

Теги:

Хабы: