You can see:

Hello

in the console.

Network

See requests being sent between the browser and servers.

For example:

Request → API

Response ← API

Sources

Inspect files and debug JavaScript.

Application

Inspect things such as:

Cookies

Local storage

Session storage

We'll use Developer Tools throughout this course.

💡 Real-World Example

Imagine you're using an online shopping website.

You click:

Add to Cart

The browser might:

1.

Detect your click

↓

2.

Run JavaScript

↓

3.

Update the page

↓

4.

Send a request to the server

↓

5.

Receive a response

↓

6.

Update the cart

All of this can happen within seconds.

🧠 Remember

A browser:

1. Requests resources from servers

2. Processes HTML

3. Applies CSS

4. Executes JavaScript

5. Displays the webpage

6. Provides tools for developers to inspect and debug it

📝 Double Tap ❤️ For Part-5