Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Write a Function
Search
stefan judis
June 24, 2019
Technology
630
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Write a Function
stefan judis
June 24, 2019
More Decks by stefan judis
See All by stefan judis
Back to boring (part 2)
stefanjudis
0
390
Playwright can do this?
stefanjudis
0
270
Things you should know about Frontend Development in 2022
stefanjudis
0
570
Throw yourself out there for fun and profit
stefanjudis
0
140
Back to Boring
stefanjudis
1
540
Wanna scale up? Make sure your CMS is ready for it!
stefanjudis
0
290
Did we(b development) lose the right direction?
stefanjudis
6
2.2k
Regular expressions – my secret love
stefanjudis
1
1.1k
React in a worker, worker, worker...
stefanjudis
2
610
Other Decks in Technology
See All in Technology
synctest時代のhttptest Go 1.27で変わるHTTPサーバテストの裏側 / go conference2026 synctest and httptest
budougumi0617
1
3k
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
nwiizo
1
2.8k
【技術的負債conf】事業成長に伴う技術的負債の説明責任とAIによるモニタリング、認知的負債について
i35_267
3
1.7k
AIによるクリエイティブ生成を行う上での試行錯誤
plaidtech
PRO
0
160
Railsのように考える: See through the Master
snoozer05
PRO
4
1k
例外の正しい扱い方 そのエラー try-catchして大丈夫?
jinwatanabe
3
510
開発投資の期待値を上げるプロダクトロードマップづくり ~プロダクトエンジニアが越境して事業を伸ばす~
kekekenta
1
200
HRC_Frontend_Conference_Fukuoka_2026.pdf
ts020
0
740
What the customer really needed
kawaguti
PRO
3
200
負債のメタファと2026年 / Debt Metaphor in Agentic Engineering Age 202609 Edition
twada
PRO
9
3.9k
エージェントはローカル、検証はMicroVM — Lambda MicroVMsでつくるServerless CI
fujioka6789
3
190
AIを活用するために決めた "やらないこと" - 価値に注目する / Not betting on AI
soudai
PRO
2
550
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
41k
Practical Orchestrator
shlominoach
192
12k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
280
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3k
Code Reviewing Like a Champion
maltzj
528
40k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
520
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
300
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Transcript
@stefanjudis Write a Function Glue-driven development for Frontend engineers
@stefanjudis www.stefanjudis.com Heyo, I'm Stefan!
@stefanjudis www.stefanjudis.com Heyo, I'm Stefan! ... and I'm "just" a
Frontend developer.
@stefanjudis I want to build beautiful UIs and websites! #JAMstackToronto
@stefanjudis Set up a server... #JAMstackToronto
@stefanjudis Decide on a database... #JAMstackToronto
@stefanjudis Write a deploy script... #JAMstackToronto
@stefanjudis I don't want to deal with that! #JAMstackToronto
@stefanjudis I want to build beautiful UIs and websites! #JAMstackToronto
@stefanjudis Backend Frontend #JAMstackToronto
@stefanjudis Backend Frontend #JAMstackToronto
@stefanjudis Backend Frontend But how to set up and scale
a Node.js server? #JAMstackToronto
@stefanjudis heroku.com #JAMstackToronto
@stefanjudis netlify.com zeit.co (there are way more services out there...)
#JAMstackToronto
@stefanjudis netlify.com zeit.co (there are way more services out there...)
Everything changes with serverless... #JAMstackToronto
@stefanjudis Cloud services Function as a service Serverless framework #JAMstackToronto
@stefanjudis martinfowler.com/articles/serverless.html #JAMstackToronto
@stefanjudis Serverless thinking: Use a service whenever possible because services
are almost always cheaper than people. Paul Johnston #JAMstackToronto
@stefanjudis Serverless is an idea, not any single implementation of
that idea. Tierney Cyren (Microsoft) #JAMstackToronto
@stefanjudis That's what Frontend engineers do often anyways... #JAMstackToronto
@stefanjudis (there are way more services out there...) #JAMstackToronto
@stefanjudis (there are way more services out there...) You don't
have to build everything yourself. #JAMstackToronto
@stefanjudis serverless.css-tricks.com #JAMstackToronto
@stefanjudis #something
@stefanjudis JAMstack, baby! #JAMstackToronto
@stefanjudis JAM #JAMStack_Toronto
@stefanjudis JavaScriptAM #JAMstackToronto
@stefanjudis JApisM #JAMstackToronto
@stefanjudis JAMarkup #JAMstackToronto
@stefanjudis You can not use every API in the Frontend...
#JAMstackToronto
@stefanjudis #JAMstackToronto
@stefanjudis (hoodie hackers will find your credentials) #JAMstackToronto
@stefanjudis Functions for the win! #JAMstackToronto
@stefanjudis JAFMstack, baby! #JAMstackToronto
@stefanjudis JAFunctionsMstack, baby! #JAMstackToronto
@stefanjudis exports.sayHello = async (event) => { return 'Hello from
Lambda!'; }; #JAMstackToronto
@stefanjudis exports.sayHello = async (event) => { return { statusCode:
200, body: JSON.stringify({"msg": "Hello from Lambda!"}) }; }; #JAMstackToronto
@stefanjudis exports.sayHello = async (event) => { return { statusCode:
200, body: JSON.stringify({"msg": "Hello from Lambda!"}) }; }; That's it! #JAMstackToronto
@stefanjudis exports.sayHello = async (event) => { return { statusCode:
200, body: JSON.stringify({"msg": "Hello from Lambda!"}) }; }; #JAMstackToronto
@stefanjudis No servers to maintain Automatically upscaling No payment for
idle time #JAMstackToronto
@stefanjudis #JAMstackToronto
@stefanjudis Crowd Coding... (let's fight the hoodie hackers) #JAMstackToronto
@stefanjudis just-write-a-fn.netlify.com #JAMstackToronto
@stefanjudis (hoodie hackers won't find your credentials) #JAMstackToronto
@stefanjudis (you can use/connect all the APIs) #JAMstackToronto
@stefanjudis #something
@stefanjudis www.jsconfhi.com/about/#report #JAMstackToronto
@stefanjudis www.jsconfhi.com/about/#report #something
@stefanjudis leedsjs.com #JAMstackToronto
@stefanjudis leedsjs.com #something
@stefanjudis #JAMstackToronto
@stefanjudis my-links.online/write-a-fn Slides That's a function... #JAMstackToronto
@stefanjudis www.youtube.com/watch?v=grSxHfGoaeg #JAMstackToronto
@stefanjudis Functions were the missing glue to Frontend awesomeness! #JAMstackToronto
@stefanjudis Fn #JAMstackToronto
@stefanjudis It's good times to know some JavaScript. #JAMstackToronto
@stefanjudis I know enough JavaScript to be dangerous. @marcos_placona #JAMstackToronto
@stefanjudis JAFM, baby! #JAMstackToronto
@stefanjudis www.stefanjudis.com Thanks. Slides: my-links.online/write-a-fn