Get started with modern web development
Build your first Progressive Web App
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.
Getting Started with WebSerial
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.
Getting started with Trusted Web Activities
In this codelab, you’ll add a Trusted Web Activity that opens an existing Progressive Web App (PWA) in an Android application.
Adding push notifications to your web app
Learn how to add push notifications to your web app. Push messaging provides a simple and effective way to re-engage with your users.
Build a PWA using Workbox
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.
Basics of Angular
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.
Add 3D models to the web with <model-viewer>
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.
Add structured data to your web pages
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.
Fix a single-page app for Google Search
Learn how to test and improve single-page apps (SPAs) to make them search-friendly by fixing technical SEO problems on an existing SPA.
Add Google Pay to your website
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.
Firebase Performance Monitoring for web
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.