leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Продолжительность
3 ч 10 мин
Категория
Chrome DevTools
Количество уроков
27 Видео
Дата добавления
23 июл. 2019 г., 20:05
Язык
Английский
Дата выхода
1 июл. 2019 г., 22:56
В этой серии уроков мы будем говорить о реальных интсрументах, с которыми работают разработчики в повседневной работе. Мы рассмотрим не только инструменты Chrome но и Safari а также Firefox. Вы увидите как работают практически все инструменты, которые нам предлагают современные браузеры, и поверьте мне, есть много таких, о которых вы даже не догадывались или не использовали.
-
Урок 1. 00:00:52Introduction to DevTools & Debugging
-
Урок 2. 00:15:53#1 A Tour of Chrome Dev Tools
-
Урок 3. 00:07:59#2 The DOM and the Elements Tab
-
Урок 4. 00:12:13#3 Elements TabDOM Manipulation, Filtering, Element States & More
-
Урок 5. 00:07:08#4 Device View
-
Урок 6. 00:04:31#5 Command Pallet
-
Урок 7. 00:04:29#6 document.designMode
-
Урок 8. 00:05:56#7 The Shadow DOM and How To Edit It
-
Урок 9. 00:10:06#8 The Network Tab
-
Урок 10. 00:06:31#9 Page Speed Debug Exercise
-
Урок 11. 00:09:15#10 Debug A Failed Fetch
-
Урок 12. 00:06:27#11 The Audits Tab
-
Урок 13. 00:04:40#12 Finding Offscreen Elements
-
Урок 14. 00:05:31#13 The Layers Tab
-
Урок 15. 00:06:59#14 The Animations Tab
-
Урок 16. 00:12:09#15 The Application Tab & Debugging Fonts
-
Урок 17. 00:10:06#16 Faking Device Sensors
-
Урок 18. 00:03:31#17 The Rendering Tab To Debug FPS and Rendering Print CSS
-
Урок 19. 00:03:21#18 Caching
-
Урок 20. 00:04:02#19 What Is The Call Stack
-
Урок 21. 00:10:13#20 Using The Debugger
-
Урок 22. 00:06:48#21 The Performance Tab
-
Урок 23. 00:07:22#22 Debugging Slow JavaScript Performance
-
Урок 24. 00:11:24#23 Finding Memory Leaks With the Performance Tab
-
Урок 25. 00:03:55#24 Debug on an Android Device
-
Урок 26. 00:03:26#25 Debug on an iOS Device
-
Урок 27. 00:05:59#26 Firefox Dev Tools
Автор - leveluptutorials
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
frontendmasters
24 янв. 2017 г., 00:00
Chrome Developer Tools
Mastering Chrome Developer Tools
Большинство людей даже не знают что существует такой инструмент как Dev Tools. Мы, разработчики, конечно же работаем в нем почти каждый день для тонкой настройки CSS или проверки своего js кода в консоли. Но знали ли вы, что это лишь верхушка айсберга того, что на самом деле может Chrome Developer Tools ? Давайте посмотрим на все инструменты которые могут сделать вашу работу намного проще.
egghead
22 апр. 2017 г., 00:00
Отладка DOM в Chrome Devtools
Debug the DOM in Chrome Devtools
В этом курсе мы подробно рассмотрим панель Elements в chrome devtools. Мы пройдем каждую кнопку и вкладку на этой панели и обсудим, как использовать их для взаимодействия с вашим веб-приложением при его запуске.
frontendmasters
2 авг. 2018 г., 05:07
Освоение Chrome Developer Tools v2
Mastering Chrome Developer Tools v2
Инструменты разработчика Chrome дают нам все необходимое, чтобы понять, как браузер взаимодействует с нашими веб-сайтами. В этом семинаре вы узнаете, как редактировать, отлаживать и профилировать любой сайт.
softwaretesting
4 июн. 2019 г., 18:18
Chrome DevTools: Инструменты тестировщика
Курс создан для быстрого погружения в специфические для тестирования навыки работы с этим инструментом. Знания, приобретенные на этом курсе, помогут вам эффективно работать с Chrome DevTools сразу по окончании занятий.
moderndevtools.com
23 мар. 2020 г., 20:42
Современные Инструменты Разработчика
Modern DevTools
Видео курс для разработки, отладки и аудита производительности ваших сайтов. Повышайте уровень своих навыков веб-разработки. Этот курс выведет вашу карьеру в веб-разработку на новый уровень, превратив вас в эксперта по производительности.