Thinking In JavaScript Modules

Transcript

1. Oliver Mensah linkedin.com/in/olivermensah/ twitter.com/Oliver_Mensah facebook.com/olivermensah.me omensah.github.io/resume Thinking in Modules in JavaScript
2. Code Dependencies
5. Global Pollution Overridden in some instances Inferenc e from our Code
6. Rewriting our JS Code
9. 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' ]
10. Modularizing Our Code
11. Organize Code Visibility Reasons
12. Object Literal IIFE Module Patterns Basic Module Common.js AMD ES6 Modules Revealing Module
13. Object Literal
14. Immediat ely Invoked Function Expressio n (IIFE)
15. Basic Module
16. Revealing Module
17. Common.j s
18. Asynchrono us Module Defnition (AMD)
19. ES6 Modules (Native JS Feature)
20. ES6 Module Backward Compatibility There Come Bundling and Transpiling Tools
21. Webpack Babel Toolings For ES6 Module System
22. Demos Link to Resources: https://goo.gl/ FTwJyQ
23. “Writing Good JavaScript Code is not too much harder, but Writing Bad code is very easier”
24. Thank You
25. Questions