Рубрика: Статьи по дизайну

Как повысить эффективность недели разработчика (инструменты и приемы)

Слайды доступны на Noti.st:

Просмотр Заточка пилы — как инструменты могут помочь вам стать лучшим разработчиком в Notist.

Вот ресурсы, о которых я говорил, с некоторыми пояснениями, почему они актуальны:

• CGP Грей: простое решение проблемы дорожного движения — отличное объяснение того, как возникают пробки из-за человеческой ошибки
• Восемь когнитивных предубеждений в разработке программного обеспечения — интересно прочитать, чтобы избежать некоторых ловушек и узнать, почему мы так плохо оцениваем
• Visual Studio Code — ну, это бомба.
• Онлайн-сканер Webhint — онлайн-сканер для проверки ваших веб-продуктов на всевозможные проблемы, касающиеся доступности, производительности, безопасности и совместимости
• Веб-подсказка для расширения кода Visual Studio — тот же инструмент, но работает внутри VS Код указывает на то, что вы делаете ошибки, пока делаете их. Замечательно то, что он не только сообщает вам, что что-то не так, но также объясняет причину и дает ссылки на более подробную информацию
• Webhint в инструментах разработчика Edge — интеграция Webhint в инструменты разработчика Chromium, показывающая проблемы сайта как проблемы.
• Редактор в инструментах разработчика — знаете ли вы, что в инструментах разработчика Chromium есть полноценный редактор, в котором вы можете писать код, проверять код из Интернета и даже заменять внешние файлы локальными, чтобы опробовать исправления без доступа к серверу?
• Отладка точки останова в инструментах разработчика — точки останова намного лучше, чем использование журнала консоли. Они дают вам полную картину и останавливают выполнение сценария, пока вы не узнаете то, что хотели знать.
• DOM Точки останова Отладка — вы можете установить точки останова из сгенерированного интерфейса HTML таким образом отлаживая ваше приложение при взаимодействии с ним
• Командное меню в Devtools — инструменты разработчика в браузерах стали сложными, вы можете использовать сочетания клавиш для доступа ко всем его функциям, не зная, в какой панели или меню находятся эти функции.
• Сочетания клавиш в инструментах разработчика — все инструменты внутри инструментов разработчика имеют сочетания клавиш
• Фрагменты в инструментах разработчика — вы можете настроить набор фрагментов для своего проекта в инструментах разработчика
• Эмуляция мобильных устройств — вы можете моделировать различные устройства, скорость соединения и модели взаимодействия в инструментах разработчика. Он также поставляется с линейкой экрана, инспектором медиа-запросов и возможностью создания снимков экрана.
• Вы можете моделировать изменения в настройках операционной системы в инструментах разработчика без необходимости менять вашу ОС: темный / светлый режим, ограниченное движение и визуальные дефекты. Это позволяет быстро понять, трудно ли использовать ваш продукт тем, кому нужно настроить свой компьютер под свои нужды
• Контроль версий Git в коде VS — наличие визуального интерфейса для Git позволяет вам сосредоточиться на хороших сообщениях о фиксации, а не беспокоиться об опечатках в командах
• Интегрированный терминал в коде VS — вам не нужно переключаться между редактором и терминалом, нажатие cmd | ctrl и обратная кавычка открывает терминал прямо в папке, где находятся ваши файлы
• Сетевая консоль в инструментах браузера — эксперимент в инструментах разработчика, позволяющий перехватывать, редактировать и воспроизводить любой сетевой запрос
• Объяснение инструментов разработчика Microsoft Edge — инновации в открытом доступе, здесь вы можете увидеть, над чем работает команда и что скоро будет
• Edge Developer Tools для VS Код — встраивание инструментов разработчика браузера в редактор, поэтому вам не нужно переключать

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