DEV Community

Cover image for Starting web development in 2021
Sarvesh Prajapati
Sarvesh Prajapati

Posted on

Starting web development in 2021

If you want to start web development in 2021, you might be pretty overwhelmed ๐Ÿ™„.

Here I'm walk you through a handy roadmap to start web dev as a complete beginner.

Hold Tight ๐Ÿฆ‰

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

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

HTML , building block ๐Ÿงฑ of web page

Alt Text

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.

CSS , styling ๐ŸŽจ the web_

Alt Text

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 ๐Ÿ‘จโ€๐ŸŽจ.

JavaScript , programming ๐Ÿ‘จโ€๐Ÿ’ป the web_

Alt Text

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

Alt Text

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.

Thanks for reading. Have a good day ๐Ÿ˜Ž

Top comments (9)

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari ๐ŸŒผ

What after javascript..?

Collapse
 
sarveshprajapati profile image
Sarvesh Prajapati

Build projects with all the skills you've learn so far

Collapse
 
himanshutiwari15 profile image
Himanshu Tiwari ๐ŸŒผ

Yeah, I am making projects.... But what after that.. I want to ask this..

Like I want to be a full stack dev

Thread Thread
 
sarveshprajapati profile image
Sarvesh Prajapati

So far now you might have good taste of frontend. Then its good time to touch the backend as you want to be a full stack dev.

Thread Thread
 
himanshutiwari15 profile image
Himanshu Tiwari ๐ŸŒผ

yeah, but still I think I need some professional work
so that the fear inside me to face the real issues can go away

Thread Thread
 
sarveshprajapati profile image
Sarvesh Prajapati

Yeah that's usual , but if confident about the JavaScript skill , then there is nothing to fear about.
In fact i used to be like that , you know, pretty overwhelmed, but once you start , things become easier.
So i think , instead of thinking about the fear, it's good to give it a shot :)

Collapse
 
atulcodex profile image
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Congratulations for web development journey

Collapse
 
sarveshprajapati profile image
Sarvesh Prajapati

you too

Collapse
 
atulcodex profile image
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

thanks