Developing on the web platform
In this codelab, you’ll build an installable Progressive Web App, which loads quickly, even on flaky networks, and when launched looks like any other installed app.
In this codelab, you'll play around with several web APIs that are brand new or only available behind a flag. Each section represents an independent API, so feel free to cherry-pick what interests you the most.
Build a web page that interacts with a micro:bit board to show different images on its 5x5 LED display. You'll learn about WebSerial, and how to use Readable, Writeable, and Transform Streams to communicate with serial devices in the browser.
In this codelab, you’ll add a Trusted Web Activity that opens an existing Progressive Web App (PWA) in an Android application.
Learn how to add push notifications to your web app. Push messaging provides a simple and effective way to re-engage with your users.
In this codelab, you’ll use Workbox to build an offline-capable Progressive Web App (PWA) with a production-quality service worker. Workbox takes care of service worker best practices and corner cases, making your development process simpler and your web app more reliable.
Angular is a development platform for building mobile and desktop apps. In this codelab, you'll start working on MewTube, a video social network for cats only.
In this codelab, you’ll learn how to add a 3D model to your website with <model-viewer>, including configuring the model for augemented reality (AR) on a smartphone.
This codelab walks you through adding structured data to a simple HTML site, including where to place structured data on a site and how to validate structured data.
Learn how to test and improve single-page apps (SPAs) to make them search-friendly by fixing technical SEO problems on an existing SPA.
In this codelab, you’ll build a checkout page and equip it with Google Pay. This allows users of your site to pay for items in a fast, convenient, and secure way, with just the click of a button.
Learn how to use the Firebase platform on the web by building a chat app.
Set up Firebase Performance Monitoring in a web app and learn how to use it to make sure your app runs well for end users.
Build a beautiful, interactive, and canonical AMP page that incorporates many of AMP’s features and extended components.
Get the latest news and articles about web development
Featured videos from our YouTube channel