Just like the evolution of Dance, but now for the web. Where did we come from, where are we now and where to we go?

3. 18601850184018301820
Ada Lovelace
1842
Programming

4. 19501940 19601920 1930
ENIAC Six
1942
Computer
Programming

5. 19501940 1960 19701930
Grace Hopper
1952
Compilers

6. 1919801950 1960 1970
Bob Taylor
1969
Arpanet

7. 19901980 21960 1970
Ward Christensen
1978
BBS

8. 19901980 20000 1970
Radia Perlman
1984
Spanning Tree
Protocol

9. 19901980 20001970
Nicole Yankelovich
1985
Anchor Links

10. 19901980 2000 201970
Tim Berners-Lee
1989
HTTP & HTML

11. 19901980 2000 20101970
Marc Andreessen
1992
Mosaic

12. 19901980 2000 201070
Rob McCool
1993
CGI-BIN
?

13. 19901980 2000 20100
Rasmus Lerdorf
1994
Personal Home Page
Form Interpreter

14. 19901980 2000 2010
Håkon Wium Lie
1995
Cascading Style
Sheets

15. 19901980 2000 2010
Brendan Eich
1995
JavaScript

16. 199080 2000 2010 2020
Mike Little
1993
“The Comment
that changed the
internet.”

17. 1990 2000 2010 2020
Anne van Kesteren
2005
XMLHttpRequest

18. 1990 2000 2010 2020
John Resig
2006
JQuery

19. 1990 2000 2010 2020
Sophie Alpert
2011
React

20. Server
Browser
Layout
Logic
Presentation
Logic
Business
Logic
Data
Front-end
Applications
Documents
Traditional
Applications

22. 1990 2000 2010 2020
Sophie Alpert
2011
React

23. 19501940 196020 1930
“I think there is a world market for
maybe five computers.”
- Thomas Watch - CEO IBM

24. 19501940 196020 1930
“I think there is a world market for
maybe five computers.”
- Thomas Watch - CEO IBM

25. 199019801960 1970
“There is no reason anyone would
want a computer in their home.”
- Ken Olsen - Founder DEC

26. 19901980 20001960 1970
Mark Dean
1981
IBM Personal
Computer

27. 199019801960 1970
“640K ought to be enough for
anybody.”
- Bill Gates - Founder Microsoft

28. 199019801960 1970
“640K ought to be enough for
anybody.”
- Bill Gates - Founder Microsoft

29. 19901980 201960 1970
Adele Goldberg
1979
Smalltalk

31. MAINFRAME PCs

32. WEB
SERVERS
PCs

33. WEB
SERVERS
FRONT-END
APPS

34. WEB
SERVERS
FRONT-END
APPS

35. 😎
🍸
Mainframes
Client/Server
Traditional
Webapps
Mobile
Apps
Front-end
Applications

37. 😎
🍸
Mainframes
Client/Server
Traditional
Webapps
Mobile
Apps
Front-end
Applications
?

38. 1. Pimp the Browser

39. Web Assembly

40. Variable Fonts

41. Web Speech API

42. Web USB

43. Media Recorder

44. Progressive Web Apps

45. Push Notifications

46. Web Monitization

47. 2. Level up the Servers

48. The Backend

49. GraphQL

51. The Frontend

52. Static Hosting Server Hosting
😎🍸 XX

53. Static Hosting Server Hosting
🍸 Simple
Scalable🍸
Cheap🍸
🍸 Flexible
Deployments🍸
😎 SEO
Performance 😎NoJS 😎
Localisation 😎
😎 Personalisation

54. Serverless!
🍸 Simple
Scalable🍸
Cheap🍸
🍸 Flexible
Deployments🍸
😎 SEO Performance 😎
NoJS 😎
Localisation 😎
😎 Personalisation

56. Introducing FABs

57. Front-end
Application
Bundle
https://github.com/fab-spec

58. Docker for Front-end

60. Especially for front-end
100% portable
tiny
self-contained

61. 💎
FAB

62. Serverless!
🍸 Simple
Scalable🍸
Cheap🍸
🍸 Flexible
Deployments🍸
😎 SEO Performance 😎
NoJS 😎
Localisation 😎
😎 Personalisation

64. 😎
🍸
Mainframes
Client/Server
Traditional
Webapps
Mobile
Apps
Front-end
Applications
💎