How to Use Chrome Developer Tools

Using Chrome developer tools to your advantage: for the newbie!

4.15 (93 reviews)
Udemy
platform
English
language
Development Tools
category
11,986
students
39 mins
content
Feb 2017
last update
$39.99
regular price

What you will learn

Introduce you to Chrome developer tools

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.

Content

Introduction to the Course

Intro to Chrome Developer Tools

Basics of Chrome's Developer Tools

Elements - Part 1
Elements - Part 2
Resources
Scripts
Audits
Console
Request a Course

Bonus Material

Bonus Lecture: Course Discounts

Screenshots

How to Use Chrome Developer Tools - Screenshot_01How to Use Chrome Developer Tools - Screenshot_02How to Use Chrome Developer Tools - Screenshot_03How to Use Chrome Developer Tools - Screenshot_04

Reviews

Tyler
August 14, 2019
This is an excellent match for me. The narrator is superb and the information is delightfully intoxicating. I'm really getting into this tech stuff. Do not regret the purchase.
Geoff
December 13, 2017
So disappointing, if I could request a refund I would (can't because I bought it via IOS app) The instructor demo's quite often don't work and it all feels a bit muddled and chaotic.
R
June 11, 2016
I've taken, and enjoyed, other Stone River courses (in fact, a few are my all-time fave courses on Udemy). This one is "okay", but not my favorite. I prefer courses where they publish videos that do not have mistakes in them. When I keep hearing "oops", and then watching a "do over", it doesn't actually help me to learn IF I'm learning something for the first time (if I was more familiar with Google's web dev tools, it wouldn't matter as much…and I might actually learn from the mistakes…but being completely new to something, I want to see it done correctly the first time, and then over and over…that way I'm not as confused by the content).
Miguel
April 18, 2016
Unfortunately, this course is based on an outdated version of Chrome Developer Tools. It was difficult for me to learn the topic because I couldn't follow along easily.
Silvia
October 14, 2015
It offers basic knowledge about chrome developer tools. its a good start for people that want to get the basics and go from there.
Youngin
May 14, 2015
The instructor isn't bad at all but a lot of courses you see from Stone River eLearning can be had for FREE ONLINE. So I feel it's a bit dishonest of them to rip content from individuals who have uploaded their work on youtube or their personal website and charge people for them. Especially when the original content maker aren't even getting a cut from their earnings.
Shahriar
March 13, 2015
I must admit that this is a very useful course indeed. If you are a developer then you check this out...
Adriene
March 1, 2015
although this is not exactly a beginner course I learned a lot! I'll visit this course again when I've learned more about coding. This course was worth the effort Adriene
Sachin
January 23, 2015
1. Voice is not very clear in the lectures 2. Good for beginners and does not contain intermediate/advanced level content 3. Lots of thing I know are not covered. 4. Google for Chrome Developer Tools and read the articles on Google Developer page.
Enrique
October 29, 2014
Este curso debería de ser gratuito o de lo contrario debería profundizar más en los contenidos ya que únicamente es una presentación de algunas (no todas) de las características de dev tools.
Chris
October 12, 2014
This is a great min-course for people who know the console exists but don't know what it is or how to use it. This is not a comprehensive course going deep into every tab, aspect and element in the console but it is more than an overview. You will learn more then what each tab is you'll learn how you can use many of the tabs to help your development, test page elements and scripts, play with variables, step through scripts with breakpoints, and even how you can audit your web pages to find things you can do to speed them up. Good course.
Stewart
April 19, 2014
I was looking for a tutorial to point some other people to who need to know about the Chrome Developer Tool as an introduction. The author makes quite a few mistakes and though he corrects himself, he does not explain why his mistakes were causing him difficulty. This could be quite confusing to the beginner. More care should have been taken in editing this series. However, it is free.
Zenko
April 1, 2014
This is a worthwhile crash course on the Chrome Dev Tools. The author is clear, personable and the sequence is logically. I think it could likely go into much more depth in certain areas, but as a free course this is excellent and certainly worthwhile to get up to speed.
Joshua
January 16, 2014
This excellent short course gives a good introduction and overview to the Chrome Developer Tools. Previously, I'd used Firefox a lot as I was used to the Firebug add-on. Now that I'd done this course, I look forward to use Chrome instead as an alternative! If you want to use Chrome as an alternative to Firefox/Firebug, this is a good course to take.
Darko
December 18, 2013
Goes through the fundamentals. It's ok. However to many mistakes from the teacher when coding examples is a bit annoying.

Charts

Price

How to Use Chrome Developer Tools - Price chart

Rating

How to Use Chrome Developer Tools - Ratings chart

Enrollment distribution

How to Use Chrome Developer Tools - Distribution chart
108922
udemy ID
10/22/2013
course created date
8/23/2020
course indexed date
Bot
course submited by