Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Modern Web: State of the Union (I/O Extende...

Avatar for Henry Lim Henry Lim
July 15, 2018
Technology
170
0

The Modern Web: State of the Union (I/O Extended '18 Kuala Lumpur)

Event: Google I/O Extended 2018 Kuala Lumpur (July 15, 2017)

Topic: Web Technologies, Chrome

Avatar for Henry Lim

Henry Lim

July 15, 2018

More Decks by Henry Lim

See All by Henry Lim
Building Malaysia Vaccine Tracker Twitter Bot
Avatar for Henry Lim limhenry
0
54
What's New in Web 2020
Avatar for Henry Lim limhenry
0
640
Building a Better Website with Chrome DevTools
Avatar for Henry Lim limhenry
0
180
Bringing your PWA to the Google Play Store with Trusted Web Activities
Avatar for Henry Lim limhenry
0
1.2k
Building a better web for everyone - DevFest George Town 2018
Avatar for Henry Lim limhenry
0
37
Building a better web for everyone - DevFest x BizFest Cebu 2018 / DevFest Bangkok 2018
Avatar for Henry Lim limhenry
0
140
Bringing Firebase Admin SDK to your server - DevFest x BizFest Cebu 2018
Avatar for Henry Lim limhenry
0
61
Bringing Firebase Admin SDK to your server - Firebase Dev Day Thailand 2018
Avatar for Henry Lim limhenry
0
210
Building a better web with Web Components and Polymer 2.0
Avatar for Henry Lim limhenry
0
56

Other Decks in Technology

See All in Technology
M&Aで増え続けるプロダクトに少数QAはどう立ち向かうか─GENDAが挑む、全員で取り組む品質標準化戦略 / GENDA Tech Talk #4
Avatar for GENDA genda
0
110
Terragrunt x Snowflake + dbt で作るマルチテナントなデータ基盤構築プラットフォーム
Avatar for Gaku TASHIRO gak_t12
0
260
SLI/SLO、「完全に理解した」から「チョットデキル」へ
Avatar for maru maruloop
5
550
Redmine次期バージョン7.0の注目新機能解説 — UI/UX強化と連携強化を中心に
Avatar for MAEDA Go vividtone
1
160
セキュリティ対策、何からはじめる？ CloudNative環境の脅威モデリングと リスク評価実践入門 #cloudnativekaigi
Avatar for varu3 varu3
5
980
生成AI時代に信頼性をどう保ち続けるか - Policy as Code の実践
Avatar for akitok akitok_
1
470
既存プロダクトQAから新規プロダクトQAへ
Avatar for hashi ryotakahashi
0
160
LookerとADKで作る社内AIエージェント
Avatar for chanyou0311 chanyou0311
0
260
Sociotechnical Architecture Reviews: Understanding Teams, not just Artefacts
Avatar for Eberhard Wolff ewolff
1
180
分断された OT と IT を繋ぐ架け橋 -Kubernetes が切り拓く 産業用組み込み製品の現在地 -
Avatar for 小野佑大 yudaiono
1
120
業務に残された「良くない型」で考える「TypeScriptの難しさ」
Avatar for Saji sajikix
0
170
AI時代に、 データアナリストがデータエンジニアに異動して
Avatar for jackojacko_ jackojacko_
0
990

Featured

See All Featured
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
220
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
160
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
690
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.1k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
290
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
280
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
120
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
560

Transcript

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

  2. Henry Lim Google Developer ExpeC in Web Technologies Community Co-Organizer,

    GDG Kuala Lumpur @henrylim96 #ioxkl18 #io18extended

  3. #ioxkl18 #io18extended web is awesome

  4. #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 “ ”

  5. #ioxkl18 #io18extended

  6. #ioxkl18 #io18extended Service Worker

  7. #ioxkl18 #io18extended

  8. #ioxkl18 #io18extended

  9. #ioxkl18 #io18extended When 7 KB Equals 7 MB h\ps://cloudfour.com/thinks/when-7-kb-equals-7-mb/ Gerardo

    Rodriguez, July 10, 2018

  10. #ioxkl18 #io18extended

  11. #ioxkl18 #io18extended Starbucks PWA • 2x daily & monthly active

    users • works on both desktop and mobile

  12. #ioxkl18 #io18extended Google Maps Go • Optimized for intermi\ent network

    access • Low data usage

  13. #ioxkl18 #io18extended

  14. #ioxkl18 #io18extended Desktop plaeorm

  15. None

  16. #ioxkl18 #io18extended

  17. #ioxkl18 #io18extended AutoCAD

  18. #ioxkl18 #io18extended Frameworks, Tools & Libraries

  19. #ioxkl18 #io18extended

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

  21. #ioxkl18 #io18extended

  22. #ioxkl18 #io18extended Chrome DevTools

  23. #ioxkl18 #io18extended Lighthouse 3.0

  24. #ioxkl18 #io18extended CLI Node Chrome Extension Chrome DevTools

  25. #ioxkl18 #io18extended webpagetest.org/easy

  26. #ioxkl18 #io18extended

  27. #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

  28. #ioxkl18 #io18extended Thank you @henrylim96