Uploaded July 2015 | Updated September 2026, 2 weeks ago

---

This javascript tutorial covers the javascript object literal pattern for web developers. We'll cover how to build a basic module in javascript.

The object literal pattern is also shown in this great e-book by Addy Osmani: addyosmani.com/resources/essentialjsdesignpatterns/book/#modulepatternjavascript

The simplest pattern for modular javascript is the object literal pattern - it adds all values and methods on a single object, thus encapsulating all of the module's function into one object. The downside of this pattern, is it leaves all of the module's data accessible.

Modular JS #2 - Object Literal Pattern pt 2:
youtube.com/watch?v=m-NYyst_tiY&index=2&list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f

Modular JS #3 - Revealing Module Pattern:
youtube.com/watch?v=pOfwp6VlnlM&index=3&list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-