Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

  • Overview
  • Transcript

1.1 Introduction

Welcome to Universal Module Loading With SystemJS. In this lesson I'll give you an introduction to SystemJS and JSPM, as well as an overview of what we'll cover in the course.

2 lessons, 07:22

Free Lesson

Free Lesson

2.SystemJS and Jspm Basics
3 lessons, 23:58

Getting Started With SystemJS

Loading Other Types of Assets

Using Third-Party Libraries

3.Universal Modules and Production Builds
1 lesson, 07:56

Using Multiple Module Formats

1 lesson, 00:58


1.1 Introduction

Hi, folks. In this course, we're going to learn all about SystemJS and JSPM. SystemJS is a universal module loader for JavaScript, which can load all of the most common module formats in use today, including ES 2015 modules, AMD, and Common JS. JSPM stands for JavaScript package manager and is similar conceptually to NPM. It can install packages from a variety of sources including NPM and GitHub. JSPM was created by the same personal system js and so the two integrate together extremely well. And many plugins for SystemJS need to be installed via JSPM. Conceptually, SystemJS is similar to Webpack in that it is a modern modulator that supports common tasks like transpolation of ES2015, typescript, SAS and probably other things as well. But whereas Webpack is more of a build process, which generates files as output, SystemJS runs in the browser loading modules asynchronously and doing translation on the fly. Well it can take time to create the perfect Webpack configuration, that you might require. Setting up SystemJS is both quick and easy, unless you get up and running with very little configuration. Over this course then we'll look at getting started with SystemJS and JSPM, and look at how we can configure basic tasks like using ES2015 modules and compiling SaaS into CSS. We'll see how to load other common libraries like jQuery and a jQuery plug in as well. SystemJS works with of the common module formats in use today, like ES 2015, AMD, common JS, and UND. So we'll definitely take a look and see how we can use a variety of module types, in the same project. So let's move on to the first lesson, and get our system setup, and ready for the coding examples. Thanks for watching.

Back to the top