How does the pervasiveness of JavaScript on the client change how we architect applications? We can create hundreds virtual machines in the cloud, but we are using the millions of visual machines that visit our sites every day? Suddenly we are scripting against thousands of Virtual Machines from the command line while creating things today with JavaScript in the browser that were impossible yesterday. LiveScript becomes JavaScript becomes ES6 and now we're compiling C++ to JavaScript. Join Scott Hanselman as he explores the relationship between the Cloud and the Browser, many Languages and one Language, how it might all fit together and what comes next.

6. http://weknowmemes.com/2012/01/no-i-must-dance/

7. I work here.

8. I work here.
Remotely,
actually.

9. I work in
open source.
LEGO Death Star stock product photo

11. Before
Microsoft

12. After
Microsoft

13. The Cloud
The Browser

15. “I think there is a world market for
maybe five computers.”
– Thomas J. Watson

16. “I think there is a world market for
maybe five computers.”
– Thomas J. Watson

17. “I think there is a world market for
maybe five computers.”
– Thomas J. Watson

18. “I think there is a world market for
maybe five computers.”
– Thomas J. Watson Pictures: Wikipedia Commons
http://en.wikipedia.org/wiki/File:Ibm704.gif
http://en.wikipedia.org/wiki/File:IBM_Electronic_Data_Processing_Machine_-_GPN-2000-001881.jpg

19. “I think there is a world market for
maybe five computers.”
– Thomas J. Watson Pictures: Wikipedia Commons
http://en.wikipedia.org/wiki/File:Ibm704.gif
http://en.wikipedia.org/wiki/File:IBM_Electronic_Data_Processing_Machine_-_GPN-2000-001881.jpg

20. Picture courtesy
Norwich City Council – Norfolk Record Office

21. The Cloud

22. Memory
Management
Graphics
Subsystems
Storage
Threading Events Networking
Security
APIs

23. Cloud
Your Data Center
Memory
Management
Graphics
Subsystems
Storage
Threading Events Network
Security
APIs

24. Cloud
Your Data Center

25. Your Data Center
Cloud Other Service Providers

26. Neil deGrasse Tyson: Animated GIF meme
Low res frame capture used under Fair Use
http://youtu.be/danYFxGnFxQ#t=1m31

32. Azure
Managed OS
Updates
You
Manage
OS + Apps
.NET,
node,
PHP,
Python
.NET, node, PHP,
Java, Scala,
Python, Ruby,
C++,
freakin’ Erlang…

33. Azure
Managed OS
Updates
You
Manage
OS + Apps
.NET, node, PHP,
Java, Scala,
Python, Ruby,
C++,
freakin’ Erlang…
.NET,
node,
PHP,
Python

34. Azure
Managed OS
Updates
You
Manage
OS + Apps
.NET, node, PHP,
Java, Scala,
Python, Ruby,
C++,
freakin’ Erlang…
.NET,
node,
PHP,
Python

35. 1
SHARED INSTANCES
shared

36. 2
SHARED INSTANCES
shared

37. 3
SHARED INSTANCES
shared

41. GIF Loop via Bravo

42. GIF Loop via SNL

43. The cloud
doesn’t care
about
language
choice

44. Artistic Photo Illustration by Gustaf Mantel
Used by permission
http://iwdrm.tumblr.com/post/4994505935

45. Artistic Photo Illustration by Gustaf Mantel
Used by permission
http://iwdrm.tumblr.com/post/7579034417

46. open
source
 http://github.com/windowsazure

47. The Browser

48. Memory
Management
Graphics
Subsystems
Storage
Threading Events Networking
Security
APIs

49. Picture: Wikipedia Commons
http://commons.wikimedia.org/wiki/File:ICL_2966_mainframe.jpg
Picture: Creative Commons
http://www.flickr.com/photos/nox_noctis_silentium/6315111717/

50. Picture: Wikipedia Commons
http://commons.wikimedia.org/wiki/File:ICL_2966_mainframe.jpg
Picture: Creative Commons
http://www.flickr.com/photos/nox_noctis_silentium/6315111717/
Screenshot of http://www.masswerk.at/googleBBS/

51. Picture: Wikipedia Commons
http://commons.wikimedia.org/wiki/File:ICL_2966_mainframe.jpg
Picture: Creative Commons
http://www.flickr.com/photos/nox_noctis_silentium/6315111717/
Screenshot of http://www.masswerk.at/BingBBS/

52. Picture: Wikipedia Commons
http://commons.wikimedia.org/wiki/File:ICL_2966_mainframe.jpg
Picture: Creative Commons
http://www.flickr.com/photos/nox_noctis_silentium/6315111717/

53. Web page title
http://www.url.com

54. Web page title
http://www.url.com
Logo: Creative Commons
http://www.flickr.com/photos/silveiraneto/2270445344/

55. Web page title
http://www.url.com

56. Web page title
http://www.url.com
Flash

57. Web page title
http://www.url.com
Operating System
Memory
Management
Graphics
Subsystems
Storage
Threading Events Networking
Security
APIs

58. Web page title
http://www.url.com
Memory
Manageme
nt
Graphics
Subsystems
Storage
I/O Events Networking
Security
APIs
Screenshot of http://www.masswerk.at/googleBBS/

59. Artistic Photo Illustration by Gustaf Mantel
Used with permission
http://iwdrm.tumblr.com/post/1439925923

60. Web page title
http://www.url.com
Memory
Management
Graphics
Subsystems
Storage
Threading Events Networking
Security
APIs

61. Web page title
http://www.url.com

62. Write Once Debug Anywhere
• The Promise of Java has finally arrived!

63. Web page title
http://www.url.com

64. Web page title
http://www.url.com

65. Photo by Leon Bambrick, used with Permission
SecretGeek.net

66. Web page title
http://www.url.com

67. Web page title
http://www.url.com

68. Web page title
http://www.url.com

69. Web page title
http://www.url.com

70. Web page title
http://www.url.com

72. Web page title
http://www.url.com
Memory
Management
Garbage
Collection
Graphics
Subsystems
HTML,CSS,
Canvas,Web GL,
Audio,Video
Storage
Cookies,
IndexedDb,
File API
Threading
Web Workers
Events
DOM Events,
Callbacks
Network
WebSockets,
XHR, Offline,
Realtime
Security
Sandbox, SSL,
CORS
APIs
GeoLocation,
Sensors

73. Atwood's Law: any application
that can be written in
JavaScript, will eventually be
written in JavaScript.

74. Mobile Browser
JavaScript
Memory
Management
Garbage
Collection
Graphics
Subsystems
HTML,CSS,
Canvas,WebGL,
Audio,Video
Storage
Cookies,
IndexedDb,
FileAPI
Threading
WebWorkers
Events
DOMEvents,
Callbacks
Networking
WebSockets,
XHR,Offline,
Realtime
Security
Sandbox, SSL,
CORS
APIs
GeoLocation,
Sensors,

75. The biggest mistake we made as a
company was betting too much on
HTML5 as opposed to native. It just
wasn’t ready.” - Mark Zuckerberg
Picture: Creative Commons
http://commons.wikimedia.org/wiki/File:Scoble-Zuckerberg-20080723.jpg

77. “The avalanche has
already started.
It is too late for the
pebbles to vote.”

78. “The avalanche has
already started.
It is too late for the
pebbles to vote.”
Kosh - Babylon 5

79. Memory
Management
Garbage
Collection
Graphics
Subsystems
HTML,CSS,
Canvas,WebGL,
Audio,Video
Storage
Cookies,
IndexedDb,
FileAPI
Threading
WebWorkers
Events
DOMEvents,
Callbacks
Network
WebSockets,
XHR,Offline,
Realtime
Security
Sandbox,SSL,
CORS
APIs
GeoLocation,
Sensors

81. Once upon a time,
HTML Tables
were the most advanced
thing there was.

82. Once upon a time,
HTML Tables
were the most advanced
thing there was.

83. GIF Loop via ST:TOS

84. HTML is simpler than ever
<div class="iphone"/>

85. <HTML/>
is only the structure now.

86. CSS {
.is {
color: $andstyle;
}
}

88. function JavaScript() {
var is = "everything else";
}

89. Photo by Nelson Wells
http://nelsonwells.net/2011/02/a-visual-comparison-of-the-good-and-bad-parts-of-javascript-2/

92. 1 second Low-Res Animated Frames used under Fair Use
Nacho Libre cropped shot

93. "JavaScript is the
Assembly Language of the Web"

94. "JavaScript is the
Assembly Language of the Web" - Me

95. "JavaScript is the
Assembly Language of the Web" – Me
and everyone else 'cause it's true.

96. I said "JS is the x86 of the web" a
couple of years ago but I can't claim it's
original. - Brendan Eich
Brendan Fraser headshot

97. I said "JS is the x86 of the web" a
couple of years ago but I can't claim it's
original. - Brendan Eich
(He kind of invented JavaScript)
Brendan Eich
Wikimedia Commons: http://en.wikipedia.org/wiki/File:BEich.jpg

98. var Greeter = (function () {
function Greeter(greeting) {
this.greeting = greeting;
}
Greeter.prototype.greet = function () {
return "<h1>" + this.greeting + "</h1>";
};
return Greeter;
}
)();
var greeter = new Greeter("Hello, world!");
var str = greeter.greet();
document.body.innerHTML = str;
class Greeter
constructor: (@greeting) ->
@greet -> return "<h1>" +
this.greeting + "</h1>";
greeter = new Greeter("Hello, world!");
str = greeter.greet()
document.body.innerHTML = str
CoffeeScript

99. var Greeter = (function () {
function Greeter(greeting) {
this.greeting = greeting;
}
Greeter.prototype.greet = function () {
return "<h1>" + this.greeting + "</h1>";
};
return Greeter;
}
)();
var greeter = new Greeter("Hello, world!");
var str = greeter.greet();
document.body.innerHTML = str;
class Greeter {
greeting: string;
constructor(greeting: string) {
this.greeting = greeting;
}
greet() {
return "<h1>"+this.greeting+"</h1>";
}
}
var greeter = new Greeter("Hello, world!");
var str = greeter.greet();
document.body.innerHTML = str;
TypeScript

100. Don’t let layers
hide too much
complexity

102. Memory
Management
Garbage
Collection
Graphics
Subsystems
HTML, CSS,
Canvas, Web GL,
Audio, Video
Storage
Cookies,
IndexedDb,
File API
Threading
Web Workers
Events
DOM Events,
Callbacks
Network
WebSockets,
XHR, Offline,
Realtime
Security
Sandbox, SSL,
CORS
APIs
GeoLocation,
Sensors

103. “No one writes JavaScript anymore.
They write jQuery.”

105. “No one writes JavaScript anymore.
They write jQuery.”
- Jake Weary

106. “No one writes JavaScript anymore.
They write jQuery.”
- Jake Weary

107. “No one writes JavaScript anymore.
They write jQuery.”
- Jake Weary

108. Photo via Creative Commons
http://www.flickr.com/photos/pmiaki/7443947216/

109. Photo via Creative Commons
http://www.flickr.com/photos/hober/318163517/

110. SharePoint
Photo via Creative Commons
http://www.flickr.com/photos/kisocci/3118105042/

111. Photo by Scott Hanselman at OMSI, Portland, OR 2012
Original Sculpture by BrickArtist.com

113. Consider using the
VanillaJS
JavaScript Library

114. Artistic Photo Illustration by Gustaf Mantel
Used with Artist Permission
http://iwdrm.tumblr.com/post/3181676800

117. The Cloud
Massive scale and elasticity
Your choice of languages
The Browser
Deceptively powerful. Accelerated graphics
Rich style and integrated virtual machine

118. The Cloud
You have unlimited Virtual Machines
You can write in any language
The Browser
Your user has a powerful Virtual Machine
You can write JavaScript (or target it)

119. The user’s Virtual Machine is part of
the cloud also…put it to work.
Your cloud
doesn’t need to
work so hard.

120. Artistic Photo Illustration by Gustaf Mantel
Used with Artist Permission
http://iwdrm.tumblr.com/post/3901348750

121. Artistic Photo Illustration by Gustaf Mantel
Used with Artist Permission
http://iwdrm.tumblr.com/post/21381673042

122. You already know the
cloud.
You can program the
browser.

123. Artistic Photo Illustration by Gustaf Mantel
Used with Artist Permission
http://iwdrm.tumblr.com/post/8960688061