21+ инструментов и советов для разработчиков браузеров, которые вам нужно знать

Веб-браузер — один из самых сложных инструментов на планете. Сегодня мы рассмотрим 21 трюк, совет и малоизвестную функцию в Chrome Dev Tools, которые облегчат вам жизнь веб-разработчика. https://fireship.io

#веб-разработка #хром #советы

Ресурсы

Документация по инструментам разработчика Chrome https://developer.chrome.com/docs/devtools/

Видео о крутых возможностях PWA https://youtu.be/ppwagkhrZJs

Храбрый https://brave.com/

Расширение Visbug https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?

Главы

00:00 1. Режим проектирования
01:04 2. Палитра команд
01:20 3. Скриншоты
01:29 4. Визуальное освещение
02:10 5. Ярлык «Знак доллара»
02:37 6. Живое выражение
02:53 7. Фрагменты
03:07 8. Переобъявить переменные
03:22 9. Копирование элементов
03:50 10. Состояние силы
04:12 11. Временная шкала анимации
04:30 12. Рендеринг FPS
04:51 13. Редактор сетки и Flexbox
05:20 14. ВисБуг
05:32 15. Устройства с функцией реагирования
05:49 16. Датчики
06:00 17. Маяк
06:21 18. Водопад сети
06:51 19. API синхронизации сервера
07:13 20. Выступление
08:14 21. Профиль памяти
08:51 Будьте смелыми

Установите приложение-викторину

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

Смотрите больше с Fireship PRO

Обновитесь до Fireship PRO на https://fireship.io/pro
Используйте код lORhwXd2, чтобы получить скидку 25% на первый платеж.

Настройки моего редактора

— Атом Один Тёмный
— vscode-иконки
— Шрифт Fira Code

Пожалуйста, воспользуйтесь возможностью и поделитесь этим видео с друзьями и семьей, если вы найдете его полезным.