t-talk. javascript. module pattern. namics. thomas junghans. frontend engineer. 12 h august 2009
TRANSCRIPT
![Page 1: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/1.jpg)
T-Talk. Javascript.Module Pattern. Namics.
Thomas Junghans. Frontend Engineer.
12h August 2009
![Page 2: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/2.jpg)
Namics.
Contents.
Definition, Origin and Use
What is a module?
Advantages
Example and Demo
11/04/23 Denken. Präsentieren. Umsetzen.2
![Page 3: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/3.jpg)
Namics.
Definition. Origin. Use.
11/04/23 3 Denken. Präsentieren. Umsetzen.
![Page 4: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/4.jpg)
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.
![Page 5: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/5.jpg)
Namics.
What is a module?
11/04/23 5 Denken. Präsentieren. Umsetzen.
![Page 6: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/6.jpg)
Namics.
What is a module?
11/04/23 6 Denken. Präsentieren. Umsetzen.
![Page 7: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/7.jpg)
Namics.
What is a module?
11/04/23 7 Denken. Präsentieren. Umsetzen.
![Page 8: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/8.jpg)
Namics.
What is a module?
11/04/23 8 Denken. Präsentieren. Umsetzen.
![Page 9: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/9.jpg)
Namics.
What is a module?
11/04/23 9 Denken. Präsentieren. Umsetzen.
![Page 10: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/10.jpg)
Namics.
Advantages.
11/04/23 10 Denken. Präsentieren. Umsetzen.
![Page 11: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/11.jpg)
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.
![Page 12: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/12.jpg)
Namics.
Example.
11/04/23 12 Denken. Präsentieren. Umsetzen.
![Page 13: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/13.jpg)
Namics.
Example
See pdf on http://thomas.junghans.co.za/frontendengineering/javascript-module-pattern/
11/04/23 13 Denken. Präsentieren. Umsetzen.
![Page 14: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/14.jpg)
Namics.
Demo.
11/04/23 14 Denken. Präsentieren. Umsetzen.
![Page 15: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/15.jpg)
Namics.
Demo
http://thomas.junghans.co.za/frontendengineering/javascript-module-pattern/demo/
11/04/23 15 Denken. Präsentieren. Umsetzen.
![Page 16: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/16.jpg)
Namics.
Thank. You. Questions?
© Namics
11/04/23 16 Denken. Präsentieren. Umsetzen.
![Page 17: T-Talk. Javascript. Module Pattern. Namics. Thomas Junghans. Frontend Engineer. 12 h August 2009](https://reader036.vdocuments.mx/reader036/viewer/2022062511/551c31c5550346a34f8b63c1/html5/thumbnails/17.jpg)
11/04/23 17 Denken. Präsentieren. Umsetzen.