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 → https://goo.gl/PEoVtB

Getting Started with Headless Chrome → https://goo.gl/wg3u1W
Puppeteer → https://goo.gl/YXrgqX
Examples → https://goo.gl/G4QcBC
Demo sites:
→ https://pptraas.com
→ https://try-puppeteer.appspot.com

Watch more Chrome and Web sessions from I/O ’18 here → https://goo.gl/5fgXhX
See all the sessions from Google I/O ’18 here → https://goo.gl/q1Tr8x

Subscribe to the Chrome Developers channel → http://goo.gl/LLLNvf

#io18

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: https://goo.gl/ekCoVu
Subscribe to the Google Chrome Developers channel: http://goo.gl/LLLNvf

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: https://soundcloud.com/terramonk/pwa-amsterdam-2016

Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf

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.

Demo: https://goo.gl/MwytjG
Doc version of this tutorial: https://goo.gl/NZxQdD
Breakpoints Guide: https://goo.gl/9XYhhF
JavaScript Debugging Reference: https://goo.gl/osaf2Q

Subscribe to the Google Chrome Developers channel: http://goo.gl/LLLNvf

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 http://goo.gl/LLLNvf

Music by Terra Monk: https://soundcloud.com/terramonk/pwa-amsterdam-2016

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: https://goo.gl/ekCoVu
Subscribe to the Google Chrome Developers channel: http://goo.gl/LLLNvf

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: https://goo.gl/Q1bFGY
See all the talks from Google I/O ’17 here: https://goo.gl/D0D4VE

Subscribe to the Chrome channel: http://goo.gl/LLLNvf

#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: https://goo.gl/cbQTWK

Subscribe to the Chrome Developers Channel: http://goo.gl/LLLNvf

Building the Google I/O Web App: Launching a Progressive Web App on Google.com – 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 Google.com. 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: https://goo.gl/JoMLpB
See all the talks from Google I/O 2016 here: https://goo.gl/olw6kV

#io16 #GoogleIO #GoogleIO2016