Democratizing
Development
Scott Gress
Co-founder, 

The Sails Company
@sgress454 @sailsjs
Docker + Treeline + Electron
= Node for Everyone!
The Big Red Button
DO ALL
THE THINGS
The arc of the universe bends
towards the big red button
10101010
101010110
MOV CL, 20h
REP STOSW
JMP .next
10 INPUT A$
20 PRINT “HI”+A$
30 GOTO 100
import http from OSServer
http.startServer(…);
> sails new blog
created new Sails app “blog”
??????
machine language
assembly language
higher-level languages
open-source libraries
frameworks
big red
?????
to the big red button?
Obstacles
• Front end cross-browser woes
Obstacles to the big red button
• Front end cross-browser woes => web standards
Obstacles to the big red button
• Front end cross-browser woes => web standards
• Back-end environment mismatchery
Obstacles to the big red button
• Front end cross-browser woes => web standards
• Back-end environment mismatchery
Obstacles to the big red button
• Front end cross-browser woes => web standards
• Back-end environment mismatchery
Obstacles to the big red button
• Front end cross-browser woes => web standards
• Back-end environment mismatchery
Obstacles to the big red button
• Front end cross-browser woes => web standards
• Back-end environment mismatchery
Obstacles to the big red button
• Front end cross-browser woes => web standards
• Back-end environment mismatchery => docker
Obstacles to the big red button
• Front end cross-browser woes => web standards
• Back-end environment mismatchery => docker
• Programming language?
• Developer tools and setup?
Obstacles to the big red button
KINDA
!
10101010
101010110
MOV CL, 20h
REP STOSW
JMP .next
10 INPUT A$
20 PRINT “HI”+A$
30 GOTO 100
import http from OSServer
http.startServer(…);
> sails new blog
created new Sails app “blog”
??????
machine language
assembly language
higher-level languages
open-source libraries
frameworks
big red
?????
10101010
101010110
MOV CL, 20h
REP STOSW
JMP .next
10 INPUT A$
20 PRINT “HI”+A$
30 GOTO 100
import http from OSServer
http.startServer(…);
> sails new blog
created new Sails app “blog”
??????
machine language
assembly language
higher-level languages
open-source libraries
frameworks
big red
?????
interactive IDEs
Docker to
the Rescue!
WHY?
All companies
are software
companies
Technology
1. Docker
2. Electron
3. Treeline
Building a big red button
Goals
1. Create account on Treeline
2. Download and install Treeline desktop app
3. Connect desktop app to Treeline
4. Link app to local folder for front-end
5. Press play button to start app locally
6. Winning!
Technology
1. Docker
2. Electron
3. Treeline
Building a big red button
Goals
1. Create account on Treeline
2. Download and install Treeline desktop app
3. Connect desktop app to Treeline
4. Link app to local folder for front-end
5. Press play button to start app locally
6. Winning!
modest reddish
Desktop app for managing
Docker containers, made
with Electron.
Kitematic
https://kitematic.com
Tool for building cross-
platform desktop apps using
Javascript.
Apps include:
• Slack
• MongoDB Compass
• TIDAL
• Atom
Electron
https://electron.atom.io
<demo time>
Power to the People!
check out Sails 1.0 at http://sails.js.com
@docker #dockercon

Democratizing Development - Scott Gress

  • 1.
  • 2.
    Docker + Treeline+ Electron = Node for Everyone!
  • 3.
    The Big RedButton DO ALL THE THINGS
  • 4.
    The arc ofthe universe bends towards the big red button 10101010 101010110 MOV CL, 20h REP STOSW JMP .next 10 INPUT A$ 20 PRINT “HI”+A$ 30 GOTO 100 import http from OSServer http.startServer(…); > sails new blog created new Sails app “blog” ?????? machine language assembly language higher-level languages open-source libraries frameworks big red ?????
  • 5.
    to the bigred button? Obstacles
  • 6.
    • Front endcross-browser woes Obstacles to the big red button
  • 7.
    • Front endcross-browser woes => web standards Obstacles to the big red button
  • 8.
    • Front endcross-browser woes => web standards • Back-end environment mismatchery Obstacles to the big red button
  • 9.
    • Front endcross-browser woes => web standards • Back-end environment mismatchery Obstacles to the big red button
  • 10.
    • Front endcross-browser woes => web standards • Back-end environment mismatchery Obstacles to the big red button
  • 11.
    • Front endcross-browser woes => web standards • Back-end environment mismatchery Obstacles to the big red button
  • 12.
    • Front endcross-browser woes => web standards • Back-end environment mismatchery Obstacles to the big red button
  • 13.
    • Front endcross-browser woes => web standards • Back-end environment mismatchery => docker Obstacles to the big red button
  • 14.
    • Front endcross-browser woes => web standards • Back-end environment mismatchery => docker • Programming language? • Developer tools and setup? Obstacles to the big red button
  • 15.
  • 17.
    10101010 101010110 MOV CL, 20h REPSTOSW JMP .next 10 INPUT A$ 20 PRINT “HI”+A$ 30 GOTO 100 import http from OSServer http.startServer(…); > sails new blog created new Sails app “blog” ?????? machine language assembly language higher-level languages open-source libraries frameworks big red ?????
  • 18.
    10101010 101010110 MOV CL, 20h REPSTOSW JMP .next 10 INPUT A$ 20 PRINT “HI”+A$ 30 GOTO 100 import http from OSServer http.startServer(…); > sails new blog created new Sails app “blog” ?????? machine language assembly language higher-level languages open-source libraries frameworks big red ????? interactive IDEs
  • 19.
  • 20.
  • 21.
  • 22.
    Technology 1. Docker 2. Electron 3.Treeline Building a big red button Goals 1. Create account on Treeline 2. Download and install Treeline desktop app 3. Connect desktop app to Treeline 4. Link app to local folder for front-end 5. Press play button to start app locally 6. Winning!
  • 23.
    Technology 1. Docker 2. Electron 3.Treeline Building a big red button Goals 1. Create account on Treeline 2. Download and install Treeline desktop app 3. Connect desktop app to Treeline 4. Link app to local folder for front-end 5. Press play button to start app locally 6. Winning! modest reddish
  • 24.
    Desktop app formanaging Docker containers, made with Electron. Kitematic https://kitematic.com
  • 25.
    Tool for buildingcross- platform desktop apps using Javascript. Apps include: • Slack • MongoDB Compass • TIDAL • Atom Electron https://electron.atom.io
  • 26.
  • 27.
    Power to thePeople! check out Sails 1.0 at http://sails.js.com @docker #dockercon