
Welcome to the course!
This short tutorial introduces Chrome Developer Tools (DevTools for short), as a set web authoring and debugging tools built into Google Chrome.
Learn how to manipulate an existing page through this short tutorial.
This tutorial will make the students learn how to to examine, edit and add to the DOM and styles via the Element explorer page.
A copy of DevTools' Resources
Here the students will learn how to use the scripts tab lets in order to view, edit and debug JavaScript code extremely easily.
Working with the audits tab to run a full audit of any page and suggest ways to improve it. The students will be able to take a brief look at an audit and some examples of audit suggestions.
Learn how to use the Console Tab
The Chrome Developer Tools (DevTools for short), are a set 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. This overview of the DevTools points out the most popular and useful features. If you haven't used the DevTools before, start here. Even if you're an experienced web developer, you might pick up some tips.