jasonpcole / front-end-dev-toolkit

Tools and other useful resources for Front-End Developers

Front-End Developer's Toolkit

Tools and other useful resources for Front-End Developers

Coding Standards and Best Practices

• Crockford's - Code Conventions for the JavaScript Programming Language
• Mozilla Webdev Bootcamp
• MDN - Coding Style
• Google HTML/CSS Style Guide
• Google JavaScript Style Guide
• Isobar - Front-end Code Standards and Best Practices
• Front End Development Guidelines

Educational Resources

• CodeAcademy
• Code School
• The Expressive Web

Blogs and Other Dailies

• John Resig
• Douglas Crawford - Javascript
• Douglas Crawford - WWW
• Alex Russel
• Christian Heilmann
• Peter Michaux
• Remy Sharp
• Mozilla Javascript Blog
• DailyJS
• Perfection Kills
• Smashing Magazine - Coding
• A List Apart
• TutsPlus

Code Editors

• Sublime Text
  • Unofficial Documentation
• Atom.io - Developed by the folks at Github
• Notepad++
• Adobe Brackets

Javascript Tools

• Typescript
• Coffeescript

Node

• NodeJS
• NPM - Node Package Manager
• NVM - Node Version Manager - Mac
  • nvmw - Windows
  • nvm-windows

Frameworks

• Backbone
• Angular
• Ember
• Meteor
• React
• Knockout

Dependency Management

• Bower

Scaffolding and Build Tools

• Yeoman
• Grunt
• Gulp
• Brunch
• Mimosa

Module Loaders

• Browserify
• RequireJS
• Webpack

Templating Libraries

• dotjs
• Jade
• Handlebars

Testomg Frameworks

• Mocha
• Jasmine

Frameworks and Grid Systems

• Twitter Bootstrap
• Zurb Foundation

Structure and Model Patterns

• Web Components
  • Polymer
• BEM - Block, Element, and Modifier
• Atomic Design
• Flux

Styling Tools

• SASS
  • SASS Bourbon
    • SASS Bourbon Neat
• Less
• Stylus

UI Libraries

• PureCSS
• Semantic UI
• Materialize
• Kube

WebGL and Animation Tools

• Famous

Browser Tools