Hello, Everyone!

Interested in learning Web Dev, you are in the right place.

You don't need to drop thousand of dollars on degrees / bootcamps.

BEFORE YOU START

What should you learn in Web Dev ?

I strongly believe you should be familiar with all computer science subjects, but if you are not a student and want to switch carriers and get a job, see ROADMAP

Where to Start ?

If you are a beginner, I highy recommend CS50 by David J. Malan.

This is the place to start as a new CS student.

Done with CS50, want in-depth courses ?

Have a look at this guide Teach Yourself Computer Science

Yes I agree you will surely not love all subjects, neither its compulsary to learn all this for a job in the industry. But it will give you an in-depth knowledge of how all the magic in computer world works.

A Quick Note !

Don't overwhelm yourself with programming languages, pick one and stick to it.

LEARNING RESOURCES

Free Resources

Websites
FullStackOpen FreeCodeCamp The Odin Project CSS Tricks HackerRank Visualgo Jet Brains Academy Geeks For Geeks
Youtube
Academind Colt Steele Clément Mihailescu Computerphile CS Dojo DesignCourse Dev Ed Fireship FreeCodeCamp Kevin Powell Programming with Mosh Tech With Tim The Coding Train Traversy Media Web Dev Simplified

Paid Resources

Udemy Udacity Coursera edx Programming with Mosh Educative Fireship.io zerotomastery AlgoExpert leetCode

Roadmap

JavaScript Full Stack Developer

I personally think this is the best path, what we will learn is MERN Stack but with React Native and many others like (Ionic and Electron ) you can built things other than websites, so you are not stuck on a browser for every project. More on that later.

Things I would suggest to Learn

HTML5

CSS3 (with FlexBox and Grid) | Bootstrap | SASS

JavaScript | Node.js (with Express)

MongoDB

React

Git | Github

My Suggested Courses

Web Developer Bootcamp

React - Academind / React - ZeroToMastery

The Complete 2020 Web Development Bootcamp

NOTE: Just don't throw your language and start JavaScript. If you already picked any other language don't worry they probably can do most of this stuff.

Next

Build Some Projects for PORTFOLIO

Participate in Events, Hackathons etc

Contribute to Open Source

Take Interviews and Start Preparing for them

Interview Preparation

1. Algorithms and Data Strucutres

Read Cracking The Coding Interview also use videos on HackerRank Youtube Channel on Algorithms and Data Structures , also watch interviews on Interviewing.io

2. Problem Solving

Now practice Interview Questions on leetCode HackerRank AlgoExpert

What can you do after

React Native would be a good thing to explore after you have mastered MERN.

NOTE: Again knowing more things is cool, but knowing 10 things and shipping quality code in all of them takes experience and time. But maybe someday you think of starting a business or building a native app for any one of paltforms from windows, macos, ios or android. React Native got you covered without a steep learning curve.
native-mobile-development

Create native apps for Android and iOS using React.

React Native
native-desktop-development

Create native apps for Windows and macOS using React.

React Native