frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
3 ч 23 мин
Категория
Chrome DevTools
Количество уроков
30 Видео
Дата добавления
6 февр. 2021 г., 11:19
Язык
Английский
Дата выхода
4 февр. 2021 г., 02:00
Дата обновления
13 апр. 2021 г., 21:03
Этот курс начнется с основ Chrome DevTools, и мы будем работать вместе, чтобы раскрыть их всю мощь! Мы научимся всему, от редактирования HTML и CSS до повышения производительности процессора и углубленного аудита веб-сайтов.
- Изучите историю отладчиков JavaScript
- Узнайте, как создавать и редактировать проекты в DevTools
- Узнайте, как отлаживать сложные проблемы в любом веб-приложении
- Узнайте, как измерить производительность сети и веб-сайтов
- Узнайте, как проводить аудит веб-сайтов!
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:06:02Introduction
-
Урок 2. 00:06:29DevTools History
-
Урок 3. 00:11:48Elements & Network Panels
-
Урок 4. 00:04:23Performance, Console, & Security Panels
-
Урок 5. 00:03:05Sources, Application, & Memory Panels
-
Урок 6. 00:03:40Lighthouse, Device Emulation, & Element Finder
-
Урок 7. 00:05:21Quick Edits: CSS, HTML, & Scroll Into View
-
Урок 8. 00:06:18Quick Edits: Computed Styles & Specificity
-
Урок 9. 00:08:01Quick Edits: HTML Breakpoints, Themes, & Accessibility
-
Урок 10. 00:01:14Quick Edits Exercise
-
Урок 11. 00:04:48Quick Edits Solution
-
Урок 12. 00:05:36Workspaces
-
Урок 13. 00:04:12Workspaces Exercise
-
Урок 14. 00:03:17Workspaces Solution
-
Урок 15. 00:16:12Step Through Debugging
-
Урок 16. 00:01:46Step Through Debugging Exercise
-
Урок 17. 00:06:59Step Through Debugging Solution and Q&A
-
Урок 18. 00:13:53Network Performance & Network Waterfall
-
Урок 19. 00:08:27Network Performance Q&A
-
Урок 20. 00:05:41Measuring Real User Performance
-
Урок 21. 00:10:47On-Page Performance
-
Урок 22. 00:08:41Performance Panel & Page Jank Tips
-
Урок 23. 00:03:33Layout Thrashing Exercise
-
Урок 24. 00:08:01Layout Thrashing Solution
-
Урок 25. 00:02:52Running Node.js
-
Урок 26. 00:14:29Memory Leaks & Memory Heap Snapshots
-
Урок 27. 00:08:57What Can Slow Down a Website
-
Урок 28. 00:02:21Simulating Network Conditions
-
Урок 29. 00:07:51Lighthouse Audits
-
Урок 30. 00:08:31Wrapping Up
Авторы - frontendmasters, Jon Kuperman
Jon Kuperman
Джон - Developer Advocate в Cloudflare, где он работает над проектами Workers и Pages. Он страстно увлечён открытым программным обеспечением и идеями свободного интернета. В свободное время Джон активно занимается самообразованием, чтением, ведением блога и обучением.
Категории
Комментарии
-
villivaldhttps://github.com/jkup/mastering-chrome-devtools
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
moderndevtools.com
23 мар. 2020 г., 20:42
Современные Инструменты Разработчика
Modern DevTools
Видео курс для разработки, отладки и аудита производительности ваших сайтов. Повышайте уровень своих навыков веб-разработки. Этот курс выведет вашу карьеру в веб-разработку на новый уровень, превратив вас в эксперта по производительности.
egghead
18 мар. 2020 г., 15:22
Отладка JavaScript в Chrome с панелью «Источники» в Chrome DevTools
Debug JavaScript in Chrome with DevTool Sources
В этом курсе рассматривается панель «Источники» в Chrome DevTools, которая позволяет увидеть, какие файлы отвечают за различные действия на экране. Однако в эту панель встроен единственный наиболее полезный инструмент для любого разработчика JavaScript - Debugger JavaScript.
egghead
18 мар. 2020 г., 15:48
Отладка HTTP с помощью сетевой панели Chrome DevTools
Debug HTTP with Chrome DevTools Network Panel
В этом курсе будет рассмотрена панель «Сеть» в Chrome DevTools. Мы пройдемся по журналу запросов, изучив различные свойства, которые были выставлены. Мы поговорим о синхронизации, фильтрации, регулировании и общем использовании сетевой панели, чтобы лучше понять, как наши приложения существуют в связанном контексте.
leveluptutorials
23 июл. 2019 г., 20:05
Инструменты разработчика и дебаггинг
Dev Tools & Debugging
В этой серии уроков мы будем говорить о реальных интсрументах, с которыми работают разработчики в повседневной работе. Мы рассмотрим не только инструменты Chrome но и Safari а также Firefox. Вы увидите как работают практически все инструменты, которые нам предлагают современные браузеры, и поверьте мне, есть много таких, о которых вы даже не догадывались или не использовали.
frontendmasters
2 авг. 2018 г., 05:07
Освоение Chrome Developer Tools v2
Mastering Chrome Developer Tools v2
Инструменты разработчика Chrome дают нам все необходимое, чтобы понять, как браузер взаимодействует с нашими веб-сайтами. В этом семинаре вы узнаете, как редактировать, отлаживать и профилировать любой сайт.