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