The Next Challenge of the Web is UsForwardsjs

  • 10,302 views
Uploaded on

Video: https://www.youtube.com/watch?v=QPRqQH_30hU …

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
10,302
On Slideshare
0
From Embeds
0
Number of Embeds
14

Actions

Shares
Downloads
116
Comments
2
Likes
155

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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?
  • 6. https://www.youtube.com/watch?v=CrcAPan028Y THE WEB IS DEAD?
  • 7. http://en.wikipedia.org/wiki/Echo_chamber WELCOME TO THE ECHO CHAMBER
  • 8. THE WEB IS AMAZING… FOR US.
  • 9. WORLD WIDE WEB, SERIOUSLY… https://twitter.com/ejfinneran/status/463754164930379777
  • 10. 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
  • 11. WEB DEV = LOW BARRIER TO START
  • 12. SPACESHIP!!! SPACESHIP!!!! SPACESHIP!!!
  • 13. FULL STACK DEVELOPER! https://www.flickr.com/photos/55661427@N00/3147583492
  • 14. RECOGNISING THE SHADES OF GREY…
  • 15. GETTING PEOPLE STARTED
  • 16. DEFINING A SENSIBLE BASELINE… https://developers.google.com/web/fundamentals/
  • 17. LET’S CONTRIBUTE… https://github.com/Google/WebFundamentals
  • 18. I HAVE NO IDEA WHAT IS GOING ON
  • 19. “KOUTO SWISS - LIKE BOURBON... FOR STYLUS" http://kouto-swiss.io/
  • 20. I HAVE NO IDEA WHAT IS GOING ON
  • 21. FLUFF OR INNOVATION?
  • 22. POLYFILLS, ABSTRACTIONS AND LIBRARIES https://www.flickr.com/photos/65029273@N00/3198037163
  • 23. If you came to conquer, you'll be king for a day, But you too will deteriorate and quickly fade away.
  • 24. WHAT IF?
  • 25. IF (WHAT) {}
  • 26. OFFLINE FIRST
  • 27. APPLICATION CACHE IS BROKEN… http://alistapart.com/article/application-cache-is-a-douchebag
  • 28. LET’S REPLACE IT! https://jakearchibald.github.io/isserviceworkerready/
  • 29. THE SERVICEWORKER: THE NETWORK LAYER IS YOURS TO OWN https://www.youtube.com/watch?v=4uQMl7mFB6g
  • 30. ALEX FEYERKE — OFFLINE FIRST https://www.youtube.com/watch?v=dPz_5-MEvcg
  • 31. HELP US MAKE SERVICE WORKER EPIC.
  • 32. WEB COMPONENTS
  • 33. COLLECT AND CURATE… http://component.kitchenhttp://customelements.io
  • 34. WEB DEV = LOW KERB TO OVERCOME WEB COMPONENTS > HIDING COMPLEXITY
  • 35. WEB COMPONENTS http://w3c.github.io/webcomponents/explainer/
  • 36. <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/
  • 37. HOW FAR ARE WE? http://jonrimmer.github.io/are-we-componentized-yet/
  • 38. DANGEROUS MESSAGING & OVERSHARING
  • 39. $THING IS NOT READY FOR “REAL WORLD” http://developer.telerik.com/featured/web-components-arent-ready-production-yet/
  • 40. LET’S TALK ABOUT THIS… https://twitter.com/codepo8/status/489781679272509440
  • 41. LET’S ENABLE CREATION
  • 42. LET’S ENABLE CREATION https://webmaker.org/tools
  • 43. WYSIWYG IS NOT A DIRTY WORD https://apps.webmaker.org/designer
  • 44. WYSIWYG IS NOT A DIRTY WORD http://www.polymer-project.org/tools/designer/
  • 45. WYSIWYG IS NOT A DIRTY WORD https://github.com/LadybugRiders/LREditor
  • 46. TIME TO STEP UP… https://www.flickr.com/photos/37087198@N07/4441517406/
  • 47. BE AWESOME!
  • 48. THANKS! CHRIS HEILMANN @CODEPO8