Video: https://www.youtube.com/watch?v=QPRqQH_30hU Keynote at ForwardJS about making starting with the web less complicated and stopping to sound our own horn and invent things for ourselves.

1. Christian Heilmann (@codepo8)
ForwardJS
(24/07/14, San Francisco, Startup Lalaland)
THE NEXT CHALLENGE OF THE WEB IS US

2. QUO VADIS, WEB?
http://christianheilmann.com/2014/07/01/google-iou-where-was-the-web/

3. THE WEB SHOULD BE A WELL-OILED MACHINE
https://www.youtube.com/watch?v=c19kn3drdFU

4. BAIT AND PESTER…
http://idontwantyourfuckingapp.tumblr.com/

5. WHY IS THAT?

7. https://www.youtube.com/watch?v=CrcAPan028Y
THE WEB IS DEAD?

8. http://en.wikipedia.org/wiki/Echo_chamber
WELCOME TO THE ECHO CHAMBER

9. THE WEB IS AMAZING… FOR US.

10. WORLD WIDE WEB, SERIOUSLY…
https://twitter.com/ejfinneran/status/463754164930379777

11. 19% OF EU POPULATION AGED 16–74
HAS NEVER USED A COMPUTER.
http://epp.eurostat.ec.europa.eu/statistics_explained/index.php/
Information_society_statistics_at_regional_level

12. WEB DEV = LOW BARRIER TO START

13. SPACESHIP!!! SPACESHIP!!!! SPACESHIP!!!

14. FULL STACK DEVELOPER!
https://www.flickr.com/photos/55661427@N00/3147583492

15. RECOGNISING THE SHADES OF GREY…

16. GETTING PEOPLE STARTED

17. DEFINING A SENSIBLE BASELINE…
https://developers.google.com/web/fundamentals/

18. LET’S CONTRIBUTE…
https://github.com/Google/WebFundamentals

19. I HAVE NO IDEA WHAT IS GOING ON

20. “KOUTO SWISS - LIKE BOURBON... FOR STYLUS"
http://kouto-swiss.io/

21. I HAVE NO IDEA WHAT IS GOING ON

22. FLUFF OR INNOVATION?

23. POLYFILLS, ABSTRACTIONS AND LIBRARIES
https://www.flickr.com/photos/65029273@N00/3198037163

24. If you came to conquer,
you'll be king for a day,
But you too will deteriorate
and quickly fade away.

25. WHAT IF?

26. IF (WHAT) {}

27. OFFLINE FIRST

28. APPLICATION CACHE IS BROKEN…
http://alistapart.com/article/application-cache-is-a-douchebag

30. LET’S REPLACE IT!
https://jakearchibald.github.io/isserviceworkerready/

31. THE SERVICEWORKER: THE NETWORK LAYER IS YOURS TO OWN
https://www.youtube.com/watch?v=4uQMl7mFB6g

32. ALEX FEYERKE — OFFLINE FIRST
https://www.youtube.com/watch?v=dPz_5-MEvcg

33. HELP US MAKE SERVICE
WORKER EPIC.

34. WEB COMPONENTS

35. COLLECT AND CURATE…
http://component.kitchenhttp://customelements.io

36. WEB DEV = LOW KERB TO OVERCOME
WEB COMPONENTS > HIDING COMPLEXITY

37. WEB COMPONENTS
http://w3c.github.io/webcomponents/explainer/

38. <WEB-COMPONENTS>
Shadow DOM (DOM & style encapsulation boundaries)
http://www.w3.org/TR/shadow-dom/
HTML Templates (inert chunks of clone-able DOM)
http://www.w3.org/TR/html-templates/
Custom Elements (create new HTML elements)
http://www.w3.org/TR/custom-elements/
HTML Imports
http://www.w3.org/TR/html-imports/
http://w3c.github.io/webcomponents/explainer/

39. HOW FAR ARE WE?
http://jonrimmer.github.io/are-we-componentized-yet/

40. DANGEROUS MESSAGING & OVERSHARING

41. $THING IS NOT READY FOR “REAL WORLD”
http://developer.telerik.com/featured/web-components-arent-ready-production-yet/

42. LET’S TALK
ABOUT
THIS…
https://twitter.com/codepo8/status/489781679272509440

43. LET’S ENABLE CREATION

44. LET’S ENABLE CREATION
https://webmaker.org/tools

45. WYSIWYG IS NOT A DIRTY WORD
https://apps.webmaker.org/designer

46. WYSIWYG IS NOT A DIRTY WORD
http://www.polymer-project.org/tools/designer/

47. WYSIWYG IS NOT A DIRTY WORD
https://github.com/LadybugRiders/LREditor

48. TIME TO STEP UP…
https://www.flickr.com/photos/37087198@N07/4441517406/

49. BE AWESOME!

50. THANKS!
CHRIS HEILMANN
@CODEPO8