book

Learning JavaScript Design Patterns

by Addy Osmani

July 2012

Intermediate to advanced

254 pages

6h 16m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Object CreationBasic ConstructorsConstructors with Prototypes
Object LiteralsThe Module PatternPrivacyHistoryExamplesModule Pattern VariationsImport mixinsExportsToolkit and framework-specific module pattern implementationsDojoExtJSYUIjQueryAdvantagesDisadvantages
AdvantagesDisadvantages
Differences Between the Observer and Publish/Subscribe PatternAdvantagesDisadvantagesPublish/Subscribe ImplementationsA Publish/Subscribe implementationUsing our implementationUser-interface notificationsDecoupling applications using Ben Alman’s Pub/Sub implementationDecoupling an Ajax-based jQuery application
Basic ImplementationAdvanced ImplementationExampleAdvantages and DisadvantagesMediator Versus ObserverMediator Versus Facade
Notes on Abstraction
When to Use the Factory PatternWhen Not to Use the Factory PatternAbstract Factories
Advantages and Disadvantages
InterfacesAbstract Decorators
Using FlyweightsFlyweights and Sharing DataImplementing Classical FlyweightsDuck punching “implements”Converting Code to Use the Flyweight PatternA Basic FactoryManaging the Extrinsic StatesThe Flyweight Pattern and the DOM
Smalltalk-80 MVC
ModelsViewsTemplatingControllersControllers in Another Library (Spine.js) Versus Backbone.jsSpine.jsBackbone.js
Delving DeeperSummary
Models, Views, and PresentersMVP or MVC?MVC, MVP, and Backbone.js
HistoryModelViewViewModelRecap: The View and the ViewModelRecap: The ViewModel and the Model
AdvantagesDisadvantages
Getting Started with ModulesAMD Modules with DojoAMD Module Design Patterns (Dojo)AMD Modules with jQueryRegistering jQuery as an Async-compatible moduleWhy AMD is a better choice for writing modular JavaScriptRelated readingScript loaders and frameworks that support AMDAMD Conclusions
Getting StartedConsuming Multiple DependenciesLoaders and Frameworks that Support CommonJSIs CommonJS Suitable for the Browser?Related Reading
UMD: AMD and CommonJS-Compatible Modules for Plug-insBasic AMD hybrid formatUsing CommonJS, AMD, or browser globals to create a modulejQuery plug-ins that function in all environmentsFurther reading
Modules with Imports and ExportsModules Loaded from Remote SourcesModule Loader APICommonJS-like Modules for the ServerClasses with Constructors, Getters, and SettersES Harmony ConclusionsRelated Reading
Further Reading
Further Reading
Further Reading
Further Reading
Further Reading
Further Reading
UsageFurther Reading
Further Reading
Further Reading
QualityCode StyleCompatibilityReliabilityPerformanceDocumentationLikelihood of maintenance
Single Global VariablesPrefix NamespacingObject Literal NotationNested NamespacingImmediately Invoked Function Expressions (IIFE)sNamespace Injection
Automating Nested NamespacingDependency Declaration PatternDeep Object ExtensionRecommendation

Content preview from Learning JavaScript Design Patterns

About the Author

Addy Osmani is a Developer Programs Engineer on the Chrome team at Google with a passion for JavaScript application architecture. He has created popular projects such as TodoMVC and contributed to other open-source projects such as Modernizr and jQuery. A regular blogger, his articles have been featured numerous times in JavaScript Weekly and Smashing Magazine, to name but a few. His current projects include Yeoman - an opionated workflow for modern web developers, Backbone Aura and jQuery UI Bootstrap. Addy maintains his popular blog on web development at http://addyosmani.com for those wishing to learn more about his work.