Foundation Of Web Development - Part One

Let's say you are partying with your seniors who are already placed or working in big name IT companies. So, as an aspiring software engineer/Job seeker, you ask a question (this is the question which motivated me to write this blog):

“Please suggest which technology should I learn to get a good Job as Web Developer/Software Engineer?"

Here are the suggestions/answers by seniors :

“Dude, Angular is very hot in the market, but React is also good”

“Angular is fine for client side but what about server side , I would suggest Node.js”

“ASP.NET MVC, Web API are also good to know”

“Python or Ruby on Rails is also the buzz word”...

No problem.  Calm down.  So I asked my best friend "Google:"

And it's you...

Image result for confused and crying

And here are my views for this question,

"Always learn the basics of any technology, and explore how it works under the hood"

"Don't Imitate, Understand and Innovate"

So, let's start and explore the building blocks of web development. In this article we will not write any code but understand how it works to grasp the latest technology.

Here are the bedrocks of web development, or how the web works

  • Clients And Servers

  • Client Side

    • HTML

    • CSS

    • Javascript

    • browsers

  • Server Side

    • Server side web application technologies/framework

      • .NET

      • PHP

      • Python

      • Ruby on rail

      • Node.JS

    • Web Servers

    • Databases

  • Some other parts of the toolbox

    • Internet Connection

    • Transportation protocols

    • DNS

    • HTTP

I think it's enough , now let's pick one and take a quick glance.

Clients And Servers

  • Clients are the typical web user's internet-connected devices (for example, your computer connected to your Wi-Fi, or your phone connected to your mobile network) and web-accessing software available on those devices (usually a web browser like Firefox or Chrome).

  • Servers are computers that store web pages, sites, or apps. When a client device wants to access a webpage, a copy of the webpage is downloaded from the server onto the client machine to be displayed in the user's web browser.

Client Side

HTML : is a markup language. It provides the structure of a website so that web browsers know what to show.

CSS is a Cascading Style Sheet. CSS lets web designers change colors, fonts, animations, and transitions on the web. They make the web look good.

Javascript - is a scripting language used by all web browsers, Angular, and lots of other frameworks


Javascript is one of the famous programming language for both client and sever. Will explore in different session

Browsers are the interpreters of the web. They request information and then when they receive it, they show us on the page in a format we can see and understand.

  • Google Chrome - Currently, the most popular browser brought to you by Google

  • Safari - Apple’s web browser

  • Firefox - Open-source browser supported by the Mozilla Foundation

  • Internet Explorer - Microsoft’s browser. You will most often hear web developers complain about this one.

To be continued and explore the server side ...