Chrome Dev Tools Tutorial

Опубликовано: 02 Июнь 2026
на канале: BytesLovesBits
226
21

In this video series we explore Chrome's Developer Tools.

I will guide you from a beginner to an advanced user of Dev Tools.

Chrome Dev Tools are an essential first step on the road map to becoming a world class web developer - both on the front end and back end.

Take your web development skills to the next level with this in-depth tutorial that boosts your productivity and understanding of HTML, CSS and JavaScript.

This is an exciting journey that looks at web development from the perspective of the browser. Along the way you will improve your debugging a code reasoning skills. You will learn about HTTP and the way the browser magically handles all this stuff under the hood.

If you want to mix theory and application to build useful applications, then this series is perfect for you!

This video covers DOM Manipulation. Enjoy!

00:00 - Introduction to Dev Tools
00:54 - Manipulating the DOM
02:01 - Opening Dev Tools
04:02 - Viewing DOM Elements
05:09 - Bonus Tip!
05:49 - Finding DOM Elements using CSS Selectors