Do you want to learn web dev and don't know where to start?

Prepare yourself mentally

Make sure you are ready mentally and prepared to be persistent and consistent in your learning.

Start with the basics

HTML for the structure and CSS to style the website. Learn these two and build a couple of projects with them, and when you have a good grip on them, learn JavaScript to make an interactive website.

Join #100daysofcodechallenge

It will help you with consistency by coding every day for 100 days straight. Do not forget to tweet about it and share your experience with the community.

Join Dev Communities

Join and learn along with new developers who have the same interest. The community would be helpful when you are stuck on a problem and can not figure it out.

Next, Learn a library or framework

Bootstrap for CSS or any equivalent library.
ReactJS or VueJs for JavaScript, one of them will do.

After this, you are pretty much a front-end developer and ready to learn back-end.

Finally

Do deliberate practice, build a lot of projects and share them with the community and get feedback. You don’t know when or where your next client would be.

Free Resources

HTML

HTML Tutorial for Beginners: HTML Crash Course [2021]

HTML Full Course - Build a Website Tutorial

HTML Crash Course For Absolute Beginners

CSS

CSS Crash Course For Absolute Beginners

HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!

CSS Full Course - Includes Flexbox and CSS Grid Tutorials

JAVASCRIPT

JavaScript Crash Course For Beginners

JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour

Learn JavaScript - Full Course for Beginners

How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

Youtube Channels

FreeCodeCamp

Programming with Mosh

Traversy Media

Websites

W3school

Geeks for geeks

Freecodecamp

Codecademy basic course is free.

Mozilla Docs

HTML Docs

Javascript Info