A curated list of Tools, Libraries and Frameworks essential for every Frond-end developer.
For more elaborated list goto Frontend Dev Bookmarks by dypsilon
Frameworks
- AngularJS ( The Superheroic MVW )
- Meteor ( Client + Server )
- EmberJS ( Simple templating, used by yahoo, groupon )
- Backbone ( Lightweight, fast )
- Knockout ( Simplify dynamic JavaScript UIs with MVVM )
UI Frameworks
- ReactJS ( The V in MVC, Fast dom manipulation with Virtual dom )
- Famo.us ( Hardware accelerated engine )
Libraries
- jQuery ( Dom manipulation specialist )
- ZeptoJS ( lightweight jquery )
- PrototypeJS ( Modifications in standard JavaScript and Dom functions )
Utility libraries
- Underscore ( Adding additional features to JS )
- Loadash ( Also called as high performance underscore )
Other Libraries
- RequireJS ( Include modules to your application )
- Modernizr ( Feature detection )
- Normalize.css ( Handle styles for different browsers the html5 way )
Productivity boosters
- Grunt ( Task automator )
- Bower ( Package manager like npm )
- Gulp ( Automates work flow )
- Yeoman ( Builds scaffolds to start with )
JS Preprocessors ( Compiles into normal js : less repetition, more manageability)
- Coffeescript ( The golden rule of CoffeeScript is: "It's just JavaScript" )
- Typescript ( Typed superset of JS from microsoft )
Mobile specific
- Ionic Framework ( More like angularJS+Bootstrap for mobile)
- jQuery Mobile ( If you know jquery you already know this )
- Sencha touch
- HammerJS / QuoJS ( Better touch event handlers )
CSS Frameworks
- Bootstrap
- Foundation by zurb
- HTML5 Boilerplate ( Opensource starter template containing best practices )
CSS Preprocessors ( Compiles into normal css : less repetition, more manageability )
Web components
- Polymer by Google
- WebComponents
UI kits
Graphic
-
Visualization
-
Animation
- Move.js ( jQuery like animation with css3 transitions )
- Velocity.js ( Best of jQuery and CSS transitions combined )
- Animate.css ( Animate with css classes )
Nice to know