Introduction to Web Development
Tags: html, css, javascript, website
Published: 2023-05-25 08:22:21

**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! 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/snr6xilk2eewt3xazfj5.jpeg)
 


**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!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eljvkyrcnref2kqj36zv.JPG)

**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-

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/laa979elmn42kk6m6e1s.JPG)

**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.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cepw0n8nq4088iusqzyg.png)

**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.