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
Building Desktop Applications with Node and Ele...
Search
Steve Kinney
October 23, 2015
Technology
670
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Building Desktop Applications with Node and Electron
Steve Kinney
October 23, 2015
More Decks by Steve Kinney
See All by Steve Kinney
Enterprise UI, v2
stevekinney
0
270
React_Performance__2022.pdf
stevekinney
0
46
React Performance v2
stevekinney
0
76
Introduction to Testing
stevekinney
0
190
Web Security, Frontend Masters
stevekinney
0
4.4k
Making Music with the Web Audio API, JSConf Colombia 2023
stevekinney
0
140
React and TypeScript, Turing School
stevekinney
0
390
Redux Workshop, 2021-05-05
stevekinney
2
2.2k
TypeScript and React Utility Types
stevekinney
1
230
Other Decks in Technology
See All in Technology
3人で1000GPU超を統合運用する?マルチクラウド&オンプレを跨ぐ、構築と運用のリアル!
kazukun0716
2
800
雪かき部 #7 もう怖くない!SELECT文!
foursue
0
270
プラットフォームを「作る」、 チームに「入り込む」
sansantech
PRO
0
410
「大丈夫そう?」をObservabilityで確かめる
mrmtsu
0
240
AI Native Platform Engineering 〜PlatformとAgileで“作る速さ”を“価値”へ〜
uya116
0
570
私の推しは「聞いてから進む」AIです -AI-DLCに一人でアプリを作らせた話
yama3133
0
150
Harness Engineering on Rails
joelq
0
770
形式手法を使って仕様をコーディングしよう
mikanichinose
0
160
AI臭い文章とは何なのか
nasuvitz
36
76k
The kernel report
ennael
PRO
1
170
企業の現実世界をグラフで写し取る
sansantech
PRO
0
230
KanaAI
shreyas1009
0
140
Featured
See All Featured
It's Worth the Effort
3n
188
29k
A Soul's Torment
seathinner
8
3.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.3k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
560
エンジニアに許された特別な時間の終わり
watany
109
250k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
440
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
510
Evolving SEO for Evolving Search Engines
ryanjones
0
300
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Marketing to machines
jonoalderson
1
5.8k
WENDY [Excerpt]
tessaabrams
14
40k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
510
Transcript
Building Desktop Applications with Node and Electron Steve Kinney —
@stevekinney EmpireNode 2015
Hi. I'm Steve
Hi. I'm Steve
None
None
None
http://turing.io
None
Electron (née Atom Shell)
Electron (née Atom Shell) A framework for building cross-platform desktop
applications with web technologies.
None
None
So, why would you want to use this Electron thing?
You want to build an application that has advanced permissions
like accessing the file system.
You want to build a small application that lives in
the user’s menubar or system tray.
You want to build an app that works well offline.
You want to be able to Command/Alt-Tab to your application.
None
None
None
None
sindresorhus/caprine
Why is Electron so super cool?
None
None
Chrome Content Module HTML5 support GPU acceleration Blink and V8
Node 4.1 Filesystem access Native modules
None
None
None
None
Electron uses a pretty modern build of Chromium.
None
None
None
None
None
The web browser lives in a kind of sandbox with
a bunch of restrictions in place in the name of security.
None
None
Ugh. Gross.
Electron applications have all of the freedom of any other
Node process.
None
None
require(…);
None
None
None
hij1nx/levelui
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
muan/mojibar
muan/mojibar
How does Electron work?
npm install -g electron-prebuilt
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Inherently, offline first.
None
None
None
None
None
None
None
None
versus
None
None
None
None
None
None
None
No good.
None
require('remote');
None
None
None
None
None
None
None
None
None
None
Building a menu
None
None
None
None
None
None
None
None
None
None
None
None
None
And more…
None
None
npm install -g electron-prebuilt
npm install menubar
None
None
npm install -g electron-packager
npm install -g electron-accelerator
npm install -g electron-compile
The Future for Electron
None
sindresorhus/awesome-electron
sindresorhus/awesome-electron
None
Thank you. Twitter, Github, and like everything else: @stevekinney Slides:
https://speakerdeck.com/stevekinney Be a mentor or hire our students: http://turing.io