Web Technology

Last Updated : 16 May, 2024
Improve
Improve
Like Article
Like
Save
Share
Report

Web Technology refers to the various tools and techniques that are utilized in the process of communication between different types of devices over the Internet. A web browser is used to access web pages. Web browsers can be defined as programs that display text, data, pictures, animation, and video on the Internet. Hyperlinked resources on the World Wide Web can be accessed using software interfaces provided by Web browsers.

Web Technology can be Classified into the Following Sections:

  • World Wide Web (WWW): The World Wide Web is based on several different technologies: Web browsers, Hypertext Markup Language (HTML), and Hypertext Transfer Protocol (HTTP).
  • Web Browser: The web browser is an application software to explore www (World Wide Web). It provides an interface between the server and the client and requests to the server for web documents and services.
  • Web Server: Web server is a program which processes the network requests of the users and serves them with files that create web pages. This exchange takes place using Hypertext Transfer Protocol (HTTP).
  • Web Pages: A webpage is a digital document that is linked to the World Wide Web and viewable by anyone connected to the internet has a web browser.
  • Web Development: Web development refers to the building, creating, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. It is the creation of an application that works over the internet i.e. websites.

Web Development can be Classified into Two Ways:

  • Frontend Development: The part of a website that the user interacts directly is termed as front end. It is also referred to as the ‘client side’ of the application.

  • Backend Development: Backend is the server side of a website. It is the part of the website that users cannot see and interact. It is the portion of software that does not come in direct contact with the users. It is used to store and arrange data.

    Backend Design roadmap

 

Frontend Development Languages

The front-end portion is built by using some languages which are discussed below:

  • HTML: HTML stands for Hypertext Markup Language. It is used to design the front-end portion of web pages using a markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. The markup language is used to define the text documentation within the tag which defines the structure of web pages.
  • CSS: Cascading Style Sheets fondly referred to as CSS is a simply designed language intended to simplify the process of making web pages presentable. CSS allows you to apply styles to web pages. More importantly, CSS enables you to do this independent of the HTML that makes up each web page.
  • JavaScript: JavaScript is a famous scripting language used to create magic on the sites to make the site interactive for the user. It is used to enhancing the functionality of a website to running cool games and web-based software.
  • AJAX: Ajax is an acronym for Asynchronous Javascript and XML. It is used to communicate with the server without refreshing the web page and thus increasing the user experience and better performance.

There are many other languages through which one can do front-end development depending upon the framework for example Flutter user Dart, React uses JavaScript and Django uses Python, and much more.

Front End Frameworks and Libraries

HTML

CSS

JavaScript

Backend Development Languages

The back end portion is built by using some languages which are discussed below:

  • PHP: PHP is a server-side scripting language designed specifically for web development. Since PHP code executed on the server-side, so it is called a server-side scripting language.
  • Node.js: Node.js is an open-source and cross-platform runtime environment for executing JavaScript code outside a browser. You need to remember that NodeJS is not a framework, and it’s not a programming language. Most people are confused and understand it’s a framework or a programming language. We often use Node.js for building back-end services like APIs like Web App or Mobile App. It’s used in production by large companies such as Paypal, Uber, Netflix, Wallmart, and so on.
  • Python: Python is a programming language that lets you work quickly and integrate systems more efficiently.
  • Ruby: Ruby is a dynamic, reflective, object-oriented, general-purpose programming language. Ruby is a pure Object-Oriented language developed by Yukihiro Matsumoto. Everything in Ruby is an object except the blocks but there are replacements too for it i.e procs and lambda. The objective of Ruby’s development was to make it act as a sensible buffer between human programmers and the underlying computing machinery.
  • Java: Java is one of the most popular and widely used programming languages and platforms. It is highly scalable. Java components are easily available.
  • JavaScript: JavaScript can be used as both (front end and back end) programming.
  • Golang: Golang is a procedural and statically typed programming language having the syntax similar to C programming language. Sometimes it is termed as Go Programming Language.
  • C#: C# is a general-purpose, modern and object-oriented programming language pronounced as “C sharp”.
  • DBMS: The software which is used to manage database is called Database Management System (DBMS).

Back End Frameworks and Technology

PHP

NodeJS

Python

Ruby

Java

C#

Database:

Data Format

Format of data is used by web applications to communicate with each other. It is light weight text based data interchange format which means, it is simpler to read and write.

Below are two common data formats used in web development:

  • XML: Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable.
  • JSON: JSON or JavaScript Object Notation is a format for structuring data.

API: API is an abbreviation for Application Programming Interface which is a collection of communication protocols and subroutines used by various programs to communicate between them.

Web Protocols

Web protocols are set of rules followed by everyone communicating over the web.

  • HTTP: The Hypertext Transfer Protocol (HTTP) is designed to enable communications between clients and servers. HTTP works as a request-response protocol between a client and server. A web browser may be the client, and an application on a computer that hosts a web site may be the server.
  • Other Protocols:

Graphics

Graphical elements are one of the key feature of any webpage. They can be used to convey important points better than text does and beautify the webpage.

  • Canvas: The HTML “canvas” element is used to draw graphics via JavaScript.
  • SVG: SVG stands for Scalable Vector Graphics. It basically defines vector-based graphics in XML format.

Some Important Links on Web Technology

 



https://media.geeksforgeeks.org/auth/avatar.png
GeeksforGeeks
Improve
Next Article
HTML Tutorial

Similar Reads

Difference Between Web 1.0, Web 2.0, and Web 3.0
Web 1.0 was all about fetching, and reading information. Web 2.0 is all about reading, writing, creating, and interacting with the end user. It was famously called the participative social web. Web 3.0 is the third generation of the World Wide Web, and is a vision of a decentralized web which is currently a work in progress. It is all about reading
8 min read
How to choose a Technology Stack for Web Application Development ?
The world has changed to a mobile-first era but even today, none of the applications could emerge as effective as the web-based apps. Surfacing on top of this is the prevalence of progressive web apps that perform functions identical to mobile apps. So, it's pretty clear that web apps are going to stay and for long. What makes these web application
7 min read
Web Development Using Java Technology For Beginners
In order to create a java web-based project with which the knowledge is up to programming language then you can follow the simple flow explained below while creating a project being a beginner. The first step geek in order to create such web development projects requires the knowledge about the web technologies carried forward to other frameworks.
9 min read
What is a mashup in web technology ?
A Mashup (also known as web application hybrid), is a technique that websites use to provide resources, functionalities, and services from multiple sources. To put it in layman's terms, a mashup works as an aggregator of different services. They mostly use public APIs that are generally free to use and thus, create a new service from existing ones.
3 min read
Web 4.0 - Intelligent Web
Web 4.0, also known as the "Intelligent Web," is the next evolutionary stage in the development of the Internet. It is characterized by a shift from traditional static web pages to more intelligent, dynamic, and interactive web applications. Web 4.0 represents a significant step forward in the evolution of the Internet and the way we interact with
6 min read
Difference between Web Scraping and Web Crawling
1. Web Scraping : Web Scraping is a technique used to extract a large amount of data from websites and then saving it to the local machine in the form of XML, excel or SQL. The tools used for web scraping are known as web scrapers. On the basis of the requirements given, they can extract the data from any website in a fraction of time. This automat
2 min read
Difference between Web Browser and Web Server
For International Network communication, we require a web browser and web servers. Web browsers and servers play an important role in establishing the connection. The client sends requests for web documents or services. The message that goes from the web browser to the web server is known as an HTTP request. When the web server receives the request
3 min read
How to choose Web Hosting Server and Web Domain ?
“Today it’s not about ‘get the traffic’ — it’s about ‘get the targeted and relevant traffic.’” – Adam Audette When we want to host business online then the things that come in mind are Which Domain name to buy? Which domain is good? What are its features? What is hosting? What is it’s use? And various other things. So, here are the answers to all t
4 min read
Difference between Web Designer and Web Developer
Web Designer: A web designer is a person that makes the website looks good. They mainly refer to the splendiferous portion of the website as well as its usability. The main responsibility of Web Designers is to focus on the style and overall feel of the website using different software like Photoshop, Corel Draw, etc to make the website more attrac
5 min read
What are the differences between web-garden and a web-farm in JavaScript?
Web Garden: A web garden is a web hosting system in which an application pool can be configured while also specifying the number of worker processes for that pool. (An application Pool is the container of worker process) So, a web garden is basically used while hosting multiple processes on a single web server. Web Farm: A web farm is a web hosting
2 min read
Article Tags :
three90RightbarBannerImg