Make the web great again: What comes next for the web

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Make The Web Great Again What comes next for the web Henry Lim @henrylim96 GDG Kuala Lumpur, Freelance Frontend Web Developer

Slide 5

Slide 5 text

BASED ON THE NOVEL BY PAUL KINLAN #chromiumdev #ChromeDevSummit TALK

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

State of the web on mobile

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

* April 2016

Slide 10

Slide 10 text

over 2 billion active Chrome browsers * Nov 2016

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

State of the web on mobile

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Present Argh... President Donald Trump

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

PWA Progressive Web Apps

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Reliable Good bye downasaur

Slide 19

Slide 19 text

Fast 60 fps FTW!

Slide 20

Slide 20 text

Engaging er native app?

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

AMP Accelerated Mobile Pages

Slide 23

Slide 23 text

sinchew.com.my leading Chinese-language newspaper in Malaysia > 10 seconds loading time Arghhh :(

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Scroll Anchoring chrome://flags/#enable-scroll-anchoring

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

What can you do right now?

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

Camera User permission required HTTPS only Inline access to camera

Slide 32

Slide 32 text

Microphone User permission required HTTPS only Inline access to microphone

Slide 33

Slide 33 text

Permissions

Slide 34

Slide 34 text

Autofill Improves conversions Decreases form-fill time Often seen as boring, but helps users

Slide 35

Slide 35 text

Credential Management API Automatic sign in One-tap sign in Sign out

Slide 36

Slide 36 text

PaymentRequest API W3C Spec Supports Android Pay ¯\_(ツ)_/¯ Integrates into existing checkout flow

Slide 37

Slide 37 text

Push Notifications Needs permission Works if browser closed

Slide 38

Slide 38 text

Offline Support Can provide full offline experience Kill the downasaur

Slide 39

Slide 39 text

Installability Once installed it is in all the places where you expect an app to be

Slide 40

Slide 40 text

Argh. so many APIs.

Slide 41

Slide 41 text

Future eh... the future is here -> chrome://flags

Slide 42

Slide 42 text

Web Components Polymer?

Slide 43

Slide 43 text

Add To Home Screen It’s nice but ...

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

Add To Home Screen Install Your Web App is everywhere an App should be - app drawer for example.

Slide 46

Slide 46 text

Launch from Links Anything that fires a ACTION_VIEW intent will open up your app as defined in the manifest.

Slide 47

Slide 47 text

Physical Web Web Bluetooth Web USB Web NFC Web VR

Slide 48

Slide 48 text

Origin Trials Origin trials are an approach to enable safe experimentation with web platform features.