FrontEnd developer learnig path

frontend.md

FrontEnd developer learnig path

JavaScript

• ES6 Syntax (http://es6-features.org/)
• Babel - transpiler from ES6 to ES5 (http://babeljs.io/)

Deployment

• npm - package manager
• grunt - task manager
• gulp - task manager
• watchify - watcher for browserify
• webpack - model bundler (https://webpack.github.io/)
• browserify - model bundler
• uglifyjs - obsfucator and minimizer

ReactJS

• ReactJS - unidirection js component framework (https://facebook.github.io/react/)
• Flux - unidirection architecture (https://github.com/facebook/flux)
• reactify - module for browserify for compilin React JSX files

AngularJS

• AngularJS - bidirectional JS framework (https://angularjs.org/)
• Angular Styleguide (https://github.com/johnpapa/angular-styleguide)
• Angular app example (https://github.com/angular-app/angular-app)
• Typical programmer mistakes (https://www.airpair.com/angularjs/posts/top-10-mistakes-angularjs-developers-make)

Testing

Protractor - E2E ramework(run test in a browser) to testing Angular Apps (https://github.com/angular/protractor) Karam - Test runner watcher. Run tests when files changed (http://karma-runner.github.io/)

Usefull libs

• immutable - immutable data objects
• envify - library for using system environment variables
• UnderscoreJS - provides a whole mess of useful functional programming helpers without extending any built-in objects. (http://underscorejs.org/)

Testing

• Jasmine - behavior-driven development framework for testing JavaScript code (http://jasmine.github.io/)
• jshint - tool fo detecting errors and problems in javascript code (http://jshint.com/)

LINKS

• Cool front-end cases (http://codepen.io/suez/posts/popular/)