How to step into Web Development. The Evergreen Roadmap.

Web development is a evergreen skill that worth to learning. In this article i'm go over on how to learn web development from a very beginner.


Sarvesh Prajapati

3 years ago | 2 min read

Whether you wanna learn Web Development in 2021, 2022 or even further, there is no special trick that someone can teach you overnight. It’s a constant learning process. So yeah if this is you, then yeah this is for you.

Let’s get into it.

Okay, so first thing first if you want to start web dev, you are going to be a programmer which mean you’ll write some code and for writing code you’ll need a code editor.

A quick note ⚠

If you are going to use notepad for writing code, leave it right now. You are going to be a programmer, not a typewriter.

You need a code editor which designed for programmer.

A code editor not only help you to write code but also improve your programming experience.

There are lot of code editor and you don’t have to try them all.

Try VS Code, the only best code editor.

Here’s the link:

Now, if you don’t know thing you see on web are build upon three key element
HTML, CSS, and JavaScript.

1. HTML, building block 🧱 of web page

Everything you see on web is written is HTML, like an image, button, text, shapes etc.

So start learning HTML which you can easily learn in a couple of week.

2. CSS, styling 🎨 the web

After learning HTML, you’re going to use CSS(Cascading Stylesheet)
CSS help to style HTML element like align them, changing font-style, background-image, color, position and much more.

It takes you 2–3 week 📅 to learn CSS, so you can build something with HTML and CSS 👨‍🎨.

3. JavaScript, programming 👨‍💻 the web

Now, after learning HTML and CSS, you are going to learn the only programing language of a webpage.

JavaScript help you to make a webpage even dynamic.

It takes you 10–12 month to learn JS, so you can call yourself a programmer.

So what next 🤷🏻‍♂️

Now its time to build some project with all the thing you’ve learn.

Building project not only help you think like a programmer but also takes your programming skill to next level.

So, bang 💥 on your keyboard and get your hand dirty by building recipe 🍴 with programming.

Here are some reference you can follow:

MDN Web Docs (

HTML Tutorial (

And you’ll also find bunch of videos on YouTube according to your preference.

So go ahead. Start learning.

There is a huge community out there to help everyone.

Just Keep Learning.

You can find me:
Sarvesh Prajapati (@iamthesarvesh) / Twitter

Thanks for reading. Have a good day 😎


Created by

Sarvesh Prajapati







Related Articles