Introduction to Web Development

Web Development

If you are reading this article now then there is a good chance that this is your first introduction to any kind of Web Development. So before we start writing any kind of HTML code for designing the structure of a web page, it will be very useful if we get a basic introduction to Web Development. 

This is just an overview of Web Development and we are not going to deep-dive into each sub-topics because we are going to learn about them in detail in upcoming blog posts. (alert-success)

Whenever you open your browser type the URL of the website you want to visit (ex: www.algolesson.com) and hit enter. You can see that the interface of the website gets loaded in your tab in just a fraction of a second. After the website gets loaded on your browser, you get options to perform many different kinds of activities, you can read the blog post, you can add your comments, or even share them on your social media.

Now let's understand how all these things are happening. So whenever you are trying to access any webpage, your browser sends a request to the web server where that particular webpage is hosted (stored) on the internet. When the server receives the request then it responds back to the browser (client) with all the files that make up the website and sends them back to the browser.

A browser can understand only three technologies, HTML, CSS, and JavaScript so whatever you see on your browser must be made up of only these three technologies. Once the browser receives these HTML, CSS, and JavaScript files from the server as a response then it will take the code and load the webpage you are trying to access.

Now as you already understand how a website loads on a browser let's understand how codes are written for such simple or complex websites. 

Difference between front-end and back-end web development?

You can categorize any Web Development into two different types Front End Web Development and Backend Web Development. 

The process of writing the HTML, CSS, and JavaScript code that any browser can understand and display is known as Front End Web Development. 

When the files that make the website are simply stored on a web server and you receive them on your browser in the same condition without any transformation such websites are also called Static websites. ex: My Portfolio.(alert-passed)

But only Front End technologies are not enough to build big and complex websites like YouTube because if you visit such websites you will notice it keeps on changing every time you visit. You can notice that many new videos are getting uploaded each day, viewers are posting comments, and video suggestions that load on your browser are not the same for all other users. 

So to make a big website like YouTube, you need a whole Application to keep running on the web server with a very Big Database to store all the information of that website. To build such a complex website developers write application code and keep running on web servers and for that developers use backend technologies like PHP, Java, nodejs, Python, etc.

Such websites which contain both frontend and backend technologies are also called Dynamic websites because the website is dynamically assembled each time when someone tries to visit the website. ex: YouTube (alert-passed)

(getButton) #text=(Setting up the Visual Studio Code Editor) #icon=(link) #color=(#2339bd) 

👉Support Us by Sharing our HTML Course with others if you really found this course useful and also share your valuable feedback in the comment section below so we can work on them to improve our course 😊.(alert-success)