Build cross platform desktop apps with web technologies
The History of Electron
Kevin Sawicki
@kevinsawicki
[email protected]
Slide 2
Slide 2 text
Build cross platform desktop apps with web technologies
formerly known as
Atom Shell
2
Slide 3
Slide 3 text
Build cross platform desktop apps with web technologies
project started in
January 2013
3
Slide 4
Slide 4 text
Build cross platform desktop apps with web technologies
built initially for the
Atom text editor
4
Slide 5
Slide 5 text
Build cross platform desktop apps with web technologies
led by Cheng Zhao
@zcbenz
5
Slide 6
Slide 6 text
Build cross platform desktop apps with web technologies
apps are written in
JavaScript, CSS, and HTML
6
!
Slide 7
Slide 7 text
Build cross platform desktop apps with web technologies
apps run in a custom
Chrome/io.js shell
7
"
Slide 8
Slide 8 text
Build cross platform desktop apps with web technologies
apps silently update
via Squirrel
8
#
Slide 9
Slide 9 text
Build cross platform desktop apps with web technologies
zero configuration
Windows installers
9
$
Slide 10
Slide 10 text
Build cross platform desktop apps with web technologies
profiling and debugging
is always available
10
%
Slide 11
Slide 11 text
Build cross platform desktop apps with web technologies
latest and greatest
Chrome and io.js
11
&
Slide 12
Slide 12 text
Build cross platform desktop apps with web technologies
no native expertise
required
12
'
Slide 13
Slide 13 text
Build cross platform desktop apps with web technologies
how Electron works
13
?
Slide 14
Slide 14 text
Build cross platform desktop apps with web technologies 14
browser process
Slide 15
Slide 15 text
Build cross platform desktop apps with web technologies 15
browser process
io.js
Slide 16
Slide 16 text
Build cross platform desktop apps with web technologies 16
browser process
menu tray
dialog
io.js
Slide 17
Slide 17 text
Build cross platform desktop apps with web technologies 17
browser process
menu tray
dialog
window
renderer process
io.js
ipc
Slide 18
Slide 18 text
Build cross platform desktop apps with web technologies 18
browser process
menu tray
dialog
window
renderer process
io.js
DOM
io.js
ipc
Slide 19
Slide 19 text
Build cross platform desktop apps with web technologies 19
browser process
menu tray
dialog
window window window
renderer process
io.js
DOM
renderer process renderer process
io.js DOM
io.js DOM
io.js
ipc
Slide 20
Slide 20 text
Build cross platform desktop apps with web technologies
building your first
Electron app
20
(
Slide 21
Slide 21 text
Build cross platform desktop apps with web technologies
main.js
21
Slide 22
Slide 22 text
Build cross platform desktop apps with web technologies
index.html
22
Slide 23
Slide 23 text
Build cross platform desktop apps with web technologies
running it
23
Slide 24
Slide 24 text
Build cross platform desktop apps with web technologies
your app
24
Slide 25
Slide 25 text
Build cross platform desktop apps with web technologies
Electron roadmap
25
)
Slide 26
Slide 26 text
Build cross platform desktop apps with web technologies
streamline setting
up an app
26
*
Slide 27
Slide 27 text
Build cross platform desktop apps with web technologies
API docs, tutorials,
guides, and workshops
27
+
Slide 28
Slide 28 text
Build cross platform desktop apps with web technologies
always be upgrading
Chrome
28
,
Slide 29
Slide 29 text
Build cross platform desktop apps with web technologies
improve platform
integrations
29
-
Slide 30
Slide 30 text
Build cross platform desktop apps with web technologies
go 1.0
30
.
Slide 31
Slide 31 text
Build cross platform desktop apps with web technologies
learning more about
Electron
31
/
Slide 32
Slide 32 text
Build cross platform desktop apps with web technologies
electron.atom.io
32
0
Slide 33
Slide 33 text
Build cross platform desktop apps with web technologies
github.com/atom/electron
33
1
Slide 34
Slide 34 text
Build cross platform desktop apps with web technologies
atomio.slack.com
34
2
Slide 35
Slide 35 text
Build cross platform desktop apps with web technologies
twitter.com/ElectronJS
35
3
Slide 36
Slide 36 text
Build cross platform desktop apps with web technologies
the team is hiring
36
4
Slide 37
Slide 37 text
Build cross platform desktop apps with web technologies
questions?
37