Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
How to make your kids think doing home work is kind of cool?
Slide 2
Slide 2 text
With JavaScript Lokas Lukas Lucas und Dirk @DevHouseFriday
Slide 3
Slide 3 text
* Kids in 2nd grade have to learn numbers from 1-100. * On paper. * Like an animal. * It's boring.
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
* Computers are fun. * And numbers can easily be written on the computer. * Learning numbers on computers would be fun. * Let's get digital.
Slide 6
Slide 6 text
Demo Time
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
Select Player Angular React Vue
Slide 9
Slide 9 text
We don't need any help!
Slide 10
Slide 10 text
It's dangerous to go alone! Take this.
Slide 11
Slide 11 text
class ConfettiCannon extends HTMLElement { connectedCallback() { // fire the cannon } } customElements.define("confetti-cannon", ConfettiCannon)
Slide 12
Slide 12 text
as soon as this piece of HTML appears anywhere in the DOM
Slide 13
Slide 13 text
...And I mean ANYWHERE!
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
No library required! Loading 0kb
Slide 16
Slide 16 text
Old browsers can be polyfilled *coming soon
Slide 17
Slide 17 text
Browsers can do so much now, you rarely need libraries... youmightnotneedjquery.com
Slide 18
Slide 18 text
confetti cannon.js magic cube.js modal dialog.js confetti package app.js uitil package
Slide 19
Slide 19 text
confetti cannon.js magic cube.js modal dialog.js confetti package app.js uitil package
Slide 20
Slide 20 text
confetti cannon.js magic cube.js modal dialog.js confetti package app.js uitil package
Slide 21
Slide 21 text
app.js
Slide 22
Slide 22 text
faucet-pipeline.org * Convert * ...JavaScript * ...TypeScript * ...SCSS * ...Images * ...you name it * Teeny tiny config in JS * 5 minute setup
Slide 23
Slide 23 text
Sharing is Caring
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
WHAT IF I TOLD YOU YOU DON'T NEED ANY SERVER
Slide 26
Slide 26 text
Serverless Serverless
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
* Just a click away * Keep data in gh-pages branch * Configure custom domain * Even TLS provided
Slide 29
Slide 29 text
Thank you! Questions?