Here are my bookmarks. If you know these tools and can use some of them in the right situation, you are good to go: github.com/mllbp/dev-bookmarks

The absoluly underrated brunch.io. You will quickly forget grunt and gulp

Learn jQuery, CSS, Angular.js and then start writing some server side node.js code. Look into tooling with gulp or grunt and checkout browserify/webpack if you choose. Then understand where backbone and react are coming from. Then mess with a sql database and mongodb.

Here is my list:

Preprocesors and Task Runners (your best friends ;) )

• SASS
• Gulp
• Browserify
• Bower

Frameworks:

• Angularjs v2.0
• Bootstrap
• Materialize
• React

Can't Forget the basics Git-github

And some template engine

Just Pick at least two of each group and you're ready to go

simple jade

Here's my list.

Tools

• Gulp - For task automation
• Grunt - Similar to grunt, but I would suggest to go with gulp as you end up with a lot of messy config like code while using Grunt.
• Bower - For Web package management.
• Browserify
• SASS - CSS on Steroids.
• TypeScript - When you get tired of JavaScript.

And there are more tools, which are basically gulp modules, that let you automate stuff in many aspects very easily.

Library/Frameworks/Skins for JavaScript

• Angular.js - a MV* framework which helps you write clean and modular code.
• Angular Material - Material Design UI for Angular.js
• jQuery - Good for DOM manipulation, but please don't mix this with Angular.

Angular.js is a bit confusing at start, but as you keep moving on, the complexity of the framework will make you a much better programmer, and it's all worth it.

My contribution to the compilation would be:

Tools:

• Bower
• Grunt
• Less css
• Templating engines - Jade, Twig etc.

Frameworks/Libraries:

• Backbone js
• Ember js
• Jquery
• Bootstrap

*Javascript - Because front end is it.!

*I personally don't like AngularJs because of its inherent complexity and also find it hard to understand why people keep using it.