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

on

  • 10,771 views

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.

Statistics

Views

Total Views
10,771
Views on SlideShare
10,213
Embed Views
558

Actions

Likes
154
Downloads
115
Comments
2

12 Embeds 558

https://thenewcircle.com 400
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 2
https://staging.thenewcircle.com 2
http://localhost 1
https://home.jolicloud.com 1
http://gazeta.yandex.ru 1
https://okahara.s.kintone-dev.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

The Next Challenge of the Web is UsForwardsjs Presentation 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