This document discusses JavaScript modules and module loading. Traditionally, JavaScript used a global namespace which could cause conflicts, but modules allow encapsulation and privacy. Modules are now commonly defined and loaded using file paths where each file represents a single module, and module loaders like require() are used to import dependencies between modules during bundling into a single file.

1. javascript modules
RON APELBAUM

2. Old school
global

3. Old school
global
private

4. gruntFile.js
File name constraint!

5. TypeScript beans
MyService.js
_app.module.js
_app.beans.ts

6. Module loader
File === Module

7. module loader
MyService.js
app.js
DataBean.ts
require()
require()
OtherService.js

8. bundle.js