Duration: 2h7m | Video: .MP4, 1280x720 10 fps | Audio: AAC, 48 kHz, 2ch | Size: 216 MB
Genre: eLearning | Language: English
Practical Hands-On Guide to Using the Chrome Developer Tools
What you'll learn
Access the chrome devtools
Use the Element Panel
Manipulate DOM elements on the fly
Use the Sources Panel
Setup Persistence
Debug Javascript code
Setup basic debugging workflow
Explore HTTP request headers
Check resource load times
Simulate mobile devices
Requirements
Basic understanding of HTML
Basic understanding of CSS
Basic understanding of JavaScript
Description
The Chrome Developer Tools (DevTools for short), are a set of web authoring and debugging tools built into Google Chrome. The DevTools provide web developers deep access into the internals of the browser and their web application.
You can Use the DevTools to efficiently track down layout issues, set JavaScript breakpoints, and get insights for code optimization. Every web developer should learn how to use the chrome developer tools to help troubleshoot web app issues and improve the performance of their web apps.
All major browsers include developer tools, which enable developers to examine the code of a webpage or app, as well as run tests and evaluate metrics related to that code. Chrome Developer Tools (DevTools for short) is the industry standard.
This course will show you how to explore the various tools within the chrome developer tools and equip you with an expanded toolbox for your day-to-day work. We will explore the most commonly used panels within the chrome devtools , including the Console, Elements panel, and Network panel. You learn the basic workflow to fix JavaScript related bugs.