Download to read offline
![JSON
{id: 1,
value: "ok"
items: [
{
id:2,
value: true
},
{id:3}
]
}](https://image.slidesharecdn.com/ough2012dmitrybuzdinstateoftheweb-120626140406-phpapp01/85/State-of-the-Web-26-320.jpg)
Uploaded byDmitry Buzdin
State of the Web
Dmitry Buzdin presented on the evolution of the web over the past 5 years. He discussed how JavaScript has become more important and led to performance wars between browsers in 2008-2009. Browsers now compete through introducing new HTML5 features in their versions released every few months. Buzdin highlighted some new HTML5 features like LocalStorage, IndexedDB, Web Sockets, SVG, and Canvas, and argued this moves the web to a new architecture with more dynamic pages and capabilities beyond just HTTP. He concluded by encouraging learning HTML5 as programming is becoming more mainstream and building applications is simpler than ever on the new HTML5 platform.
More Related Content
State of the Web
- 1. State of theWeb Dmitry Buzdin 01.06.2012
- 2. Who am I? buzdin@gmail.com @buzdin Dmitry Buzdin
- 3. Three Questions •How Webevolved in the last 5 years? •How browsers are different now? •Why should you care?
- 4.
- 5. #!/usr/bin/perl print "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. <HTML> <HEAD> <TITLE>Web App</TITLE> <%! Stringmessage = "Hello, World"; %> </HEAD> <BODY> <b><%= message%></b> </BODY> </HTML>
- 7. <HTML> <HEAD> <TITLE>Web App</TITLE> <%! Stringmessage = "Hello, World"; %> </HEAD> <BODY> <b onclick=”alert(“Hello, World”);”> <%= message%></b> </BODY> </HTML>
- 8. Humans Discovered JavaScript
- 9. AJAX The most importantinvention of
- 10. WEB 2.0 andRIA
- 11.
- 12.
- 13. Episode VII: Performance Wars When:2008 - 2009 Reason: JavaScript performance
- 14. IE7 Chrome19
- 15. 700 650x Slower 525 350 IE7 175 Chrome19 0 Times Slower http://www.webkit.org/perf/sunspider/sunspider.html
- 16. JavaScript is sofast today, that none knows/cares which browser is the fastest
- 17. Episode VIII: Feature Wars When: 2011 - now Reason: HTML5
- 18.
- 19. Browsers are competing now for HTML5 completeness
- 20. New versions every few months
- 21. Test Your Browser http://html5test.com/
- 22. Even TVs support HTML5 now Microwaves are next...
- 23. Some of theNew HTML5 Features •LocalStorage •IndexedDB •Web Sockets •SVG •Canvas & Web GL
- 24. LocalStorage • Key-value persistent storage •Either linked to Session or Domain localStorage.setItem(“item”, “value”); var result = localStorage.getItem("item");
- 25. IndexedDB •Real database •JSON objectstore •Transactional •Indexable •5MB storage limit in Chrome
- 26. JSON {id: 1, value: "ok" items:[ { id:2, value: true }, {id:3} ] }
- 27. Web Sockets •Separate TCPconnection on port 80 •Free from HTTP limitations •Server push possible •Peer-to-Peer possible
- 28. SVG • ScalableVector 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. Canvas & WebGL •2D/3Dgraphics •Hardware accelerated •Next generation of online games
- 30. WEB 1.0 Architecture Static Pages Cookies HTTP Session Storage Graphics Rendering Page Templates
- 31. WEB 2.0 Architecture Dynamic Pages Session Storage Graphics HTTP WebSockets Security & Persistence
- 32. No more work for backend
- 33. Still plenty of work,but huge demand for the
- 35. One HTML5 will be standardized in 2014
- 36.
- 37. Why People Rave about JavaScript? •Extremely simple* •Dynamic •Productive •Language of the Web
- 38. Why not JavaScript •Wasnot intended to power the Web •Poor language design decisions •Too dynamic •Too simple
- 39. JavaScript Alternatives •Oracle JavaFX •Google GWT, Dart •JVM Langs - Fantom, Kotlin, Clojure •CoffeeScript
- 40.
- 41. Web is everywhere! Desktops Tablets Smartphones TVs Microwaves?
- 42. Time to learn HTML5 •Building great applications is simpler than ever •Programming is becoming mainstream •HTML5 is a platform, not a tool or language
- 43. “May you livein interesting times” Chinese curse
- 44.