How to start web development in 2022?

The answer for this question can be a very troublesome, that’s why you can find there a fully explained and what is more, verified by me roadmap. What I mean by “verified”? ITo sum up very quickly, this is the path I walked, starting in 2019. Firstly I will explain common mistake, which is repeated by newbies.

Don’t think you have to master every aspect of a programming language

Do not think you should not learn data structures and algorithms, but not every developer is a perfectionist in this aspect and still can build incredibly efficient and gorgeous apps. What is the most important lesson I learned, get acquainted with fundamentals by doing live projects. I wish I knew that when I started coding, hours wasted by writing “theoretical rules” of a concrete programming language, without any further implementation.

To sum up, learn basic syntax, then create a project with usage of that feature. For example, I am currently trying to get acquainted with JavaScript if statement, instead of making tons of notes, try to create simple app which will compile that feature. Great example would be making some simple form, which validates answers by proper if statements.

Learn basics of HTML & CSS

The skeleton of every web app, website is developed by HTML (HyperText Markup Language) & CSS (Cascading Style Sheet). It is not a big secret that it is fully demanded to assimilate the syntax of mentioned above technologies. Learn basic tags in HTML, fundamental styling in css and build few very simple static websites.

Learn fundamentals of JavaScript

When you think about HTML & CSS, you see the skeleton of a website. JavaScript is like muscles, you can make web app very interactive, improve entire user experience, make the page alive. That’s why it is super important to learn basic functions which will let you take chosen html divs by id and run a function. Do not be worried, it is a pretty simple language which is commonly used as a frontend and backend of web apps.

Don’t skip:

• Data structures,
• Basic algorithms,
• If statement, switch, for loops,
• Functions.

Build live projects

Once you learned basics of html, css and javascript, it is possible to build even complex projects. Build few apps to your portfolio, like:

• Static landing page,
• Simple game,
• Quiz app,
• Social media app.

Have you built a portfolio? Why not start freelancing? You can code impressive apps, if it is hard to get a client, try to make first projects for free. You will learn a lot and build professional portfolio.

Learn JavaScript framework/library

To be very efficient as a web developer it is practically impossible without knowledge of a JavaScript framework/library. Choose one and be consistent. I have chosen React JS, my portfolio grew, I added more than 30 react js projects on my github. It is highly recommended to master fundamentals and quickly go through tutorials, code amazing apps, seek challenges and improve your skills.

Use version control system

You are now a very well skilled web developer, what is needed to be more efficient and professional? Learning Git and Git repository, for example github. With Git your projects can be very complex and you will not be lost in tons of improvements. Online repository will store the code and if you decide to make some open source, this repos will build your personal brand. I think it is very important nowadays.

Learn basic git commands, like commits, fetching, rebasing and pushing. Open new repos in github and show your work to the world!

Build more projects

Modern coder can not stop learning new technologies and tools. It is the most important part of a developer path. Learn more, build real problems solutions and you will be successful.

Thank you for reading my article, I am extremely greatful. Let’s build the best dev community