Foundation Of Web Development

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

Note

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