Slide 1

How would The Fonz do this? A short talk about web development, allegedly Phil Hawksworth, Netlify

Slide 2

Hello @ PhilHawksworth Developer Experience, Netlify

Slide 3

n I d e k n i L s d a h re T Hello Tw i t te r G i tH u @ PhilHawksworth Developer Experience, Netlify Bl ueS k y n o d o M as t b

Slide 4

2011

Slide 5

Slide 6

Slide 7

Slide 8

Building the web with Responsibility

Slide 9

****ing about

Slide 10

Messing about

Slide 11

Play

Slide 12

Play & learning https://unsplash.com/photos/93AcQpzcASE

Slide 13

Creative exploration Learning and discovery / Demonstrating a principle / Overcoming An obstacle

Slide 14

Creative exploration Learning and discovery / Demonstrating a principle / Overcoming An obstacle

Slide 15

showyourcolor

Slide 16

Slide 17

Slide 18

Slide 19

Slide 20

Slide 21

Slide 22

Slide 23

We spared no expense

Slide 24

Slide 25

Slide 26

Heroku Django API S3 API Browser Facebook Postgres

Slide 27

CUPS Heroku VM Django Django API S3 API Postgres API Browser API Facebook Kiosk web apps Slideshows Postgres

Slide 28

CUPS Heroku VM Django Django API S3 API Postgres API Browser API Facebook Kiosk web apps Slideshows Postgres

Slide 29

CUPS Heroku VM Django Django API S3 API Postgres API Browser API Facebook Kiosk web apps Slideshows Postgres

Slide 30

Slide 31

Massive scary screens Costing a gazillion dollars per minute to rent and the whole world are looking at Something

Slide 32

Massive scary screens Costing a gazillion dollars per minute to rent and the whole world are looking at Something S ome o ld F t h at c a n l a sh p l aye r no t be u p g rade d P T T H No W T B , h e re

Slide 33

EMAIL e d o c x e h : t S ubje c d r o w y a l p s B o d y: D i y a l p s i d o t e g a m I : t n e At t achm

Slide 34

Massive scary screens Costing a gazillion dollars per minute to rent and the whole world are looking at Flash + Email endofphilscareer@ifthisleaks.com

Slide 35

Slide 36

Slide 37

somehow it was rock solid

Slide 38

Learning and discovery / Demonstrating a principle / Overcoming An obstacle

Slide 39

Social posts stash Self-hosting thousands of posts

Slide 40

Some requirements A URL for each of the 24,000 tweets Index pages listing each tweet with its URL Ability to search the tweets Retain a reasonable build time Avoid client-side rendering if possible A logical model that fits in my head SSG ODB ESR

Slide 41

JSON

Slide 42

/ Social index pages / Content pages Build Assets User JSON & Templates

Slide 43

www.hawksworx.com/notes/1/

Slide 44

Build duration 2 seconds

Slide 45

/ Post page view / Social index pages / Content pages Build JSON & Templates Assets ODB User

Slide 46

www.hawksworx.com/note/mstdn/109913367394738833

Slide 47

/ Post page view / Social index pages / Content pages Build JSON & Templates Assets ODB ESR / Search results page User

Slide 48

Slide 49

www.hawksworx.com/notes/search/?str=palo+alto www.hawksworx.com/notes/search/?str=render

Slide 50

Slide 51

Slide 52

Slide 53

Slide 54

Learning and discovery / Demonstrating a principle / Overcoming An obstacle

Slide 55

Our deployment teams have reduced production deployments to 5 days — A real enterprise client from a past life

Slide 56

Deploys should be and can be friction free — Something I’ve said for some time

Slide 57

Slide 58

Slide 59

Slide 60

Slide 61

FINDTHAT.AT/TIME https://setyourwatchby.netlify.com

Slide 62

FINDTHAT.AT/TIME https://setyourwatchby.netlify.com

Slide 63

FINDTHAT.AT/TIME https://setyourwatchby.netlify.com

Slide 64

FINDTHAT.AT/TIME https://setyourwatchby.netlify.com

Slide 65

WEBSTASK.IO

Slide 66

WEBSTASK.IO

Slide 67

But these days we have Edge Functions

Slide 68

How would The Fonz do this? A short talk about web development, allegedly Phil Hawksworth, Netlify

Slide 69

The Fonzie Touch™

Slide 70

Slide 71

Slide text

Slide 72

Learning and demonstrating Raspberry Pi Pico

Slide 73

Learning and demonstrating Raspberry Pi Pico MicroPython Debouncing signal inputs Triggering events with webhooks The Fonzie Touch is harder than it looks