Oliver Mensah linkedin.com/in/olivermensah/ twitter.com/Oliver_Mensah facebook.com/olivermensah.me omensah.github.io/resume Thinking in Modules in JavaScript

Code Dependencies

No content

No content

Global Pollution Overridden in some instances Inferenc e from our Code

Rewriting our JS Code

No content

No content

Hoisting Why? All Declarations become undefned at the top level Eg. var list // undefned Later each declaration gets assign to its value Eg. list = ['Brendan Eich', 'Douglas Crockford', 'Kent C. Dodds'] Oh! There is another declaration called list Eg. list = ['Passion to Learn’, 'Reading of Source Code as Hobby', 'Computing Concerns' ]

Modularizing Our Code

Organize Code Visibility Reasons

Object Literal IIFE Module Patterns Basic Module Common.js AMD ES6 Modules Revealing Module

Object Literal

Immediat ely Invoked Function Expressio n (IIFE)

Basic Module

Revealing Module

Common.j s

Asynchrono us Module Defnition (AMD)

ES6 Modules (Native JS Feature)

ES6 Module Backward Compatibility There Come Bundling and Transpiling Tools

Webpack Babel Toolings For ES6 Module System

Demos Link to Resources: https://goo.gl/ FTwJyQ

“Writing Good JavaScript Code is not too much harder, but Writing Bad code is very easier”

Thank You

Questions