Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

Progressive Enhancement Strategies


FullStack JS London

@simonmcmanus

Separation

(Browserside)

Old Twitter

Google

Sharing


Share js-required app on:



Hold up..

Why are you trying to work round something that works really well?

Start on the server

.--. / \ ## a a ( '._) |'-- | _.\___/_ ___pjax___ ."\> \Y/|<'. '._.-' / \ \_\/ / '-' / | --'\_/|/ | _/ |___.-' | |`'` | | | | / './ /__./` | | \ | | \ | | ; | | / | | jgs |___\_.\_ `-"--'---'

Baselines &

Mustard Test

if(history.pushState) { .. }

Share

Browserify/

Webpack/

Duo.js

Components

- components - station - station.js - station.scss - station.jade - search - search.js - search.scss - search.jade

Pages

- pages - home - home.js - home.scss - home.jade - station - station.js - station.scss - station.jade

Routing

Page.JS


http://visionmedia.github.io/page.js

Pagify


http://github.com/simonmcmanus/pageify

ChangePath


http://github.com/simonmcmanus/changepath

The web is a work in progress.


It will continue to grow in weird and wonderful ways

Progressive

Enhancement


The state of the art


4th March 2016 - London

http://enhanceconf.com
@EnhanceConf

Use a spacebar or arrow keys to navigate