How to start with web development as a programmer in 2022

How to start with web development as a programmer in 2022

Table of contents

No heading

No headings in the article.

So you want to start web development? You are at the right place. In this blog, I will tell you exactly how you can start your journey as a web developer from scratch.

Before moving on let's make some things clear. First of all this blog is only for those people who want to learn web development as a programmer and not for those who want to learn some CMS. Secondly, this is not a tutorial this is just a guide that will show you the path to becoming a web developer.

Now that we have set the tone of the blog let's dive straight in.

Web development has two main parts -

  • Frontend Development - This includes creating the UI/UX of the website that the users will actually use to interact with your website/app.

  • Backend development - This is the server-side part where you manage your database and this contains the actual logic of your website.

You should always start with frontend development as it is easier to learn and more exciting. You can see the result right in front of you so it gives you the motivation to continue and learn more and more. And most importantly, a website may exist without a backend but not without a frontend. So the most basic tech stack that you will use to create any website is HTML and CSS. Start with learning HTML and CSS. HTML is like the skeleton of a website and CSS is its clothes. There are many resources available all over the Internet for HTML/CSS. And this is really simple to learn and you can easily complete this part within a week. Here are a few resources that I suggest for learning HTML and CSS.

Text resources

Video resources

Now that you have learned the basics of HTML/CSS you should create a simple project to get hands-on experience in actually creating websites. You can create a simple landing page clone of any website that you like. There are some CSS libraries that you can explore like Bootstrap and Tailwind CSS.

After this, you should start with Javascript. The language of the Web.

Javascript is the most misunderstood programming language.

Learning javascript may get really confusing but believe me when I say this is the most powerful language and you must learn it. Adding to our previous analogy, if HTML/CSS are the skeleton and clothes of a website then Javascript is the heart and brain of the website. It adds life to your website. Here are a few resources which you can use to learn Javascript but always remember your goal should not be to learn Javascript completely because you can never, in fact, nobody can. You can learn the basics and start creating projects and you will always learn more as you go. Each time you create a website you will surely come across something completely new and learn something new. So enjoy the process.

Text resources-

Video resources-

After you learn HTML/CSS and Javascript you can basically create any website in this world using just three languages. Try to clone some more complex websites now including some animations, carousels, preloaders, etc. Also, you can create some functionality-based websites like a calculator, a simple task tracker, or a weather forecast app(using a 3rd party API).

There are many frameworks out there that you can learn to take your front-end development to the next level like React, Angular, or Vue.js. But that is not in the scope of this blog since it is for beginners. But if you wish to learn more about front-end development you can subscribe to my newsletter, I will be posting more blogs discussing these frameworks in depth. But if you are too eager here are some other tools that you might want to explore-

That's it for this blog. Stay tuned for part 2 where I will share the roadmap for backend development for beginners.

Thank you so much for reading and hope you liked it.

Did you find this article valuable?

Support Niket's blog by becoming a sponsor. Any amount is appreciated!