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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
stefan judis
June 24, 2019
Technology
640
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Write a Function
stefan judis
June 24, 2019
Transcript
59 slides
@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
More Decks by stefan judis
See All by stefan judis
Back to boring (part 2)
stefanjudis
0
410
Playwright can do this?
stefanjudis
0
270
Things you should know about Frontend Development in 2022
stefanjudis
0
580
Throw yourself out there for fun and profit
stefanjudis
0
150
Back to Boring
stefanjudis
1
560
Wanna scale up? Make sure your CMS is ready for it!
stefanjudis
0
310
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
620
Other Decks in Technology
See All in Technology
Shared Signals Framework 仕様解説
oidfj
0
430
evcc & Home Assistant
naltatis
0
710
仕様と現実の間で落とし所を探るリモートMCPの認証・認可 — Sansanの認証基盤における課題と実践
sansantech
PRO
2
290
あの日、見つかっていなかったらどうなっていたか
kazzpapa3
2
200
Kiro 入門 (1 つのエージェントを、どの画面からでも) | 目指せ Kiro マスター 01
inariku
PRO
6
1.7k
20261113_JAWS_Osaka
takuyay0ne
0
420
顧客合意を取りながら進めるAWSコスト削減の実践
optim
0
170
【Oracle AI SPOTLIGHT ウェビナー】【特別開催:日本語で解説!】Oracle AI World 2026 最新情報フィードバック
oracle4engineer
PRO
1
210
アラートを見直していたら営業組織への理解にちょっとだけ繋がった話
z63d
1
200
JAWS_FESTA2026_オンプレ-AWS間プロキシサーバの移行_性能_障害対応で得た実践ノウハウ_高島一晃.pdf
tkazuaki0820
1
120
Sonnetだけで業務はまわる?
kintotechdev
1
110
AWSを利用する上で知っておきたい名前解決の話 2026
nagisa53
5
3.6k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
5.7k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
380
Leo the Paperboy
mayatellez
11
2.5k
The Limits of Empathy - UXLibs8
cassininazir
2
780
YesSQL, Process and Tooling at Scale
rocio
174
15k
Automating Front-end Workflow
addyosmani
1370
210k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
400
How to Think Like a Performance Engineer
csswizardry
28
2.9k
Scaling GitHub
holman
464
140k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k