Progressive Enhancement is Dead, Long Live Progressive Enhancement

Slide 1

Slide 1 text

Progressive Enhancement is Dead LONG LIVE PROGRESSIVE ENHANCEMENT

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

progressive enhancement (n.) rendering HTML on the server, then adding behavior using JavaScript

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Only you can prevent JAVASCRIPT SHAMING

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Pages that are empty without JS: dead to history (archive- org), unreliable for search results (despite any search engine claims of JS support, check it yourself), and thus ignorable. No need to waste time reading or responding. Because in 10 years nothing you built today that depends on JS for the content will be available, visible, or archived anywhere on the web. All your fancy front-end-JS-required frameworks are dead to history, a mere evolutionary blip in web app development practices. Perhaps they provided interesting ephemeral prototypes, nothing more.

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

THE WEB for granted don't take

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Using JavaScript has REAL BENEFITS

Slide 16

Slide 16 text

• Works offline • No page reloads (great for e.g. music players) • Fast • Rich interaction • Access to device features (camera, storage, GPS)

Slide 17

Slide 17 text

Over the next few years almost all of the people who don't yet have a phone will get one, and almost all of the phones on earth will become smartphones. A decade ago some of that was subject to debate - today it isn't. What all those people pay for data, and how they charge their phones, may be a challenge, but the smartphone itself is close to a universal product for humanity - the ﬁrst the tech industry has ever had.

Slide 18

Slide 18 text

A Tale of Two Supercomputers 50ms

Slide 19

Slide 19 text

A Tale of Two Supercomputers

Slide 20

Slide 20 text

SMARTPHONES will be more pervasive than CONNECTIVITY

Slide 21

Slide 21 text

When you have a supercomputer in your pocket, but intermittent connectivity, the ability to work OFFLINE is the key to ubiquity

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

HTML HTTP User Agent HTTP HTTP!

Slide 24

Slide 24 text

HTML + HTTP + maybe JS client-side JavaScript progressive enhancement JavaScript slow devices, good network fast devices, bad network technology best for

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

In other words

Slide 28

Slide 28 text

AND the age of the slow, incapable device is coming to an end BUT connectivity remains imperfect, even in developed countries IF progressive enhancement is about preserving the ubiquity of the web

Slide 29

Slide 29 text

We should all be building offline apps with… JavaScript!

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

BUT!

Slide 32

Slide 32 text

Progressive Enhancement • Works if JavaScript fails to load • Easier to archive and index • Faster initial load times

Slide 33

Slide 33 text

MOBILE-FIRST RESPONSIVE-FIRST ACCESSIBILITY-FIRST CONTENT-FIRST SECURITY-FIRST OFFLINE-FIRST DOCUMENTATION-FIRST API-FIRST PERFORMANCE-FIRST

Slide 34

Slide 34 text

EGO DEPLETION

Slide 35

Slide 35 text

The best way to make someone do something is to make it free

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

FastBoot Progressive Enhancement for Ember.js

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

Progressive Enhancement JavaScript Frameworks vs.

Slide 42

Slide 42 text

I agree: The web is about UBIQUITY

Slide 43

Slide 43 text

Sometimes we need to RETHINK our assumptions

Slide 44

Slide 44 text

• Smartphones are eating the world • Connectivity is the weak link, even in developed countries • JavaScript frameworks are taking over, for good reasons