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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The Next Challenge of the Web is UsForwardsjs

11,442

Published 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.

Published in: Technology, Software, Education
2 Comments
154 Likes
Statistics
Notes
No Downloads
Views
Total Views
11,442
On Slideshare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
125
Comments
2
Likes
154
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

×