DEV Community

Cover image for WebDev for beginners: The Path
Ankit Raj
Ankit Raj

Posted on

WebDev for beginners: The Path

This starts when I was starting with WebDev. I was suggested to start with HTML, CSS, and JavaScript. I returned to my room and started with HTML. It was the easiest. Then I started CSS and to be frank it seemed easy, just a bunch of style elements like font, position, paddings, etc, easy-peasy right? Here my actual love-hate relation started with CSS ๐Ÿ˜’. Now came Js it was easy as I came from C++.

After this done, most of the beginners including me ๐Ÿ˜Œ think that we're now WAB DEVLAPEORS.


Now that I somehow have managed to get some experience in WebDev. I wanted you to not go through the same pain. Here is a kind of right path for learning WebDev.

First HTML, CSS and JavaScript

  • HTML is the easiest of all, you can find awesome blogs anywhere on the internet for this.
  • CSS (love-hate ๐Ÿ˜Š) is a great tool if learned the right way. After learning the bare basics, immediately go for the layouts the grids, flex. These are the most important, I repeat go for the Layouts. And Done! ๐Ÿ˜. Now CSS frameworks will be pieces of Cake.
  • JavaScript, if you come from C/C++, Java it will be very easy for you. For those who don't have any priors experience with any programming language. Go learn!. Continuing with Js:
    • Start with the usual variables, conditional statements, loops, etc.
    • Then go for DOM-Manipulation, you'll be able to implement hell lot of cool stuff. Like, make the Legendary Snake Game or any animations. See mine here animations. I loved The Coding Train youtube channel. You can learn in-depth JS here following fun animation.
    • Lastly, you need to know about the asynchronous nature of JavaScript. This is what makes JavaScript, JavaScript. I learned this while making Sorting Visualizer.

Now you are ready and you can go ahead and create a Portfolio website of your own, as a cool project, to showcase your learning. BTW here's mine ๐Ÿ˜ฌ.

Now comes the interesting part of creating a full-fledge Web-Application that will have servers and databases.

I will suggest going for the basics of Design-Patterns. I can not emphasize more on this. I have been going on circles for months figuring out why/what is this folder and files.

I finally read about MVC and things got clearer form there.

And that's it, now you're well equiped to learn any frameworks and libraries you will need, more efficiently.

Make cool applications and help making lives better.

Thank you for reading

Peace โ˜ฎ๏ธ

Top comments (2)

prskid1000 profile image

One thing we have in common. We started with rough ideas and have built our own ways to reach this level.

ankiiitraj profile image
Ankit Raj • Edited

That's correct! ๐ŸŽ‰