The Next Challenge of the Web is UsForwardsjs
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

The Next Challenge of the Web is UsForwardsjs

  • 11,148 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
11,148
On Slideshare
10,575
From Embeds
573
Number of Embeds
12

Actions

Shares
Downloads
116
Comments
2
Likes
155

Embeds 573

https://thenewcircle.com 413
https://twitter.com 85
http://www.scoop.it 34
https://okahara.kintone-dev.com 18
https://okahara.cybozu-dev.com 8
https://okahara.s.cybozu-dev.com 5
http://news.google.com 3
https://staging.thenewcircle.com 3
http://localhost 1
https://home.jolicloud.com 1
http://gazeta.yandex.ru 1
https://okahara.s.kintone-dev.com 1

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