StealJS Workshop

In this hands-on training, we will learn how to build a multi-page, progressively loaded site, that uses hot-module swapping with the StealJS (http://stealjs.com/) module loader. Lets break that down:

• multi-page - Listen to when the URL changes and show different content to the user.
• progressively loaded - Load only the JS and CSS required for a particular page.
• hot-module swapping - When a file changes, the UI is automatically updated. No more reloading!
• module loader - StealJS loads JS and other code like Webpack, RequireJS, and browserify. Module loaders help organize a projects scripts and build into minified scripts that load in production quickly.

We'll StealJS to:

• Setup a project from scratch.
• Install and import other packages from npm, including jQuery.
• Make and test a mini application.
• Create modules in the ES6 and CommonJS formats.
• Organize your modules using the modlet workflow (http://blog.bitovi.com/modlet-workflows/) - adding tests, docs, and demo pages.
• Build your application to production.
• Export modules to other formats and publish your module to NPM.