T-Talk. Javascript.Module Pattern. Namics.

Thomas Junghans. Frontend Engineer.

12h August 2009

Namics.

Contents.

Definition, Origin and Use

What is a module?

Advantages

Example and Demo

11/04/23 Denken. Präsentieren. Umsetzen.2

Namics.

Definition. Origin. Use.

11/04/23 3 Denken. Präsentieren. Umsetzen.

Namics.

Definition. Origin. Use.

Singleton pattern used in javascript

Douglas Crockford (Yahoo Senior JS Architect) named it

Can (and should) be applied on any html module

11/04/23 4 Denken. Präsentieren. Umsetzen.

Namics.

What is a module?

11/04/23 5 Denken. Präsentieren. Umsetzen.

Namics.

What is a module?

11/04/23 6 Denken. Präsentieren. Umsetzen.

Namics.

What is a module?

11/04/23 7 Denken. Präsentieren. Umsetzen.

Namics.

What is a module?

11/04/23 8 Denken. Präsentieren. Umsetzen.

Namics.

What is a module?

11/04/23 9 Denken. Präsentieren. Umsetzen.

Namics.

Advantages.

11/04/23 10 Denken. Präsentieren. Umsetzen.

Namics.

Advantages.

Provides a structure for adding functionality to html module

Public and private variable and method access

1st step to modular/component programming

Init control (document ready)

11/04/23 11 Denken. Präsentieren. Umsetzen.

Namics.

Example.

11/04/23 12 Denken. Präsentieren. Umsetzen.

Namics.

Example

See pdf on http://thomas.junghans.co.za/frontendengineering/javascript-module-pattern/

11/04/23 13 Denken. Präsentieren. Umsetzen.

Namics.

Demo.

11/04/23 14 Denken. Präsentieren. Umsetzen.

Namics.

Demo

http://thomas.junghans.co.za/frontendengineering/javascript-module-pattern/demo/

11/04/23 15 Denken. Präsentieren. Umsetzen.

Namics.

Thank. You. Questions?

thomas.junghans@namics.com

© Namics

11/04/23 16 Denken. Präsentieren. Umsetzen.

11/04/23 17 Denken. Präsentieren. Umsetzen.