Presentation is loading. Please wait.

Presentation is loading. Please wait.

Low-res screenshot via Wikipedia. LEGO Death Star stock product photo.

Similar presentations


Presentation on theme: "Low-res screenshot via Wikipedia. LEGO Death Star stock product photo."— Presentation transcript:

1

2 Low-res screenshot via Wikipedia.

3 LEGO Death Star stock product photo

4 The Cloud The Browser

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

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

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

8 “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

9 The Cloud

10 Memory Management Graphics Subsystems Storage ThreadingEventsNetworking Security APIs

11 Cloud Your Data Center Memory Management Graphics Subsystems Storage ThreadingEventsNetwork Security APIs

12 Cloud Your Data Center

13 CloudOther Service Providers

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

15 1 SHARED INSTANCES shared

16 2 SHARED INSTANCES shared

17 3 SHARED INSTANCES shared

18 The cloud doesn’t care about language choice

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

20 open sourc e  http://github.com/windowsazure

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

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

23 public class Program { static void Main(string[] args) { DoIt, "test", Console.Out); } public static void DoIt(TextReader reader, string name, TextWriter output) { string content = reader.ReadLine(); Console.WriteLine("I ran in the cloud!"); Console.WriteLine(content); output.WriteLine("**" + content + "######"); output.WriteLine(name); } “SimpleBatch”

24 public class Program { static void Main(string[] args) { DoIt, "test", Console.Out); } public static void DoIt( [BlobInput(@"holding\input\{name}.txt")] TextReader reader, string name, [BlobInput(@"holding\output\{name}.txt")] TextWriter output) { string content = reader.ReadLine(); Console.WriteLine("I ran in the cloud!"); Console.WriteLine(content); output.WriteLine("**" + content + "######"); output.WriteLine(name); } “SimpleBatch”

25 The Browser

26 Memory Management Graphics Subsystems Storage ThreadingEventsNetworking Security APIs

27 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/

28 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/

29 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/

30 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/

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

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

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

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

35 Web page title http://www.url.com Operating System Memory Management Graphics Subsystems Storage ThreadingEventsNetworking Security APIs

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

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

38 Web page title http://www.url.com Memory Management Graphics Subsystems Storage ThreadingEventsNetworking Security APIs

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

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

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

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

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

44 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

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

46 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 Networking WebSockets, XHR, Offline, Realtime Security Sandbox, SSL, CORS APIs GeoLocation, Sensors,

47 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

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

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

50 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

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

52 Once upon a time, HTML Tables were the most advanced thing there was. ROWSPAN!

53 HTML is simpler than ever

54 is only the structure now.

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

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

57 Public Dice.com ad: photo by @marmalade_tim http://twitter.com/marmalade_tim/status/250634286498193408

58 1 second Low-Res Animated Frames used under Fair Use Saturday Night Live Season 35 Episode 5

59 "JavaScript is the Assembly Language of the Web"

60 "JavaScript is the Assembly Language of the Web" - Me

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

62 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

63 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

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

65 var Greeter = (function () { function Greeter(greeting) { this.greeting = greeting; } Greeter.prototype.greet = function () { return " " + this.greeting + " "; }; 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 " "+this.greeting+" "; } var greeter = new Greeter("Hello, world!"); var str = greeter.greet(); document.body.innerHTML = str; TypeScript

66 Don’t let layers hide too much complexity

67 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

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

69 “No one writes JavaScript anymore. They write jQuery.” - Everyone plus me just now

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

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

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

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

74 Consider using the VanillaJS JavaScript Library

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

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

77 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)

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

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

80 http://iwdrm.tumblr.com/post/21381673042

81 A new operating system ships every day. Reboot? F5. Artistic Photo Illustration by Gustaf Mantel Used with Artist Permission http://iwdrm.tumblr.com/post/7893198413

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

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

84 Be well, write good code, and stay in touch @shanselman

85


Download ppt "Low-res screenshot via Wikipedia. LEGO Death Star stock product photo."

Similar presentations


Ads by Google