Introduction to web development

Veena Indrani — Mon, 10 Feb 2025 06:31:55 +0000

Web Development

Have you ever wondered how are the beautiful websites you see in the internet, created? What's the behind the scene work done, how's it maintained?
In our modern era, the internet has seamlessly integrated into our daily lives. We depend on websites to fulfill various needs, be it finding information, socializing, or engaging in online shopping. However, behind the captivating user interfaces lies a sophisticated process called web development.
The term Web Development is basically made using two words:

Web- Websites, using the internet

Development- Behind the scene work done to create a website, i.e Building these websites from the scratch!
Isn't it amazing?
Let's head over to how's it done now!

Different Categories in Web Development
Web development is broadly divided into 2 Categories, they are:

1) Front End Web Development
2) Back End Web Development

FRONT END WEB DEVELOPMENT
This involves building, developing and maintaining the user interface of the website so that the website visitors can easily interact with the page. It basically focuses on the Client side of web development

This is done by using 3 main languages which are:

1) HTML
2) CSS and
3) JAVASCRIPT

HTML
HTML stands for Hyper Text Mark-up Language.
It uses Mark-up to describe the structure of the Web Pages. It is a language which is used to create the structure of the websites. For example, a website may include content like words, paragraphs, images, tables etc. and this content is structured using HTML.

Here is a basic example of how HTML Syntax looks like!

CSS
CSS (Cascading Style Sheets) is used to style the content of the page. It describes how the content written by html should be displayed. For example, it can be used to control the Formatting styles, colors, background images, borders etc.

Here is how we could style the above basic html page using CSS-

JAVASCRIPT
JavaScript involves controlling and manipulating data. It is a dynamic programming language that supports Math calculations, allows us to manipulate HTML and CSS characteristics.

Here's a basic example as to how we can trigger the changeText() function in JavaScript.

BACKEND WEB DEVELOPMENT

Backend Development is also known as server-side development. It encompasses the creation of websites by managing the behind the scene functions, Backend developers use languages such as Python,php,Ruby along with frameworks like Django or Ruby on Rails, to handle data storage, server-side logic, and API (Application Programming Interface) integration.

FULL STACK DEVELOPMENT

This involves both frontend and backend development skills, hence allows the developers to handle all aspects of web development.

Full-stack developers play a crucial role in the end-to-end development of web applications, encompassing a broad range of responsibilities and requiring a comprehensive understanding of various technologies and tools. Collaboration is a key aspect of their work, as they often collaborate with team members throughout the development process.

DEV Community: Veena Indrani

Introduction to web development