State of the Web

571 views
489 views

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
571
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

State of the Web

  1. 1. State of the Web Dmitry Buzdin01.06.2012
  2. 2. Who am I? buzdin@gmail.com @buzdinDmitry Buzdin
  3. 3. Three Questions•How Web evolved in the last 5 years?•How browsers are different now?•Why should you care?
  4. 4. Evolution of the Web
  5. 5. #!/usr/bin/perlprint "Content-type: text/htmlnn";print "<html><head>n";print "<title>Web App</title>n";print "</head>n";print "<body><b>Hello World</b>n";print "</body>;
  6. 6. <HTML><HEAD><TITLE>Web App</TITLE><%! String message = "Hello, World"; %></HEAD><BODY><b><%= message%></b></BODY></HTML>
  7. 7. <HTML><HEAD><TITLE>Web App</TITLE><%! String message = "Hello, World"; %></HEAD><BODY><b onclick=”alert(“Hello, World”);”><%= message%></b></BODY></HTML>
  8. 8. Humans Discovered JavaScript
  9. 9. AJAXThe most important invention of
  10. 10. WEB 2.0 and RIA
  11. 11. TypicalWeb App!
  12. 12. Browser Wars
  13. 13. Episode VII:Performance WarsWhen: 2008 - 2009Reason: JavaScriptperformance
  14. 14. IE7 Chrome19
  15. 15. 700 650x Slower525350 IE7175 Chrome19 0 Times Slower http://www.webkit.org/perf/sunspider/sunspider.html
  16. 16. JavaScript is so fast today, that none knows/careswhich browser is the fastest
  17. 17. Episode VIII: Feature Wars When: 2011 - now Reason: HTML5
  18. 18. Revolutionaryupdate to the Web
  19. 19. Browsers arecompeting now for HTML5 completeness
  20. 20. New versions everyfew months
  21. 21. Test Your Browser http://html5test.com/
  22. 22. Even TVs support HTML5 now Microwaves are next...
  23. 23. Some of the New HTML5 Features•LocalStorage•IndexedDB•Web Sockets•SVG•Canvas & Web GL
  24. 24. LocalStorage • Key-value persistent storage •Either linked to Session or DomainlocalStorage.setItem(“item”, “value”);var result = localStorage.getItem("item");
  25. 25. IndexedDB•Real database•JSON object store•Transactional•Indexable•5MB storage limit in Chrome
  26. 26. JSON{id: 1, value: "ok" items: [     {       id:2,       value: true     },     {id:3} ]}
  27. 27. Web Sockets•Separate TCP connection on port 80•Free from HTTP limitations•Server push possible•Peer-to-Peer possible
  28. 28. SVG• Scalable Vector Graphics• Resizable vector<svg xmlns="http://www.w3.org/2000/svg" version="1.1">   <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /></svg>
  29. 29. Canvas & WebGL•2D/3D graphics•Hardware accelerated•Next generation of online games
  30. 30. WEB 1.0 Architecture Static Pages Cookies HTTP Session Storage Graphics Rendering Page Templates
  31. 31. WEB 2.0Architecture Dynamic Pages Session Storage Graphics HTTP WebSockets Security & Persistence
  32. 32. No more work for backend
  33. 33. Still plenty ofwork, but hugedemand for the
  34. 34. OneHTML5 will bestandardized in 2014
  35. 35. HTML5 =JavaScript ?
  36. 36. Why People Rave about JavaScript?•Extremely simple*•Dynamic•Productive•Language of the Web
  37. 37. Why not JavaScript•Was not intended to power the Web•Poor language design decisions•Too dynamic•Too simple
  38. 38. JavaScript Alternatives•Oracle JavaFX•Google GWT, Dart•JVM Langs - Fantom, Kotlin, Clojure•CoffeeScript
  39. 39. Web isinevitable!
  40. 40. Web is everywhere! Desktops Tablets Smartphones TVs Microwaves?
  41. 41. Time to learn HTML5•Building great applications is simpler than ever•Programming is becoming mainstream•HTML5 is a platform, not a tool or language
  42. 42. “May you live ininteresting times” Chinese curse
  43. 43. Thank You!

×