TGViewer
Web Development Web Development @webdevcoursefree ยท 79.7K subscribers
Post #4025 1.63K
๐ŸŒ Web Development Roadmap โ€” Part 6

๐Ÿ”— HTTP and HTTPS

We already learned that a browser sends a request to a server, and the server sends a response back.

But how do they communicate?

One of the most important answers is HTTP.

1๏ธโƒฃ What Is HTTP?

HTTP stands for:

HyperText Transfer Protocol

It is a set of rules that allows clients and servers to communicate over the web.

In simple words:



HTTP defines how a browser and server exchange information.



The basic flow is:

Browser

โ†“

HTTP Request

โ†“

Server

โ†“

HTTP Response

โ†“

Browser

2๏ธโƒฃ What Is an HTTP Request?

When your browser wants something from a server, it sends an HTTP request.

For example, you enter:

example.com

Your browser may send a request asking for the webpage.

A request contains information that helps the server understand what the browser wants.

3๏ธโƒฃ What Is an HTTP Response?

After receiving the request, the server sends an HTTP response.

The response can contain:

HTML

CSS

JavaScript

JSON

Images

Other information

So:

Request = "I want this resource."

Response = "Here is the resource/result."

4๏ธโƒฃ HTTP Methods

HTTP provides different methods for different types of actions.

The most common ones are:

GET

Used to retrieve data.

Example:

GET /products

Meaning:



Give me the products.



POST

Used to send/create data.

For example, creating a new account:

POST /users

PUT

Usually used to replace/update existing data.

PATCH

Used to partially update data.

DELETE

Used to delete data.

For example:

DELETE /users/25

Meaning:



Delete user 25.



You'll use these extensively when we learn REST APIs and backend development.

๐Ÿ›’ Real-World Example

Imagine an online shopping application.

View products

GET /products

The server returns product information.

Create an order

POST /orders

The browser sends order information to the server.

Update an order

PATCH /orders/100

The browser asks the server to update part of the order.

Delete something

DELETE /cart/items/5

The browser asks the server to remove an item.

So HTTP methods help communicate the intended action.

5๏ธโƒฃ HTTP Status Codes

The server also sends a status code with its response.

You've probably encountered some of these.

200 โ€” OK

The request was successful.

201 โ€” Created

Something was successfully created.

400 โ€” Bad Request

The request contains something invalid or cannot be processed as sent.

401 โ€” Unauthorized

Authentication is required or the provided authentication is not valid.

403 โ€” Forbidden

The server understood the request but refuses to allow it.

404 โ€” Not Found

The requested resource couldn't be found.

500 โ€” Internal Server Error

Something went wrong on the server.

๐Ÿง  Easy Way to Remember Status Codes

2xx โ†’ Success

3xx โ†’ Redirection

4xx โ†’ Client/request-related error

5xx โ†’ Server error

You don't need to memorize every status code right now.

These are enough to start:

200, 201, 400, 401, 403, 404, 500

6๏ธโƒฃ What Is HTTPS?

HTTPS stands for:

HyperText Transfer Protocol Secure

HTTPS is HTTP with an encrypted connection using TLS (Transport Layer Security).

This helps protect data while it travels between your browser and the server.
  • โค 1
More from @webdevcoursefree
  1. Oct 7, 2026๐Ÿš€๐—ฃ๐—ฎ๐˜† ๐—”๐—ณ๐˜๐—ฒ๐—ฟ ๐—ฃ๐—น๐—ฎ๐—ฐ๐—ฒ๐—บ๐—ฒ๐—ป๐˜ ๐—ง๐—ฟ๐—ฎ๐—ถ๐—ป๐—ถ๐—ป๐—ด | ๐—•๐—ฒ๐—ฐ๐—ผ๐—บ๐—ฒ ๐—ฎ ๐—™๐˜‚๐—น๐—น๐˜€๐˜๐—ฎ๐—ฐโ€ฆ
  2. Oct 7, 2026๐ŸŒ Web Development Roadmap โ€” Part 14 HTML Document Structure Before learning individual HTโ€ฆ
  3. Oct 7, 2026๐— ๐—ฎ๐˜€๐˜๐—ฒ๐—ฟ ๐—ฃ๐—ผ๐˜„๐—ฒ๐—ฟ ๐—•๐—œ ๐—ณ๐—ผ๐—ฟ ๐—™๐—ฅ๐—˜๐—˜! ๐Ÿ”ฅ Learn Power BI through these FREE learninโ€ฆ
  4. Oct 5, 2026The browser reads the HTML structure and builds the webpage from these elements. Key Takeaโ€ฆ
  5. Oct 5, 2026๐ŸŒ Web Development Roadmap โ€” Part 13 HTML Syntax, Tags & Elements Now that you understandโ€ฆ
  6. Sep 29, 2026It can contain things such as: โ€ข Page title โ€ข Metadata โ€ข Links to CSS โ€ข Other informationโ€ฆ
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook โ†’Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 โ†’