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

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

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