The web is getting pushy - Phil Nash - Codemotion Amsterdam 2016

•

1 gefällt mir•607 views

The document summarizes a presentation about new capabilities in web technologies like push notifications, geolocation, and accelerometer. It highlights that the web is gaining native-like features and can now push content to users in real-time. Code examples and demos are provided to illustrate using service workers and push APIs to send notifications. Resources for further learning are also included.

Technologie

THE WEB IS
GETTING
PUSHY
Codemotion Amsterdam 2016

Phil Nash
@philnash
http://philna.sh
philnash@twilio.com

Service Worker Support
40 44 24 under
consideration
under
consideration

Push Notiﬁcation Support
42 44 ? non-
standard
under
consideration

Service Worker Support
jakearchibald.github.io/isserviceworkerready
status.modern.ie

The code!
github.com/philnash/the-web-is-getting-pushy

The slides!
https://speakerdeck.com/philnash

Other resources
•   Push notiﬁcations and SMS - Twilio blog
•   The Service Worker Cookbook -
https://serviceworke.rs/
•   Web Push for Node.js - npm - GitHub
•   Google Developers - Your ﬁrst push notiﬁcations
web app

Thanks!
@philnash
http://philna.sh
philnash@twilio.com

Empfohlen

4Developers: The web is getting pushy- Phil NashPROIDEA

Innovcom - Tools for traditional commercewhilzensauer

Applications multi plateformes avec Cordova, HTML5 et JavascriptMicrosoft

The Evolution of Asynchronous Javascript - Alessandro Cinelli - Codemotion Mi...Codemotion

Wearable botnets 201560319_v3Codemotion

From object oriented to functional domain modelingCodemotion

JavaScript in 2016Codemotion

Reactive Programming with JavaScriptCodemotion

Empfohlen

4Developers: The web is getting pushy- Phil NashPROIDEA

Innovcom - Tools for traditional commercewhilzensauer

Applications multi plateformes avec Cordova, HTML5 et JavascriptMicrosoft

The Evolution of Asynchronous Javascript - Alessandro Cinelli - Codemotion Mi...Codemotion

Wearable botnets 201560319_v3Codemotion

From object oriented to functional domain modelingCodemotion

JavaScript in 2016Codemotion

Reactive Programming with JavaScriptCodemotion

OrientDB - the 2nd generation of (MultiModel) NoSQL - Luigi Dell Aquila - Cod...Codemotion

F# for the curly brace developer - Michael Newton - Codemotion Amsterdam 2016Codemotion

Sinfonier: How I turned my grandmother into a data analyst - Fran J. Gomez - ...Codemotion

Knowledge is Power: Getting out of trouble by understanding Git - Steve Smith...Codemotion

Software environmentalism - Tudor Girba - Codemotion Amsterdam 2016Codemotion

Death to Icon Fonts - Seren Davies - Codemotion Amsterdam 2016Codemotion

Demistifying the 3D WebCodemotion

NoSQL on the moveCodemotion

Boxcars and Cabooses: When one more XHR is too much - Peter Chittum - Codemot...Codemotion

Welcome to Mordor - Daniel Kahn - Codemotion Amsterdam 2016Codemotion

Microsoft <3 Open Source: Un anno dopo!Codemotion

If security is hard, you are doing it wrong - Fabio Locati - Codemotion Amste...Codemotion

The rise and fall and rise of Virtual Reality - Adriaan Rijkens - Codemotion...Codemotion

Everything you always wanted to know about highly available distributed datab...Codemotion

Living on the Edge (Service) - Mark Heckler - Codemotion Amsterdam 2016Codemotion

Maker Experience: user centered toolkit for makersCodemotion

React Native - Unleash the power of React in your device - Eduard Tomàs - Cod...Codemotion

Distributed Companies: A WordPress.com Team Perspective - Davide Casali - Cod...Codemotion

Engage and retain users in the mobile worldCodemotion

Customize and control connected devicesCodemotion

stackconf 2022: Shifting Left the Wrong Way.pdfNETWAYS

Deploy Spark ML and Tensorflow AI Models from Notebooks to Microservices - No...Chris Fregly

Weitere ähnliche Inhalte

Andere mochten auch

OrientDB - the 2nd generation of (MultiModel) NoSQL - Luigi Dell Aquila - Cod...Codemotion

F# for the curly brace developer - Michael Newton - Codemotion Amsterdam 2016Codemotion

Sinfonier: How I turned my grandmother into a data analyst - Fran J. Gomez - ...Codemotion

Knowledge is Power: Getting out of trouble by understanding Git - Steve Smith...Codemotion

Software environmentalism - Tudor Girba - Codemotion Amsterdam 2016Codemotion

Death to Icon Fonts - Seren Davies - Codemotion Amsterdam 2016Codemotion

Demistifying the 3D WebCodemotion

NoSQL on the moveCodemotion

Boxcars and Cabooses: When one more XHR is too much - Peter Chittum - Codemot...Codemotion

Welcome to Mordor - Daniel Kahn - Codemotion Amsterdam 2016Codemotion

Microsoft <3 Open Source: Un anno dopo!Codemotion

If security is hard, you are doing it wrong - Fabio Locati - Codemotion Amste...Codemotion

The rise and fall and rise of Virtual Reality - Adriaan Rijkens - Codemotion...Codemotion

Everything you always wanted to know about highly available distributed datab...Codemotion

Living on the Edge (Service) - Mark Heckler - Codemotion Amsterdam 2016Codemotion

Maker Experience: user centered toolkit for makersCodemotion

React Native - Unleash the power of React in your device - Eduard Tomàs - Cod...Codemotion

Distributed Companies: A WordPress.com Team Perspective - Davide Casali - Cod...Codemotion

Engage and retain users in the mobile worldCodemotion

Customize and control connected devicesCodemotion

Andere mochten auch (20)

OrientDB - the 2nd generation of (MultiModel) NoSQL - Luigi Dell Aquila - Cod...

F# for the curly brace developer - Michael Newton - Codemotion Amsterdam 2016

Sinfonier: How I turned my grandmother into a data analyst - Fran J. Gomez - ...

Knowledge is Power: Getting out of trouble by understanding Git - Steve Smith...

Software environmentalism - Tudor Girba - Codemotion Amsterdam 2016

Death to Icon Fonts - Seren Davies - Codemotion Amsterdam 2016

Demistifying the 3D Web

NoSQL on the move

Boxcars and Cabooses: When one more XHR is too much - Peter Chittum - Codemot...

Welcome to Mordor - Daniel Kahn - Codemotion Amsterdam 2016

Microsoft <3 Open Source: Un anno dopo!

If security is hard, you are doing it wrong - Fabio Locati - Codemotion Amste...

The rise and fall and rise of Virtual Reality - Adriaan Rijkens - Codemotion...

Everything you always wanted to know about highly available distributed datab...

Living on the Edge (Service) - Mark Heckler - Codemotion Amsterdam 2016

Maker Experience: user centered toolkit for makers

React Native - Unleash the power of React in your device - Eduard Tomàs - Cod...

Distributed Companies: A WordPress.com Team Perspective - Davide Casali - Cod...

Engage and retain users in the mobile world

Customize and control connected devices

Ähnlich wie The web is getting pushy - Phil Nash - Codemotion Amsterdam 2016

stackconf 2022: Shifting Left the Wrong Way.pdfNETWAYS

Deploy Spark ML and Tensorflow AI Models from Notebooks to Microservices - No...Chris Fregly

IT Event Report of TC Disrupt/GMIC01Booster

Top 7 wrong common beliefs about Enterprise API implementationOCTO Technology

Octo API-days 2015Antoine CHANTALOU

DevNet @TAG - Spark & Tropo APIs - Milan/Rome May 2016Cisco DevNet

Pexip UCExpo 2016 Presentation in the Microsoft Modern Workplace TheatreGraham Walsh

I broke what?!??!? Taking over maintenance on well loved projectsBert JW Regeer

I broke what? Taking over maintenance on existing (well loved) projects, by B...T. Kim Nguyen

ASP.NET MVC 4 OverviewGunnar Peipman

Cisco Paris DevNet Hackathon slideshow - IntroBeMyApp

WSO2Con EU 2015: Opening Keynote - Helping You Connect the WorldWSO2

Cloud Foundry BOSH CPI for OpenStackAnimesh Singh

Ottspott by Apidaze @API Days Paris 2015Luis Borges Quina

Technologies, Places, Business Models for Open Design @ Pixelversity, Helsink...Massimo Menichinelli

LyteSparkAlex Hunte

OpenY: Scaling and Sharing with Custom Drupal DistributionDrupalCamp Kyiv

Lounjee - NOAH19 BerlinNOAH Advisors

From dev to ops and beyond - getting it doneEdorian

Surviving the Internet in 2010Saumil Shah

Ähnlich wie The web is getting pushy - Phil Nash - Codemotion Amsterdam 2016 (20)

stackconf 2022: Shifting Left the Wrong Way.pdf

Deploy Spark ML and Tensorflow AI Models from Notebooks to Microservices - No...

IT Event Report of TC Disrupt/GMIC

Top 7 wrong common beliefs about Enterprise API implementation

Octo API-days 2015

DevNet @TAG - Spark & Tropo APIs - Milan/Rome May 2016

Pexip UCExpo 2016 Presentation in the Microsoft Modern Workplace Theatre

I broke what?!??!? Taking over maintenance on well loved projects

I broke what? Taking over maintenance on existing (well loved) projects, by B...

ASP.NET MVC 4 Overview

Cisco Paris DevNet Hackathon slideshow - Intro

WSO2Con EU 2015: Opening Keynote - Helping You Connect the World

Cloud Foundry BOSH CPI for OpenStack

Ottspott by Apidaze @API Days Paris 2015

Technologies, Places, Business Models for Open Design @ Pixelversity, Helsink...

LyteSpark

OpenY: Scaling and Sharing with Custom Drupal Distribution

Lounjee - NOAH19 Berlin

From dev to ops and beyond - getting it done

Surviving the Internet in 2010

Mehr von Codemotion

Fuzz-testing: A hacker's approach to making your code more secure | Pascal Ze...Codemotion

Pompili - From hero to_zero: The FatalNoise neverending storyCodemotion

Pastore - Commodore 65 - La storiaCodemotion

Pennisi - Essere Richard AltwasserCodemotion

Michel Schudel - Let's build a blockchain... in 40 minutes! - Codemotion Amst...Codemotion

Richard Süselbeck - Building your own ride share app - Codemotion Amsterdam 2019Codemotion

Eward Driehuis - What we learned from 20.000 attacks - Codemotion Amsterdam 2019Codemotion

Francesco Baldassarri - Deliver Data at Scale - Codemotion Amsterdam 2019 - Codemotion

Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...Codemotion

Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...Codemotion

Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...Codemotion

Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...Codemotion

Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019Codemotion

Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019Codemotion

Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019Codemotion

James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...Codemotion

Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...Codemotion

Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019Codemotion

Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019Codemotion

Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019Codemotion

Mehr von Codemotion (20)

Fuzz-testing: A hacker's approach to making your code more secure | Pascal Ze...

Pompili - From hero to_zero: The FatalNoise neverending story

Pastore - Commodore 65 - La storia

Pennisi - Essere Richard Altwasser

Michel Schudel - Let's build a blockchain... in 40 minutes! - Codemotion Amst...

Richard Süselbeck - Building your own ride share app - Codemotion Amsterdam 2019

Eward Driehuis - What we learned from 20.000 attacks - Codemotion Amsterdam 2019

Francesco Baldassarri - Deliver Data at Scale - Codemotion Amsterdam 2019 -

Martin Förtsch, Thomas Endres - Stereoscopic Style Transfer AI - Codemotion A...

Melanie Rieback, Klaus Kursawe - Blockchain Security: Melting the "Silver Bul...

Angelo van der Sijpt - How well do you know your network stack? - Codemotion ...

Lars Wolff - Performance Testing for DevOps in the Cloud - Codemotion Amsterd...

Sascha Wolter - Conversational AI Demystified - Codemotion Amsterdam 2019

Michele Tonutti - Scaling is caring - Codemotion Amsterdam 2019

Pat Hermens - From 100 to 1,000+ deployments a day - Codemotion Amsterdam 2019

James Birnie - Using Many Worlds of Compute Power with Quantum - Codemotion A...

Don Goodman-Wilson - Chinese food, motor scooters, and open source developmen...

Pieter Omvlee - The story behind Sketch - Codemotion Amsterdam 2019

Dave Farley - Taking Back “Software Engineering” - Codemotion Amsterdam 2019

Joshua Hoffman - Should the CTO be Coding? - Codemotion Amsterdam 2019

Kürzlich hochgeladen

DBX First Quarter 2024 Investor PresentationDropbox

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

Real Time Object Detection Using Open CVKhem

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

A Year of the Servo Reboot: Where Are We Now?Igalia

Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

Architecting Cloud Native ApplicationsWSO2

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez

GenAI Risks & Security Meetup 01052024.pdflior mazor

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot

Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbuapidays

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

Why Teams call analytics are critical to your entire businesspanagenda

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

Kürzlich hochgeladen (20)

DBX First Quarter 2024 Investor Presentation

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Real Time Object Detection Using Open CV

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Artificial Intelligence Chap.5 : Uncertainty

2024: Domino Containers - The Next Step. News from the Domino Container commu...

A Year of the Servo Reboot: Where Are We Now?

Exploring the Future Potential of AI-Enabled Smartphone Processors

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

AWS Community Day CPH - Three problems of Terraform

Architecting Cloud Native Applications

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

GenAI Risks & Security Meetup 01052024.pdf

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu

Automating Google Workspace (GWS) & more with Apps Script

Why Teams call analytics are critical to your entire business

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

The web is getting pushy - Phil Nash - Codemotion Amsterdam 2016

1. THE WEB IS GETTING PUSHY Codemotion Amsterdam 2016

2. Phil Nash @philnash http://philna.sh philnash@twilio.com

3. WARNING!

4. LIVE CODING!

5. ES6

6. ES6 ES2015

7. ES6 ES2015

8. NEW JAVASCRIPT STUFF

9. AUDIENCE PARTICIPATION!

10. THE WEB IS GETTING PUSHY

11. WEB VS NATIVE

12. GEOLOCATION

13. ACCELEROMETER

14. PEER TO PEER VIDEO CHAT

15. PUSH NOTIFICATIONS

16.

17. NOTIFICATIONS

18. #CODEMOPUSH

19. DEMO

20.

21. REAL NOTIFICATIONS

22. Support 22 22 25 6 14ﬂag

23. DEMO

24.

25.

26. PUSH NOTIFICATIONS

27. SERVICE WORKER

28. “THE APPLICATION CACHE IS A DOUCHEBAG”

29. NOT JUST FOR OFFLINE

30. Service Worker Support 40 44 24 under consideration under consideration

31. Push Notiﬁcation Support 42 44 ? non- standard under consideration

32.

33.

34. Service Worker Support jakearchibald.github.io/isserviceworkerready status.modern.ie

35. DEMO

36.

37.

38. WITH GREAT POWER...

39.

40.

41. The code! github.com/philnash/the-web-is-getting-pushy

42. The slides! https://speakerdeck.com/philnash

43. Other resources • Push notifications and SMS - Twilio blog • The Service Worker Cookbook - https://serviceworke.rs/ • Web Push for Node.js - npm - GitHub • Google Developers - Your first push notifications web app

44. THANKS!

45. Use code PNASH20 for 20% oﬀ tickets

46. Thanks! @philnash http://philna.sh philnash@twilio.com