Google Developers Roadshow MENA 2017 The Web Platform State of the Union ‘17 

Code of Conduct Treat everyone with respect. Speak up if you see or hear something uncool. Assume positive intent. We have a zero tolerance policy for harassment. Talk to a staffer, or send email to [email protected] https://goo.gl/1em1MT 

I'm a proficient multi-skilled Software Architect, and international speaker. I'm certified by Google as a Developer Expert in Web Technologies. I've worked with many organizations including Intel Corporation, United Nations Development Program, Technology Innovation and Entrepreneurship Center in Egypt, Midade co. and currently I'm working full-time on my own company ”Rinvex”, specialized in enterprise solutions for SMEs. With more than a decade in software industry, and active contributions to the open-source community, I've has been chosen to mentor and train in multiple national and international conferences. Contact: [email protected] / @Omranic Abdelrahman Omran 

/ 2B devices 

/ 5B Devices connected to web 

35% faster JS language perf on Android via Speedometer benchmark 

Accelerated Mobile Pages <1 second median time to load an AMP from Google Search 10x less data than an equivalent non-AMP page 

/ >2B AMP Pages 900k different domains 

No content

Progressive Web Apps: Radically better web experiences Fast Engaging Reliable Integrated / 

Service Workers Support Shipped ✓ Shipped ✓ Shipped ✓ Shipped ✓ In Development ~ In Development ~ Source: https://jakearchibald.github.io/isserviceworkerready/ 

/ Fast loading on slow network Works well on smartphones Use less data Source: https://mobile.twitter.com 

/ 300M+ monthly active users 80%+ on mobile Source: https://mobile.twitter.com 

60% increase pages/session / Source: https://mobile.twitter.com 70% increase in tweets 

/ Source: https://mobile.twitter.com 70% data savings for compared to native apps App Size Android 23 MB+ / iOS 100 MB+ / PWA 0.6MB 1M+ daily visit through the PWA home screen icon 

No content

Modern mobile web is mainstream 

Source: https://youtu.be/_ssDaecATCM?t=1075 215 New Web API Since last year Over 

SPECS: https://wicg.github.io/picture-in-picture/ PiP Picture In Picture Web API SOURCE: https://developers.google.com/web/updates/2017/09/picture-in-picture 

PWAs work with Android Intents Add To Homescreen 

PWAs work with Android Intents PWAs are displayed in app Launcher Add To Homescreen 

PWAs work with Android Intents PWAs are displayed in app Launcher PWAs integrate into Android Settings Add To Homescreen 

PWAs work with Android Intents PWAs are displayed in app Launcher PWAs integrate into Android Settings PWAs can deliver Android Notifications Add To Homescreen 

PWAs work with Android Intents PWAs are displayed in app Launcher PWAs integrate into Android Settings PWAs can deliver Android Notifications PWAs can launch in an Immersive View Add To Homescreen 

PWAs work with Android Intents PWAs are displayed in app Launcher PWAs integrate into Android Settings PWAs can deliver Android Notifications PWAs can launch in an Immersive View Developers can soon control the prompt Add To Homescreen 

/ $123B spent on mobile commerce in 2016 in US. 

Simple web payments with PaymentRequest 

Credential Management API 

One-tap sign in 

Auto sign in 

Introducing the Web Share API 

Moving to the Native Notification System on macOS Media Capture and Streams API (Media Streams) WebVR for exposing virtual reality devices Estimating Available Storage Space Native ES2015 modules support Low level Web Assembly 

Lighthouse is integrated into DevTools 

No content

Polymer 3.0 

Wego Case Study 

Capture screen shot on ChromeOS device, and place here. Be sure to hide the bottom task bar that includes your image, open apps, etc. Ideal image size should be 1626x1080. When using those sizes, image position is {x: 147px, y: 63px} Add a CURVED SHADOW to the screen shot https://developers.google.com/web/ 

Capture screen shot on ChromeOS device, and place here. Be sure to hide the bottom task bar that includes your image, open apps, etc. Ideal image size should be 1626x1080. When using those sizes, image position is {x: 147px, y: 63px} Add a CURVED SHADOW to the screen shot https://codelabs.developers.google.com/ 

Capture screen shot on ChromeOS device, and place here. Be sure to hide the bottom task bar that includes your image, open apps, etc. Ideal image size should be 1626x1080. When using those sizes, image position is {x: 147px, y: 63px} Add a CURVED SHADOW to the screen shot https://youtube.com/ChromeDevelopers/ 

We encourage you to join us in this conversation / / Twitter @ChromiumDev StackOverflow Progressive-web-apps amp-html GitHub github.com/GoogleChrome github.com/ampproject/amphtml developers.google.com/web 

Thank You!