Chrome Developer Tools for Beginners

Chrome Developer Tools for Beginners, available at Free, has an average rating of 4.35, with 10 lectures, based on 46 reviews, and has 1675 subscribers.

You will learn about Chrome Developer Tools Troubleshooting in Browser This course is ideal for individuals who are Web Developers or Beginner Developers It is particularly useful for Web Developers or Beginner Developers.

Enroll now: Chrome Developer Tools for Beginners

Summary

Title: Chrome Developer Tools for Beginners

Price: Free

Average Rating: 4.35

Number of Lectures: 10

Number of Published Lectures: 10

Number of Curriculum Items: 10

Number of Published Curriculum Objects: 10

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

Chrome Developer Tools
Troubleshooting in Browser

Who Should Attend

Web Developers
Beginner Developers

Target Audiences

Web Developers
Beginner Developers

In the Chrome Developer Tools course we will have a detail look at what different options exist for developer to troubleshoot their web applications. Along with troubleshooting they can make live changes and see the effect. We will cover the following in this course.

Getting comfortable with the tool
Elements
Source
Console
Network
Performance
Application
Security
Memory
Lighthouse

We will start with by first getting comfortable with the developer tools by understanding what exist where, look and feel etc.Once we are kind of comfortable we will start with our tab which Elements. In this tab we will try to see how we can interact with web page via modifying styles and html. Its more from page structure and beautifications we are troubleshooting which is HTML and CSS part.

Then we will move towards troubleshooting of Javascript part via sources tab. We will look at different types of breakpoints, source code modification option, overrides etc. It is perfectly logical to cover the console part as next step because source and console work hand in hand. Console is like a REPL in browser where you can try your own stuff.

Since now we have fair bit covered the HTML,CSS and Javascript troubleshooting it makes sense to understand how do we trouble shoot server side request and browser local storage. So we will have a look at Network and Application tab.Now from an application points of view pending is performance and security that is why we will move towards lighthouse, performance, memory and security tab’s to understand these aspect in details.

We will wrap up the course by setting the context of what to do next?

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Getting Comfortable

Lecture 1: Getting Comfortable

Chapter 3: Lets now try to understand each Tab of Chrome Developer tools

Lecture 1: Lets first understand Elements Tab

Lecture 2: After elements lets move to Source Tab

Lecture 3: Console if one of most used tab

Lecture 4: Now lets understand Network Tab where different request to server are made

Lecture 5: Let's understand local storage via Applications tab

Lecture 6: Performance of the site

Lecture 7: Security and Memory Tab

Chapter 4: What is next

Lecture 1: What is next

Instructors

Nabheet Madan
Technology Enthusiast

Rating Distribution

1 stars: 0 votes
2 stars: 1 votes
3 stars: 10 votes
4 stars: 18 votes
5 stars: 17 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu