State of the Web
•
0 likes•335 views
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.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to State of the Web
Similar to State of the Web (20)
More from Dmitry Buzdin
More from Dmitry Buzdin (20)
Recently uploaded
Recently uploaded (20)
State of the Web
- 1. State of the Web Dmitry Buzdin 01.06.2012
- 2. Who am I? buzdin@gmail.com @buzdin Dmitry Buzdin
- 3. Three Questions •How Web evolved in the last 5 years? •How browsers are different now? •Why should you care?
- 4. Evolution of the Web
- 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> <%! String message = "Hello, World"; %> </HEAD> <BODY> <b><%= message%></b> </BODY> </HTML>
- 7. <HTML> <HEAD> <TITLE>Web App</TITLE> <%! String message = "Hello, World"; %> </HEAD> <BODY> <b onclick=”alert(“Hello, World”);”> <%= message%></b> </BODY> </HTML>
- 8. Humans Discovered JavaScript
- 9. AJAX The most important invention of
- 10. WEB 2.0 and RIA
- 11. Typical Web App!
- 12. Browser Wars
- 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 so fast today, that none knows/cares which browser is the fastest
- 17. Episode VIII: Feature Wars When: 2011 - now Reason: HTML5
- 18. Revolutionary update to the Web
- 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 the New 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 object store •Transactional •Indexable •5MB storage limit in Chrome
- 26. JSON {id: 1, value: "ok" items: [ { id:2, value: true }, {id:3} ] }
- 27. Web Sockets •Separate TCP connection on port 80 •Free from HTTP limitations •Server push possible •Peer-to-Peer possible
- 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. Canvas & WebGL •2D/3D graphics •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
- 37. Why People Rave about JavaScript? •Extremely simple* •Dynamic •Productive •Language of the Web
- 38. Why not JavaScript •Was not 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
- 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 live in interesting times” Chinese curse
- 44. Thank You!