StealJS Workshop
Details
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.
StealJS Workshop