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 1674 HAS NEVER USED A COMPUTER. http://epp.eurostat.ec.europa.eu/statistics_explained/index.php/ Information_society_statistics_at_regional_level

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/

LETS 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

LETS 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/

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/

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/

LETS TALK ABOUT THIS https://twitter.com/codepo8/status/489781679272509440

LETS ENABLE CREATION

LETS 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