Web Development Guide

Road Map for Web Development in 2021

Where and how can a novice climb up and summit this monster of an mountain ?

Ibad Ahmad

--

Photo by Marvin Meyer on Unsplash

What really is a roadmap anyway? Well according to Wikipedia , it is as simple as it can get

A roadmap is a strategic plan that defines a goal or desired outcome and includes the major steps or milestones needed to reach it. It also serves as a communication tool, a high-level document that helps articulate strategic thinking — the why — behind both the goal and the plan for getting there

Photo by Manuel Meurisse on Unsplash

The purpose of these roadmaps is to guide a beginner or any level learner on how to persue this amazing field without any extra fuss. As an student myself , i know how much one can feel exagggerated trying to learn some new technology in these challenging times when there bulk of opinions ot there telling to this and this and all of that crap (OUCH!).

This article just does that , guiding you in the simplest way possible to your desired jouney. It will show you every step that you can take from a beginner to become a developer. There are also other some amazing articles just like this if you wanna follow along smoothly.

There are two basic components of developing , either you are frotnend deevloper who just disign things most of the time or either you are an in Backend team who puts all the logic in this design. Its better to specialized in either one of them rather than being average in both of them who quite frankly will not take you to the heights you deserve or have dreamed off. We’ll visit both of these components one by one

Front-End RoadMap

Front-end web development is the practice of converting data to a graphical interface, through the use of HTML, CSS, and JavaScript, so that users can view and interact with that data.

It is the interface of the website — the part user interacts with. The frontend is responsible for the interaction between users and the backend of the application.

Frontend development is not only limited to HTML, CSS and simple Javascript. There are a lot of frameworks which help us design good frontends for our websites and make our work easier.

Image from roadmap.sh

Back-End RoadMap :

The back-end, also called the server side, consists of the server which provides data on request, the application which channels it, and the database which organizes the information. Backend is the part of the application which holds all the logic section. It communicates with the database (can be SQL or NoSQL) , handles all the logic and also communicates with the frontend. It receives or provides data to the frontend.

For example, when a customer browses shoes on a website, they are interacting with the front end.

After they select the item they want, put it in the shopping cart, and authorize the purchase, the information is kept inside the database which resides on the server.

A few days later when the client checks on the status of their delivery, the server pulls the relevant information, updates it with tracking data, and presents it through the front-end.

Image from roadmap.sh

Note To Beginners: These roadmaps cover everything that is there to learn for the paths listed below. Don’t feel overwhelmed, you don’t need to learn it all in the beginning if you are just getting started.

Hope you all find this article useful in some way. I would love to hear your thoughts and feedback on this.

--

--