Слайды доступны на 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 Код — встраивание инструментов разработчика браузера в редактор, поэтому вам не нужно переключать
Я расскажу гораздо больше о последнем моменте в своем следующем сообщении в блоге, так как я взволнован тем, что нам удалось превратить предварительный просмотр и безумную идею в производство в течение года.
