Here are two very good visual guides or mappings of recommended skils for Web Development.
Web Development Mind Map 1
Web Development Mind Map 2
And the video to go along with the latest one.
There is a exact same copy of the above mind map in the Creately diagram community.You can find some good mind map examples . There are 1000s of templates and examples in the community to be used freely.