A Beginner's Guide to Chrome Developer Tools | Elements | Console | Network | Performance
The DevTools is an essential tool for any web developer. In this video we check out together the Chrome Dev Tools and some of the things it can do that as a web developer you will use the most. Manipulating DOM elements on the fly, prototyping CSS styles, debugging JavaScript and checking a website's performance are some of things you can do with this amazing tool!
Oh, you want to buy me a coffee? How sweet! ❤️ ☕
Ko-fi supporters get access to exclusive content and are the first to know what's coming! ❤️
https://ko-fi.com/bellacapilla
https://www.buymeacoffee.com/bellacapilla
What is the DOM? - https://www.youtube.com/watch?v=0poEoIyrbrQ
Chrome Dev Tools Documentation - https://developer.chrome.com/docs/devtools/
Timestamps:
00:00 - Intro
01:10 - Open / Shortcuts
01:45 - Select element on hover
03:15 - Responsive - devices / orientation check
05:00 - DOM manipulation / CSS prototyping
16:00 - The Console
19:20 - Sources Panel - JavaScript debug (Breakpoints)
20:55 - Lighthouse Panel - Performance check
22:45 - The Network Tab - XML Http Requests
Leave your comment and suggestions for next videos!
SUBSCRIBE - Help to spread the love! ❤️️
https://www.youtube.com/@BellaCapilla
NOW ON RUMBLE ?
https://rumble.com/c/c-2389300
FOLLOW ME
https://www.tiktok.com/@bella_capilla
https://www.instagram.com/bellacapilla/
https://twitter.com/bellacapilla
CHECK IT OUT
https://bella-capilla.com/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «A Beginner's Guide to Chrome Developer Tools | Elements | Console | Network | Performance», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.