Chrome Developer Tools for Beginners

Lets understand Chrome Developer Tools
New
Rating: 4.6 out of 5 (10 ratings)
647 students
English
English [Auto]
Chrome Developer Tools
Troubleshooting in Browser

Requirements

  • Bit of understanding of what a Browser is
  • Some basic understanding of Javascript

Description

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?


Who this course is for:

  • Web Developers
  • Beginner Developers

Course content

4 sections10 lectures1h 14m total length
  • Introduction
    01:10

Instructor

Technology Enthusiast
Nabheet Madan
  • 4.7 Instructor Rating
  • 32 Reviews
  • 3,154 Students
  • 3 Courses

I have started my career in IT in 2006 with SAP ABAP. I have been working on technical things across different areas/modules since then. I have joined SAP Community in 2009 and loved to share my experience via blog posts, tweets etc. I believe in a very simple philosophy of learn, share and repeat. I love to spend my free time with my family.