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?