From No Programming Experience to Web Developer in 11 Small Steps | by Tapajyoti Bose | June 2022

Web development can be difficult, especially for beginners. But do not worry ! This article will provide you with a comprehensive list of simple steps and some resources as well, which will help you become a Top notch web developer (provided you make the effort)!

Before you get your hands dirty with coding, get yourself a Code editor can dramatically increase your productivity as it streamlines your workflow by get rid of mundane tasks.

If you want to learn how Automate boring stuff in VS Codecheck out this article.

HTML is the fundamental skill needed to start web development, but don’t bother learning every HTML tag because most of them are rarely used. Learn the structure of the HTML enough to get you moving!

To get started, you can check out this course

If you still want to deepen your knowledge of HTMLsee this article

CSS is responsible for style your website. It is essential to understand CSSbecause these days, if your website doesn’t look appealing, people just won’t use it.

I highly recommend the Academind course because that’s where I learned CSS of.

Here are some other articles to refine your CSS skills:

  1. Dark mode using CSS variables
  2. Create dynamic spinners only using CSS
  3. 5 Awesome CSS Tips for Beginners
  4. Decoded CSS ::before and ::after
  5. Master useful CSS pseudo-elements

Until now, your website WAS LOOKING FOR SOMETHING. But now it’s time to make him DO SOMETHING!

Whether HTML was the skeleton, CSS is the skin, then JavaScript is the muscle, which allows it to be interactive. Learning JavaScript opens up a whole new world of possibilities for your website!

Now that you know enough to build something…so build something!

You have to put the skills you have learned to use, otherwise you will end up misjudging what you can do, because anyone can build stuff by following a tutorial.

development tools is your best friend when it comes to debugging your website! You can consult the DOM elements, styling they hold, and the control flow of your Javascript code too.

Your website it looks cool and do cool thingsso now it’s time to make it work on all devices.

The Academy Of course, that was also covered!

When you’re happy with something you’ve built, you want the world to see it and appreciate it. It’s something you can show employers and something they can quickly refer to they won’t spend more than 2 minutes looking at your CV.

You can use Netlify Drop or GitHub Pages as a starting point and then move on to more robust deployment sites like Vercel or Netlify.

Cottage is an absolute must for any developer. It is a tool that allows you to track your changes and keep your code up to date. If you work in a team environment, you can be sure that you will use Cottage.

Some useful articles for Cottage:

  1. Git simplified: fundamental concepts and commands
  2. Simplified Git: working with remote repositories
  3. Advanced Git Concepts You Should Know
  4. Automatically format your code on Git Commit using Husky, ESLint and Prettier in 9 minutes

When you’re working on a big project, if you try to build everything from scratch, you’ll end up with code-mares (Lily: coding nightmares).

Frames to bring pre-built code that you can use to build your project, greatly speeding up your workflow!

If you don’t know which one frame to get started, check out this article that weighs the pros and cons of each framework.

Once you have a GithubGenericName with a few projects and something deployed to a domain, you’re ready to start applying for jobs.

Even if you feel totally incompetent, go for it anyway! You miss 100% of the shots you don’t take

You will learn what to show on a resume and what might be asked in interviews.

Every developer learns every day like the technological landscape is constantly changing. Keep building new projects and trying new things. But be sure to take a break when you need it!

There are many other paths to becoming a Web developerhow to master HTML, CSS Where JavaScript without knowing any frameswhere to get accredited in a university Where Training camp. But these 11 steps are the best and easiest if you want to learn on your own, and they WORK.

Good luck my nerds!

Did you know, solving puzzles can make you smarter? Or coloring pictures can soothe your nerves? Or writing your mind can make you happier? Discover our collection of puzzles, coloring books, notebooks and much more!