How to Use Chrome Developer Tools
4.0 (71 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
11,947 students enrolled
Wishlisted Wishlist

Please confirm that you want to add How to Use Chrome Developer Tools to your Wishlist.

Add to Wishlist

How to Use Chrome Developer Tools

Using Chrome developer tools to your advantage: for the newbie!
4.0 (71 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
11,947 students enrolled
Last updated 2/2017
English
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 38 mins on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Introduce you to Chrome developer tools
View Curriculum
Requirements
  • A drive to develop great websites
Description

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.

Who is the target audience?
  • Beginning web developers
  • Intermediate web developers
  • Advanced web developers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
+
Introduction to the Course
1 Lecture 03:27

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.

Preview 03:27
+
Basics of Chrome's Developer Tools
7 Lectures 35:15

Learn how to manipulate an existing page through this short tutorial.

Preview 07:47

This tutorial will make the students learn how to to examine, edit and add to the DOM and styles via the Element explorer page.

Elements - Part 2
06:56

A copy of DevTools' Resources

Resources
04:25

Here the students will learn how to use the scripts tab lets in order to view, edit and debug JavaScript code extremely easily.

Scripts
06:12

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.

Audits
02:54

Learn how to use the Console Tab

Console
06:39

Request a Course
00:22
+
Bonus Material
2 Lectures 01:17
Bonus Lecture: Certificate of Completion
01:03

Bonus Lecture: Course Discounts
00:14
About the Instructor
Stone River eLearning
4.2 Average rating
16,531 Reviews
274,188 Students
201 Courses
270,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.