
Мы разработчики и у нас хватает задач, которые нужно делать ежедневно, когда мы кодим. Вот почему нам определённо понадобятся некоторые инструменты, чтобы сделать жизнь проще и помочь повысить производительность. В Интернете есть много таких инструментов, которые имеют много преимуществ. В этой статье нет технического хардкора, но есть список некоторых полезных тулзов для разработчика, о которых вы, вероятно, не знаете. Давайте сразу к делу.
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% скидки на обучение:
- Профессия Веб-разработчик
- Профессия Data Scientist
- Профессия Data Analyst
- Курс по Data Engineering
- Другие профессии и курсыПРОФЕССИИ
- Профессия Java-разработчик
- Профессия QA-инженер на JAVA
- Профессия Frontend-разработчик
- Профессия C++ разработчик
- Профессия Разработчик игр на Unity
- Профессия Этичный хакер
- Профессия iOS-разработчик с нуля
- Профессия Android-разработчик с нуля
КУРСЫ
- Курс по Machine Learning
- Курс «Математика и Machine Learning для Data Science»
- Курс «Machine Learning и Deep Learning»
- Курс «Python для веб-разработки»
- Курс «Алгоритмы и структуры данных»
- Курс по аналитике данных
- Курс по DevOps