Slides and examples related to Single Page Applications without frameworks. This workshop is not intended to blame frameworks but to have a better understanding about what's behind the scene in a framework. Following the list of topics covered in the workshop, the ones that will be covered in the future and a list of interesting links.
- yeoman
- mimosa
- brunch
- slush
- npm
- bower
- jspm
- Modularity and Scalability http://www.creativebloq.com/css3/create-modular-and-scalable-css-9134351
- SaSS and Less
- Features review http://blog.teamtreehouse.com/get-started-ecmascript-6
- Modules
- Using ECMA6 Today
- Traceur
- Babel
- Integrate a Transpiler
- Polymer
- X-Tag
- VanillaJS
- Application Routes
- Director
- Page
- Mithril
- TDD
- Jasmine
- Mocha and Chai
================================
- Lab 1, scaffolding
- Lab 2, dependencies
- Lab 3, productionize code
- Lab 4, ES6 modules
- Lab 5, Polymer
================================
- http://yeoman.io/generators/
- http://www.barbarianmeetscoding.com/blog/2014/12/22/barbaric-development-toolbox-elevate-your-front-end-workflow-with-yeoman/
- https://github.com/h5bp/generator-h5bp
- https://github.com/larsonjj/generator-yeogurt
- http://blog.nodejitsu.com/npmawesome-eight-fun-to-use-yeoman-generators/
- http://mimosa.io/started.html#new
- https://github.com/dbashford/mimosa/
- http://slidedeck.io/aheuermann/brunch-presentation
- https://github.com/dbashford/mimosa.io/tree/gh-pages
- https://github.com/yeoman/yo
- https://github.com/yeoman/generator-webapp
- https://groups.google.com/forum/#!topic/mimosajs/wOvzpvFmyHQ
- http://stackoverflow.com/questions/25416813/package-manager-bower-vs-jspm
- https://www.quora.com/Why-use-Bower-when-there-is-npm
- http://stackoverflow.com/questions/15092345/javascript-dependency-management-npm-vs-bower-vs-volo
- http://blog.npmjs.org/post/110924823920/npm-weekly-5
- http://stackoverflow.com/questions/18641899/what-is-the-difference-between-bower-and-npm
- https://github.com/jspm/jspm-cli
- http://browsenpm.org/package.json
- https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Lexical_this
- http://aurelia.io/get-started.html
- http://javascriptplayground.com/blog/2014/11/js-modules-jspm-systemjs/
- https://babeljs.io/docs/setup/#babel_in_browser
- http://www.2ality.com/2014/09/es6-modules-final.html
- https://leanpub.com/understandinges6/read/
- http://philipp-burckhardt.com/2014/08/22/ecmascript-6-fat-arrow-functions/
- https://facebook.github.io/react/docs/jsx-in-depth.html
- http://caspervonb.com/javascript/an-overview-of-javascript-in-2015-ecmascript-6/