Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Martin Splitt "A short history of the web"

191 views

Published on

Martin will share with you a short history of the web

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Martin Splitt "A short history of the web"

  1. 1. A short history of the web
  2. 2. "This machine is a server. DO NOT POWER IT DOWN!!"
  3. 3. Brief history of the web 1991: HTML 1.0 launches
  4. 4. Brief history of the web 1991: HTML 1.0 launches 1995: HTML 2.0 brings forms
  5. 5. Brief history of the web 1991: HTML 1.0 launches 1995: HTML 2.0 brings forms 1996: CSS 1 is released
  6. 6. Brief history of the web 1991: HTML 1.0 launches 1995: HTML 2.0 brings forms 1996: CSS 1 is released 1997: ECMAScript is standardised
  7. 7. We had so many fantastic ideas!
  8. 8. example.com
  9. 9. All of these wanted to make the web richer
  10. 10. All of these worked on the web
  11. 11. None of these worked with the web
  12. 12. JavaScript?
  13. 13. Let’s look a little closer.
  14. 14. var ajaxRequest; // here be dragons... try { ajaxRequest = new XMLHttpRequest(); } catch (e) { // to be continued }
  15. 15. var ajaxRequest; // here be dragons... try { ajaxRequest = new XMLHttpRequest(); } catch (e) { try { ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { // waaaaait for it... } }
  16. 16. var ajaxRequest; // here be dragons... try { ajaxRequest = new XMLHttpRequest(); } catch (e) { try { ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("Your browser broke!");
  17. 17. jQuery <3
  18. 18. $.get('/something', function(result) { // hurrah! }).fail(function() { // aww shucks :( })
  19. 19. AJAX!
  20. 20. Stuff got messy Button
  21. 21. Stuff got messy Button List
  22. 22. Stuff got messy Button List Form
  23. 23. Stuff got messy Button List Form Button
  24. 24. Stuff got messy Button List Form Button
  25. 25. Stuff got messy Button ButtonList Form Button API response
  26. 26. The rumours of my death are grossly exaggerated.
  27. 27. Thanks to Boris Smus
  28. 28. 2010 onwards...
  29. 29. We are attention-driven.
  30. 30. What do we value?
  31. 31. We need to remember what we are trying to accomplish
  32. 32. Start with the user.
  33. 33. Hybrid / Server-side rendered Client-side rendered
  34. 34. whatdoesmysitecost.com
  35. 35. Keep looking for the simplest tool.
  36. 36. Favour resilience.
  37. 37. In the backend you can rely on... ● network conditions
  38. 38. In the backend you can rely on... ● network conditions ● server specs
  39. 39. In the backend you can rely on... ● network conditions ● server specs ● available packages & libraries
  40. 40. In the backend you can rely on... ● network conditions ● server specs ● available packages & libraries ● resources (files, databases, …)
  41. 41. In frontend land, you need to be resilient!
  42. 42. The browser is your friend!
  43. 43. Free gifts from your browsers: ● Streaming HTML parsing
  44. 44. Free gifts from your browsers: ● Streaming HTML parsing ● Resource prioritization
  45. 45. Free gifts from your browsers: ● Streaming HTML parsing ● Resource prioritization ● Resilient CSS & HTML parsing
  46. 46. Free gifts from your browsers: ● Streaming HTML parsing ● Resource prioritization ● Resilient CSS & HTML parsing ● Built-in accessibility features
  47. 47. Free gifts from your browsers: ● Streaming HTML parsing ● Resource prioritization ● Resilient CSS & HTML parsing ● Built-in accessibility features ● Component system
  48. 48. Free gifts from your browsers: ● Streaming HTML parsing ● Resource prioritization ● Resilient CSS & HTML parsing ● Built-in accessibility features ● Component system ● Powerful, flexible layout engine
  49. 49. Experiments and tooling improve the platform
  50. 50. The platform becomes the foundation for new experiments
  51. 51. Keep pushing, but don’t leave users behind.
  52. 52. Thank you :)

×