Tweet
Tweet

Slide 1

Slide 1 text

The Modern Web:
 State of the Union Henry Lim @henrylim96

Slide 2

Slide 2 text

Henry Lim Google Developer ExpeC in Web Technologies Community Co-Organizer, GDG Kuala Lumpur @henrylim96 #ioxkl18 #io18extended

Slide 3

Slide 3 text

#ioxkl18 #io18extended web is awesome

Slide 4

Slide 4 text

#ioxkl18 #io18extended Everything is just an URL away. It's like MAGIC, don't you think? Jecelyn Yeen Web Developer Po,rait - Jecelyn Yeen youtu.be/kEieXe-3DGU “ ”

Slide 5

Slide 5 text

#ioxkl18 #io18extended

Slide 6

Slide 6 text

#ioxkl18 #io18extended Service Worker

Slide 7

Slide 7 text

#ioxkl18 #io18extended

Slide 8

Slide 8 text

#ioxkl18 #io18extended

Slide 9

Slide 9 text

#ioxkl18 #io18extended When 7 KB Equals 7 MB h\ps://cloudfour.com/thinks/when-7-kb-equals-7-mb/ Gerardo Rodriguez, July 10, 2018

Slide 10

Slide 10 text

#ioxkl18 #io18extended

Slide 11

Slide 11 text

#ioxkl18 #io18extended Starbucks PWA • 2x daily & monthly active users • works on both desktop and mobile

Slide 12

Slide 12 text

#ioxkl18 #io18extended Google Maps Go • Optimized for intermi\ent network access • Low data usage

Slide 13

Slide 13 text

#ioxkl18 #io18extended

Slide 14

Slide 14 text

#ioxkl18 #io18extended Desktop plaeorm

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

#ioxkl18 #io18extended

Slide 17

Slide 17 text

#ioxkl18 #io18extended AutoCAD

Slide 18

Slide 18 text

#ioxkl18 #io18extended Frameworks, Tools & Libraries

Slide 19

Slide 19 text

#ioxkl18 #io18extended

Slide 20

Slide 20 text

#ioxkl18 #io18extended DEMO Let’s take a screenshot!

Slide 21

Slide 21 text

#ioxkl18 #io18extended

Slide 22

Slide 22 text

#ioxkl18 #io18extended Chrome DevTools

Slide 23

Slide 23 text

#ioxkl18 #io18extended Lighthouse 3.0

Slide 24

Slide 24 text

#ioxkl18 #io18extended CLI Node Chrome Extension Chrome DevTools

Slide 25

Slide 25 text

#ioxkl18 #io18extended webpagetest.org/easy

Slide 26

Slide 26 text

#ioxkl18 #io18extended

Slide 27

Slide 27 text

#ioxkl18 #io18extended Web Share Service Worker Web Push ES modules import() WebVR Async / Await Notimcations PaymentRequest Web App Manifest Picture-in-Picture Variable Fonts CSSOM Fetch API Media Capture WebUSB Resize Observer Generic Sensor API Background Sync & Fetch OffscreenCanvasAPI CSS Grid WebXR

Slide 28

Slide 28 text

#ioxkl18 #io18extended Thank you @henrylim96