The power of Headless Chrome and browser automation (Google I/O '18)

The headless browser revolution has arrived! Headless browsers are powerful tools that all developers can adopt in their workflow. This session will showcase examples of the amazing things that Chrome can do without a UI: write programs to control the browser; test a site; automate UI tasks; integrate into a CI system; setup A/B perf monitoring; prerender a client-side app for SEO; and more. The focus will be on using Puppeteer, Google’s Node library for controlling headless Chrome.

Rate this session by signing-in on the I/O website here →

Getting Started with Headless Chrome →
Puppeteer →
Examples →
Demo sites:

Watch more Chrome and Web sessions from I/O ’18 here →
See all the sessions from Google I/O ’18 here →

Subscribe to the Chrome Developers channel →


lit-HTML (Chrome Dev Summit 2017)

lit-HTML is a next-generation templating library that combines powerful web platform primitives – JavaScript tagged template literals and HTML templates – to help you build expressive templates for efficiently creating and updating DOM. In this video, Justin Fagnani dives into lit-HTML so that you can get on the fast path to building performant, dynamic applications.

Check out the rest of the Chrome Dev Summit videos here:
Subscribe to the Google Chrome Developers channel:

Konga: Learnings from Building with Polymer (Progressive Web App Summit 2016)

Konga is a leading e-commerce website in Nigeria, selling everything from books to fridges to mobile phones. Mobile devices provide the largest source of traffic and user growth.

The Konga team explain how they built a PWA with Polymer to accommodate user needs for this market and its specifics.

Music by Terra Monk:

Subscribe to the Chrome Developers channel at

Display notifications – Progressive Web App Training

What’s the best way to display popup notifications on mobile and desktop.

This video shows how to use the Notification API to display popup notifications — using JavaScript built in to the browser.

Full playlist:

Debugging JavaScript – Chrome DevTools 101

If you’re still using console.log() to find and fix JavaScript issues, you might be spending more time debugging than you need to. This tutorial shows you how to make the most of Chrome DevTools so that you can debug your JavaScript as quickly as possible.

Doc version of this tutorial:
Breakpoints Guide:
JavaScript Debugging Reference:

Subscribe to the Google Chrome Developers channel:

Deep Engagment with Push Notifications (Progressive Web App Summit 2016)

Push notifications are an incredibly effective way to build deeper user engagement with your application, and are now available on the web. In this session, we’ll take a look at how they work and deep-dive into how to implement push notifications in web applications, from beginning to end

Subscribe to the Chrome Developers channel at

Music by Terra Monk:

End-to-End Polymer Apps with the Modern Web Platform (Chrome Dev Summit 2017)

Trying to build a web app that is large, maintainable, and fast? In the past, you’d have to pick two, at best. But what if it didn’t need to be this way?

On the Polymer project, we’re aiming to push the web platform and provide libraries and tools so that it might become easier to get the best of all worlds when building on the web. In this video, Taylor goes over the latest with the Polymer Project, including an end-to-end walkthrough of how the Polymer team envisions using web components, service worker, and other new web platform features to build high-quality PWA’s.

Check out the rest of the Chrome Dev Summit videos here:
Subscribe to the Google Chrome Developers channel:

Building Virtual Reality on the Web with WebVR (Google I/O '17)

WebVR enables web developers to create frictionless, immersive experiences. Reach all VR headsets and the billions of users without VR hardware at once with a single web app. We’ll explore how to get started with WebVR by creating an app on stage, and show you how others are already using WebVR today.

Watch more Chrome and Web talks at I/O ’17 here:
See all the talks from Google I/O ’17 here:

Subscribe to the Chrome channel:

#io17 #GoogleIO #GoogleIO2017

Building a Website #Day0

Ever wondered how the Developer Advocates at Google build websites? This is an exclusive walk through by Paul Lewis as he builds the Chrome Dev Summit site. Subscribe and keep up to date!

Check out the playlist:

Subscribe to the Chrome Developers Channel:

Building the Google I/O Web App: Launching a Progressive Web App on – Google I/O 2016

Learn how 20% engineers at Google used the same open source tools & technologies you use to launch a Progressive Web App on We cover how we built a real, scalable, offline-first web app powered by Polymer, web components, service workers, notifications, Google Sign-in, Firebase, new browser APIs, and more. If Google has an API for it, we used it!

Watch more Chrome talks at I/O 2016 here:
See all the talks from Google I/O 2016 here:

#io16 #GoogleIO #GoogleIO2016