The Next Challenge of the Web is UsForwardsjs

50
Christian Heilmann (@codepo8) ForwardJS (24/07/14, San Francisco, Startup Lalaland) THE NEXT CHALLENGE OF THE WEB IS US

description

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.

Transcript of The Next Challenge of the Web is UsForwardsjs

Page 1: The Next Challenge of the Web is UsForwardsjs

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

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

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

BAIT AND PESTER…

http://idontwantyourfuckingapp.tumblr.com/

Page 5: The Next Challenge of the Web is UsForwardsjs

WHY IS THAT?

Page 6: The Next Challenge of the Web is UsForwardsjs
Page 7: The Next Challenge of the Web is UsForwardsjs

https://www.youtube.com/watch?v=CrcAPan028Y

THE WEB IS DEAD?

Page 8: The Next Challenge of the Web is UsForwardsjs

http://en.wikipedia.org/wiki/Echo_chamber

WELCOME TO THE ECHO CHAMBER

Page 9: The Next Challenge of the Web is UsForwardsjs

THE WEB IS AMAZING… FOR US.

Page 10: The Next Challenge of the Web is UsForwardsjs

WORLD WIDE WEB, SERIOUSLY…

https://twitter.com/ejfinneran/status/463754164930379777

Page 11: The Next Challenge of the Web is UsForwardsjs

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

WEB DEV = LOW BARRIER TO START

Page 13: The Next Challenge of the Web is UsForwardsjs

SPACESHIP!!! SPACESHIP!!!! SPACESHIP!!!

Page 14: The Next Challenge of the Web is UsForwardsjs

FULL STACK DEVELOPER!

https://www.flickr.com/photos/55661427@N00/3147583492

Page 15: The Next Challenge of the Web is UsForwardsjs

RECOGNISING THE SHADES OF GREY…

Page 16: The Next Challenge of the Web is UsForwardsjs

GETTING PEOPLE STARTED

Page 17: The Next Challenge of the Web is UsForwardsjs

DEFINING A SENSIBLE BASELINE…

https://developers.google.com/web/fundamentals/

Page 18: The Next Challenge of the Web is UsForwardsjs

LET’S CONTRIBUTE…

https://github.com/Google/WebFundamentals

Page 19: The Next Challenge of the Web is UsForwardsjs

I HAVE NO IDEA WHAT IS GOING ON

Page 20: The Next Challenge of the Web is UsForwardsjs

“KOUTO SWISS - LIKE BOURBON... FOR STYLUS"

http://kouto-swiss.io/

Page 21: The Next Challenge of the Web is UsForwardsjs

I HAVE NO IDEA WHAT IS GOING ON

Page 22: The Next Challenge of the Web is UsForwardsjs

FLUFF OR INNOVATION?

Page 23: The Next Challenge of the Web is UsForwardsjs

POLYFILLS, ABSTRACTIONS AND LIBRARIES

https://www.flickr.com/photos/65029273@N00/3198037163

Page 24: The Next Challenge of the Web is UsForwardsjs

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

WHAT IF?

Page 26: The Next Challenge of the Web is UsForwardsjs

IF (WHAT) {}

Page 27: The Next Challenge of the Web is UsForwardsjs

OFFLINE FIRST

Page 28: The Next Challenge of the Web is UsForwardsjs

APPLICATION CACHE IS BROKEN…

http://alistapart.com/article/application-cache-is-a-douchebag

Page 29: The Next Challenge of the Web is UsForwardsjs
Page 30: The Next Challenge of the Web is UsForwardsjs

LET’S REPLACE IT!

https://jakearchibald.github.io/isserviceworkerready/

Page 31: The Next Challenge of the Web is UsForwardsjs

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

ALEX FEYERKE — OFFLINE FIRST

https://www.youtube.com/watch?v=dPz_5-MEvcg

Page 33: The Next Challenge of the Web is UsForwardsjs

HELP US MAKE SERVICE WORKER EPIC.

Page 34: The Next Challenge of the Web is UsForwardsjs

WEB COMPONENTS

Page 35: The Next Challenge of the Web is UsForwardsjs

COLLECT AND CURATE…

http://component.kitchenhttp://customelements.io

Page 36: The Next Challenge of the Web is UsForwardsjs

WEB DEV = LOW KERB TO OVERCOME

WEB COMPONENTS > HIDING COMPLEXITY

Page 37: The Next Challenge of the Web is UsForwardsjs

WEB COMPONENTS

http://w3c.github.io/webcomponents/explainer/

Page 38: The Next Challenge of the Web is UsForwardsjs

<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

HOW FAR ARE WE?

http://jonrimmer.github.io/are-we-componentized-yet/

Page 40: The Next Challenge of the Web is UsForwardsjs

DANGEROUS MESSAGING & OVERSHARING

Page 41: The Next Challenge of the Web is UsForwardsjs

$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

LET’S TALK ABOUT THIS…

https://twitter.com/codepo8/status/489781679272509440

Page 43: The Next Challenge of the Web is UsForwardsjs

LET’S ENABLE CREATION

Page 44: The Next Challenge of the Web is UsForwardsjs

LET’S ENABLE CREATION

https://webmaker.org/tools

Page 45: The Next Challenge of the Web is UsForwardsjs

WYSIWYG IS NOT A DIRTY WORD

https://apps.webmaker.org/designer

Page 46: The Next Challenge of the Web is UsForwardsjs

WYSIWYG IS NOT A DIRTY WORD

http://www.polymer-project.org/tools/designer/

Page 47: The Next Challenge of the Web is UsForwardsjs

WYSIWYG IS NOT A DIRTY WORD

https://github.com/LadybugRiders/LREditor

Page 48: The Next Challenge of the Web is UsForwardsjs

TIME TO STEP UP…

https://www.flickr.com/photos/37087198@N07/4441517406/

Page 49: The Next Challenge of the Web is UsForwardsjs

BE AWESOME!

Page 50: The Next Challenge of the Web is UsForwardsjs

THANKS! CHRIS HEILMANN @CODEPO8