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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

The Next Challenge of the Web is UsForwardsjs

10,924
views

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
155 Likes
Statistics
Notes
No Downloads
Views
Total Views
10,924
On Slideshare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
121
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