Christian Heilmann (@codepo8)
ForwardJS
(24/07/14, San Francisco, Startup Lalaland)
THE NEXT CHALLENGE OF THE WEB IS US
QUO VADIS, WEB?
http://christianheilmann.com/2014/07/01/google-iou-where-was-the-web/
THE WEB SHOULD BE A WELL-OILED MACHINE
https://www.youtube.com/watch?v=c19kn3drdFU
BAIT AND PESTER…
http://idontwantyourfuckingapp.tumblr.com/
WHY IS THAT?
https://www.youtube.com/watch?v=CrcAPan028Y
THE WEB IS DEAD?
http://en.wikipedia.org/wiki/Echo_chamber
WELCOME TO THE ECHO CHAMBER
THE WEB IS AMAZING… FOR US.
WORLD WIDE WEB, SERIOUSLY…
https://twitter.com/ejfinneran/status/463754164930379777
19% OF EU POPULATION AGED 16–74
HAS NEVER USED A COMPUTER.
http://epp.eurostat.ec.europa.eu/statistics_explained/index.php...
WEB DEV = LOW BARRIER TO START
SPACESHIP!!! SPACESHIP!!!! SPACESHIP!!!
FULL STACK DEVELOPER!
https://www.flickr.com/photos/55661427@N00/3147583492
RECOGNISING THE SHADES OF GREY…
GETTING PEOPLE STARTED
DEFINING A SENSIBLE BASELINE…
https://developers.google.com/web/fundamentals/
LET’S CONTRIBUTE…
https://github.com/Google/WebFundamentals
I HAVE NO IDEA WHAT IS GOING ON
“KOUTO SWISS - LIKE BOURBON... FOR STYLUS"
http://kouto-swiss.io/
I HAVE NO IDEA WHAT IS GOING ON
FLUFF OR INNOVATION?
POLYFILLS, ABSTRACTIONS AND LIBRARIES
https://www.flickr.com/photos/65029273@N00/3198037163
If you came to conquer,
you'll be king for a day,
But you too will deteriorate
and quickly fade away.
WHAT IF?
IF (WHAT) {}
OFFLINE FIRST
APPLICATION CACHE IS BROKEN…
http://alistapart.com/article/application-cache-is-a-douchebag
LET’S REPLACE IT!
https://jakearchibald.github.io/isserviceworkerready/
THE SERVICEWORKER: THE NETWORK LAYER IS YOURS TO OWN
https://www.youtube.com/watch?v=4uQMl7mFB6g
ALEX FEYERKE — OFFLINE FIRST
https://www.youtube.com/watch?v=dPz_5-MEvcg
HELP US MAKE SERVICE
WORKER EPIC.
WEB COMPONENTS
COLLECT AND CURATE…
http://component.kitchenhttp://customelements.io
WEB DEV = LOW KERB TO OVERCOME
WEB COMPONENTS > HIDING COMPLEXITY
WEB COMPONENTS
http://w3c.github.io/webcomponents/explainer/
<WEB-COMPONENTS>
Shadow DOM (DOM & style encapsulation boundaries)
http://www.w3.org/TR/shadow-dom/
HTML Templates (inert ...
HOW FAR ARE WE?
http://jonrimmer.github.io/are-we-componentized-yet/
DANGEROUS MESSAGING & OVERSHARING
$THING IS NOT READY FOR “REAL WORLD”
http://developer.telerik.com/featured/web-components-arent-ready-production-yet/
LET’S TALK
ABOUT
THIS…
https://twitter.com/codepo8/status/489781679272509440
LET’S ENABLE CREATION
LET’S ENABLE CREATION
https://webmaker.org/tools
WYSIWYG IS NOT A DIRTY WORD
https://apps.webmaker.org/designer
WYSIWYG IS NOT A DIRTY WORD
http://www.polymer-project.org/tools/designer/
WYSIWYG IS NOT A DIRTY WORD
https://github.com/LadybugRiders/LREditor
TIME TO STEP UP…
https://www.flickr.com/photos/37087198@N07/4441517406/
BE AWESOME!
THANKS!
CHRIS HEILMANN
@CODEPO8
The Next Challenge of the Web is UsForwardsjs
The Next Challenge of the Web is UsForwardsjs
Upcoming SlideShare
Loading in...5
×

The Next Challenge of the Web is UsForwardsjs

11,713

Published on

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
153 Likes
Statistics
Notes
No Downloads
Views
Total Views
11,713
On Slideshare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
125
Comments
2
Likes
153
Embeds 0
No embeds

No notes for slide

The Next Challenge of the Web is UsForwardsjs

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

    Clipping is a handy way to collect important slides you want to go back to later.

×