Chrome Devtools (1) - Elements Panel (pt1)
The most detailed and updated video on google chrome devtools elements panel (pt1: DOM tree)
(Arabic audio - English Captions will be added)
DON'T JUST WATCH!
open this video from another screen and try to apply each point on the slides
https://a7madgamal.github.io/DevtoolsElPanel1/
don't have 30 min? navigate from here (although I highly recommend watching the whole video, it's REALLY worth it):
Intro (0:06)
Difference between Html and DOM(0:52)
Opening the elements panel (3:04)
Finding Elements (04:02)
Inspecting Elements(06:34)
Navigating the DOM tree(09:00)
Editing DOM pt1 (10:03)
Editing DOM pt2 (12:19)
Editing DOM pt3 (14:07)
Special elements (15:41)
Highlighting changes (17:16)
Pseudo Classes (17:46)
Logging Elements (20:27) (Advanced)
Elements panel options (24:44) (Advanced)
Advanced stuff (26:54) (Advanced)
End (31:31) (useful links!)
=============================================
Missed something? PLEASE let me know in the comments (only related to the video content AND in stable chrome)
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Chrome Devtools (1) - Elements Panel (pt1)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.