The Complete Web Development Guide


Before starting with the blog, i just want to clarify that i’m not giving any biased opinion on what is easy and which is difficult to learn. Everything which i’m about to write is completely based on research which i have personally conducted on the internet as well as by talking to various experts who are already in the field of web development.

Where did it start exactly?

Well, I would not like to jump into it’s history exactly because it would make it boring to read, but for the introduction point of view. It all started in 1989 when a British Scientist from CERN developed a kind of communication system for the scientist present all over the world to share their research in different universities throughout the world.

But, the whole world was introduced to internet in 1993 when it was launched in a public domain. In simpler words Tim Berners-Lee invented the internet and gave it to the world with an open licence i.e. COMPLETELY FREE!!!.

This changed the whole world’s way of looking at the information and it’s flow. With the advent of time we were introduced with various technologies which have been extremely helpful to the entire mankind.

Where to start exactly?

Now, i think that is enough with the history. I’ve decided to break my blog into two portions otherwise it would be unnecessarily stretched out. The division of the blog would be based on the two aspects of the web development which are:

  1. Front End
  2. Back End

In this blog i’ll only talk about the front end and in the next part of the blog. I’ll talk about the back end of web development.


So, let us start with the basics:

  • In the most basic definition of a FRONT END of a website. A front end can be defined to you as anything which you can see whenever we open a website in any device. Weather it is a smartphone or laptops or desktops etc.
  • A person associated with the development of the front end of the website is called the FRONT END WEB DEVELOPER.

Things to learn for a front end developer are:

  • HTML:

    HTML stands of the Hyper Text Markup Language. It is responsible for designing the basic structure of the website. Now,  the best part of learning HTML is that it is a “Mark up” language and not a “Programming Language”. So, one does not need to worry about the logic as there is no logic involved. Another major advantage with HTML is it is super easy to learn and i mean it. Any person with a very little to no experience in Programming or in the field of web development can learn basic HTML in just a short span of 3 to 4 hours.

  • CSS:

    CSS stands for Cascading Style Sheets. If HTML is the language responsible for designing the overall structure of the page, then CSS is responsible for the beautification of the page. In simpler words CSS is used for making the page more attractive. Let’s see a simple example:

The above is the facebook’s login page with complete CSS. Attractive is’nt it?

Now lets remove the styling and see:

Now, in a moment the attractive looking page has changed into dull looking website. Even thought the functionality and the working of the website remains the same. But things were good when they are more attractive right?

Like HTML, CSS is also extremely easy to learn and would not require any logic but the only things required of CSS is imagination and creativity. This would require some time because the most important thing for CSS is practice.


For all of you who have a “Soft Corner” for programming. JavaScript is for you. Unlike HTML and CSS, this would need some logic as well as practice. This is used to make our website responsive as well as reactive. There would have been many instances where hovering the mouse would change the text or we would have a pop up box. These are all possible because of JavaScript itself.

These three things are the base or as we call it the foundation for web development. Once you are comfortable with these three. Then begins the part where you can Save time i.e.


Now, again i am mentioning the most popular frameworks here. Maybe some people would find other frameworks more easier to learn but these are the most popular ones and are widely used.

Some of the widely used Front end Frame works are:

  • JQuery:

    It is an open source library which created by using pure JavaScript. It is a free open source software with a single point motto of  “Write less, Do more”. This may seem to be a bit complicated while starting things will definitely fall into the write places when you’re accustomed with it. It is generally used for designing the User Interface. The entire documentation is available at which makes it easier to learn.

  • Bootstrap:

    It is an open-source frame work which developed by twitter in 2014 and was uploaded in the public GitHub domain making it the top project of 2014. It combines the features of CSS, JavaScript and Jquery. Again once we’re accustomed to the HTML and CSS and JavaScript it becomes extremely easy to learn. The complete documentation like the JQuery is available at

  • AngularJS:

    It is a front end web development framework and this is slightly complicated from the other frameworks but it is used very widely. It can be a little difficult while learning but once you are good with it, then AngularJS will become your best friend.

Again all the frameworks and libraries I’ve described are the most commonly used by the masses. There may be other frameworks with which some other people are accustomed to. But these are popular among the developers

Where to learn all these?

I’ll provide all the links from where you can learn all the things I’ve mentioned:

  • HTML:
  • CSS:
  • JavaScript:
  • JQuery:
  • Bootstrap:
  • AngularJS:

That’s it for this blog. I’ll be back as soon as I can with the second blog which would focus completely on the Back End languages and Frameworks.


Please enter your comment!
Please enter your name here