A presentation at Brum.js in in Birmingham, UK by Phil Hawksworth
How would The Fonz do this? A short talk about web development, allegedly Phil Hawksworth, Netlify
Hello @ PhilHawksworth Developer Experience, Netlify
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
2011
Building the web with Responsibility
****ing about
Messing about
Play
Play & learning https://unsplash.com/photos/93AcQpzcASE
Creative exploration Learning and discovery / Demonstrating a principle / Overcoming An obstacle
Creative exploration Learning and discovery / Demonstrating a principle / Overcoming An obstacle
We spared no expense
Heroku Django API S3 API Browser Facebook Postgres
CUPS Heroku VM Django Django API S3 API Postgres API Browser API Facebook Kiosk web apps Slideshows Postgres
CUPS Heroku VM Django Django API S3 API Postgres API Browser API Facebook Kiosk web apps Slideshows Postgres
CUPS Heroku VM Django Django API S3 API Postgres API Browser API Facebook Kiosk web apps Slideshows Postgres
Massive scary screens Costing a gazillion dollars per minute to rent and the whole world are looking at Something
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
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
Massive scary screens Costing a gazillion dollars per minute to rent and the whole world are looking at Flash + Email endofphilscareer@ifthisleaks.com
somehow it was rock solid
Learning and discovery / Demonstrating a principle / Overcoming An obstacle
Social posts stash Self-hosting thousands of posts
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
JSON
/ Social index pages / Content pages Build Assets User JSON & Templates
www.hawksworx.com/notes/1/
Build duration 2 seconds
/ Post page view / Social index pages / Content pages Build JSON & Templates Assets ODB User
www.hawksworx.com/note/mstdn/109913367394738833
/ Post page view / Social index pages / Content pages Build JSON & Templates Assets ODB ESR / Search results page User
www.hawksworx.com/notes/search/?str=palo+alto www.hawksworx.com/notes/search/?str=render
Learning and discovery / Demonstrating a principle / Overcoming An obstacle
Our deployment teams have reduced production deployments to 5 days — A real enterprise client from a past life
Deploys should be and can be friction free — Something I’ve said for some time
FINDTHAT.AT/TIME https://setyourwatchby.netlify.com
FINDTHAT.AT/TIME https://setyourwatchby.netlify.com
FINDTHAT.AT/TIME https://setyourwatchby.netlify.com
FINDTHAT.AT/TIME https://setyourwatchby.netlify.com
WEBSTASK.IO
WEBSTASK.IO
But these days we have Edge Functions
How would The Fonz do this? A short talk about web development, allegedly Phil Hawksworth, Netlify
The Fonzie Touch™
Slide text
Learning and demonstrating Raspberry Pi Pico
Learning and demonstrating Raspberry Pi Pico MicroPython Debouncing signal inputs Triggering events with webhooks The Fonzie Touch is harder than it looks
We’re not here to have fun This is serious business
APIs / Webhooks / Events https://unsplash.com/photos/E0BmfKjeQrw
APIs / Webhooks / Events https://unsplash.com/photos/VBLHICVh-lI
Frameworks https://unsplash.com/photos/dSRhwPe6v9c
Frameworks https://unsplash.com/photos/tqDElrJFTn4
Excitement https://unsplash.com/photos/eH_ftJYhaTY
Stability https://unsplash.com/photos/p8D_AzO9vPI
Play & learning https://unsplash.com/photos/93AcQpzcASE
Rigorously understand your requirements
Thanks Grab me for questions or just to chat @philhawksworth
Web developers have never had more tools and toys at our fingertips. It can be tempting to use them all in innovative and creative ways. Sometimes this is ideal. Sometimes this is dangerous. Knowing the difference is key. In my career I’ve had to get creative to work around surprising constraints on client projects, I’ve built ridiculous experiments to prove concepts, and I’ve advocated for simplicity and restraint.
In this talk I’ll try to show why these things combined don’t just make me a massive hypocrite, and explore some creative patterns and their applications in modern web development.
