Web Development Learning Path

This is what I did when I started 3 months ago:-

First, try to learn basics like Html5 and CSS3 :-I learned it from Coursera and along with that for practice preferred freecodecamp.
Then learn Javascript from any online MOOC or any source but always stick to freecodecamp as it is a very good source for practice.
After that learn any web front-end framework like Bootstrap and other frameworks.
After that, you will have enough knowledge about how web development work and you will eventually know the skills you need to learn.

NOTE:-

Stick to freecodecamp for good practice,I assure you that you will not get bored
Everyone knows about the skills itself he has to learn we he starts practicing and learning.
If you are an absolute beginner to computer science, I would highly recommend you the online course from Harvard university named CS50.
The challenges in the freecodecamp are good and very vast.
However many concept are still missing somewhere as I know.....but the projects required a great skill and are awesome.....I have completed few projects and believe me it requires good skill and grasp over concepts...

So I would recommend you follow different sites along with freecodecamp for concept but don't miss out its projects.

CSCrux :Web development learning path