Front End Tooling 2015

Get Started. It's Free
or sign up with your email address
Rocket clouds
Front End Tooling 2015 by Mind Map: Front End Tooling 2015

1. Languages

1.1. HTML (currently HTML5)

1.2. CSS (currently CSS3)

1.3. Javascript (currently ES6)

2. Preprocessors

2.1. HTML

2.1.1. HAML

2.1.2. Jade

2.1.3. Markdown

2.1.4. Slim

2.2. CSS

2.2.1. Sass

2.2.2. LESS

2.2.3. Stylus

2.3. Javascript

2.3.1. CoffeeScript

2.3.2. LiveScript

3. Code Editors

3.1. Notepad++

3.2. Textwrangler

3.3. Atom

3.4. Sublime Text

3.5. Visual Studio

4. Task Runners

4.1. Gulp

4.2. Grunt

4.3. NPM

4.4. Broccoli

5. Javascript Libraries and Frameworks

5.1. JQuery

5.2. Underscore

5.3. Backbone

5.4. React

5.5. AngularJS

5.6. Ember

5.7. Polymer

5.8. Knockout

6. Front End (HTML/CSS/Javascript) Frameworks

6.1. Bootstrap

6.2. Foundation

6.3. HTML5 Boilerplate

7. Resources

7.1. http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results

7.2. www.google.com :)

8. Application Structure

8.1. Scaffolding Tools

8.1.1. Yeoman

8.1.2. Brunch

8.1.3. Loom

8.2. Managing Dependencies

8.2.1. Bower

8.2.2. WebPack

8.2.3. Browserify

8.2.4. NPM

9. Building The Application (code, test, build, deploy)

9.1. Full Build System

9.1.1. Grunt

9.1.2. Gulp

9.1.3. Broccoli