Key Web Technologies You Need to Know

Definition :

Two devices connected to each other with the help of the internet is known as Web Technologies.

Browser :

Browser is a software where we run web applications.
→ Only web browsers can understand web languages.
→ Different browsers have different compilers to run web applications.
→ Example : Chrome, Microsoft Edge, Brave, and Mozilla Firefox.

Server :

Server is the place where all the resources are present.
→ It accepts all the incoming requests.
→ Every big tech company has its individual servers.
Example : Google, Facebook, Nvidia.

Protocol :

Protocol is the set of rules used to exchange data and to communicate between two devices.
→ The main purpose of a protocol is to ensure that the devices can understand each other, regardless of different hardware and software configurations.
→ Example :
 HTTP ,HTTPS & IP

HTTP :

It stands for Hyper Text Transfer Protocol.
→ It is a protocol used to transfer data like web pages over the internet.
→ HTTP protocol is used to transfer the data in plain text without any encryption.
→ Its URL starts with http://
→ It uses port 80 by default.

HTTPS :

It stands for Hyper Text Transfer Protocol Secure.
→ It is a secure version of HTTP.
→ This protocol is mainly used for providing security of the data sent between a website and the web browser.
→ This protocol is mainly used for providing security by encrypting data.
→ Its URL starts with https://

Difference between HTTP and HTTPS :

HTTP :

• It stands for Hyper Text Transfer Protocol.

• Its URL starts with http://

• There is no encryption of data.

• The lock icon is not shown in the browser.

• Slightly faster than HTTPS because there is no encryption of data.

• Less SEO friendly.

HTTPS :

• It stands for Hyper Text Transfer Protocol Secure.

• Its URL starts with https://

• The data is encrypted for security purposes.

• The lock icon is visible in the browser.

• Slightly slower than HTTP because there is encryption of data.

• It is SEO friendly.

Request :

Request is a data exchange from the browser (client) to the website (server).

→ Requests can be sent in different ways:

1. Typing a URL

2. Clicking on a hyperlink

3. Submitting a response

Response:

Response is data exchange from the website (server) to the browser (client).

It can be of two types:

1. Static Response

2. Dynamic Response

3. Static Response: It is fixed for all users.
      { It is like the same landing page. }

4. Dynamic Response: It varies user to user.
     { It is like Facebook feed page, banking page of a user account. }

URL : Uniform Resource Locator

A URL is the address used to access resources like web pages on the internet.
https://www.ramanpalyal.com

WWW :

It stands for World Wide Web. It is a collection of web pages that are accessible over the internet.

Webpages :

A webpage is a document that contains embedded links and is displayed in a web browser on the internet.
It can contain text, images, videos, and links to other webpages.

Website :

A website is a collection of web pages grouped together.

Two types of websites :

1. Static :

2. A static website displays the same fixed content to everyone.
    It is faster than a dynamic website.  

3. Example : Personal portfolio, landing page.

4. Dynamic :

5. A dynamic website displays content based on user interaction.
    It is slower than a static website.

6.  Example : Facebook page, Amazon cart page.

Now,

There are two types of Web Applications :

1. Single Page Web Application

2. Multi Page Web Application

SPA : A web application that includes only a single page.

Example : Landing page, personal portfolio.

MPA : A web application that contains multiple web pages connected to each other.

Example : Amazon, Notion, etc.

Search Engine: It is a web service that helps you to find other web pages.
Example: Google, Bing, Yahoo, etc.

Difference between SPA and MPA:

SPA:

• It has faster loading time.

• Maintenance is fast and easy.

• Less expensive

• Development is fast

• Example : Personal portfolio

MPA:

• Slower loading time

• Maintenance is slower

• More expensive

• Development is slower and more complex than SPA

• Example : Amazon, Notion, etc.