The document discusses JavaScript modularity and different module systems for JavaScript. It describes how modularity is important for maintainable code but vanilla JavaScript lacks built-in modularity. It then evaluates popular module systems like AMD, CommonJS, and ES6 modules, noting their differences in terms of being asynchronous, object formats, and browser support. The document recommends picking one module system and sticking with it for a project.

1. Modular JavaScript
@sander_mak
@pbakker

2. Modularity

3. intro
JavaScript

4. pitfalls
JS

5. Module

6. Systems
Java

7. +

8. JavaScript

9. modularity

10. y

11. M
Wh
ity?
ular
od

12. Modularity is
key

13.
to maintainable code

14. Modularity 101
Remember

15. Java?
Low

16. Coupling
High

17. Cohesion

18. Modularity in Java
Bundle B
Bundle A
Imports
+ package org.myapi
+ package org.other.api
- package org.myapi.impl
- package org.util
Imports
Bundle C
+ package org.other.impl

19. Modularity in Java
OSGi
The

20. only

21. modularity

22.
solution

23. for

24. Java

25. today

26. Why modularity in JavaScript?
then
now
20%
50%
50%
80%
Java
JavaScript
So...
We

27. run

28. into

29. the

30. same

31. maintainability

32.
problems

33. as

34. on

35. the

36. server

37. side...

38. Text
en

39.
t

40. ev
igh

41. it

42. m
And
....
orse
e

43. w
b

44. JavaScript Modularity 101
Globals

45. Anonymous functions
Anonymous

46. functions

47. prevent

48.
putting

49. something

50. in

51. global

52. scope
This

53. method

54. executes,

55. but

56. is

57. not

58.
visible

59. in