Slide 1
Slide 1 text
Modular JavaScript in AEM
using Webpack
Kevin Weber
Slide 2
Slide 2 text
Jest
vs.
Slide 3
Slide 3 text
1. Webpack in AEM
2. JavaScript Classes
3. JavaScript Modules
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
Example
Open Source.
github.com/infielddigital
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
1. Webpack in AEM
2. JavaScript Classes
3. JavaScript Modules
Slide 10
Slide 10 text
Classes
Easier.
More precise.
Slide 11
Slide 11 text
Classes
Easier.
More precise.
Slide 12
Slide 12 text
1. Webpack in AEM
2. JavaScript Classes
3. JavaScript Modules
Slide 13
Slide 13 text
Modules
a) Generic
b) Specific to AEM component
Slide 14
Slide 14 text
Modules
a) Generic
b) Specific to AEM component
Slide 15
Slide 15 text
1
2
3
4
5
6
7
8
9
10
11
12
13
Slide 16
Slide 16 text
1
2
3
4
5
6
7
8
9
10
11
12
13
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
∞ Bonus
Slide 19
Slide 19 text
AEM Front
Live-reload your page.
kevinw.de/aem-front
Slide 20
Slide 20 text
∞ Open Discussion
Kevin Weber | Let’s connect: kevinw.de/linkedin