JavaScript Module Fundamentals

Pluralsight

Course Summary

JavaScript applications have grown increasingly complex. This course will teach you the basics of writing modular, maintainable JavaScript using popular formats, loaders, and bundlers.

+
Course Description

At the core of building JavaScript applications is a thorough knowledge of JavaScript modules. In JavaScript Module Fundamentals, you will learn all of the options available for building modular, maintainable, JavaScript applications. You will learn how to use popular module formats like AMD and CommonJS, how to create and transpile modules in the ES2015 format, and you'll also learn how to bundle modules with Browserify and Webpack. When you're finished with this course, you will have a foundational knowledge of JavaScript modules that will help you plan and implement your next client or server-side web application.

Course Description

At the core of building JavaScript applications is a thorough knowledge of JavaScript modules. In JavaScript Module Fundamentals, you will learn all of the options available for building modular, maintainable, JavaScript applications. You will learn how to use popular module formats like AMD and CommonJS, how to create and transpile modules in the ES2015 format, and you'll also learn how to bundle modules with Browserify and Webpack. When you're finished with this course, you will have a foundational knowledge of JavaScript modules that will help you plan and implement your next client or server-side web application.

+
Course Syllabus

Course Overview
- 1m 30s

—Course Overview 1m 30s

Why Modules Matter in JavaScript
- 13m 50s

—Introduction 1m 15s
—The Goals of Modularity 2m 46s
—A Brief History of JavaScript Modules 2m 41s
—Course Modules and Required Software 3m 0s
—Project Structure and the Demo App 4m 5s

Module Patterns in ES5
- 26m 36s

—Introduction and Overview 1m 31s
—Immediately-Invoked Function Expressions 1m 47s
—Demo: Creating an IIFE 5m 9s
—Revealing Module Pattern 4m 24s
—Demo: Revealing Module Pattern - Singleton 6m 52s
—Revealing Module Pattern - Constructor 2m 26s
—Demo: Revealing Module Pattern - Constructor 2m 21s
—Summary 2m 3s

Module Formats and Loaders
- 38m 24s

—Introduction and Overview 1m 13s
—Formats Versus Loaders 1m 31s
—Module Formats 3m 37s
—Module Loaders 1m 7s
—AMD Format 2m 53s
—Demo: Using the AMD Format with RequireJS 11m 32s
—CommonJS Format 4m 21s
—Demo: Using the CommonJS Format with SystemJS 9m 58s
—Summary 2m 7s

Modules in ES2015
- 31m 38s

—Introduction and Overview 1m 21s
—What are ES2015 Modules? 1m 19s
—ES2015 Module Workflow 2m 43s
—Importing and Exporting 1m 57s
—Export Syntax 3m 16s
—Import Syntax 3m 23s
—Demo: Creating ES2015 Modules 7m 8s
—What Is Babel? 2m 2s
—Demo: Transpiling ES2015 Modules with Babel 6m 16s
—Summary 2m 9s

Module Bundlers
- 24m 41s

—Introduction and Overview 1m 16s
—The Role of a Module Bundler 2m 48s
—Browserify 0m 49s
—Demo: Bundling CommonJS Modules with Browserify 5m 41s
—Webpack 1m 6s
—Demo: Bundling AMD Modules with Webpack 4m 47s
—Demo: Transpiling and Bundling ES2015 Modules with Webpack 6m 20s
—Summary 1m 50s