Check out the courses listed below, and find the right one for you. Learn how to build production-ready web apps, and how to design for mobile first. Begin building progressive web applications (PWAs), which use existing tools and technologies to create targeted, ideal user experiences.
If you're looking for short, guided tutorials, Google Developer Codelabs provide step-by-step coding experience. To see web-development codelabs that were featured at Google I/O 2017, visit Codelabs Google I/O 2017.
Build progressive web apps
A web app is progressive if it uses the latest web technologies to behave like a native mobile app. These technologies are supported by modern browsers and include service workers, databases, and push messaging. You develop Progressive Web Apps (PWAs) using existing tools and technologies to create targeted, ideal user experiences.
Intro to Progressive Web AppsFree, self-paced, online course.
Build your first PWA, a weather app that works offline. Learn to cache files with the Service Worker API, collect data using the Fetch API, and make your app installable on the home screen with the web app manifest file.
Offered in-person at selected locations. The materials are also available New! Developing Progressive Web Appsonline for self-study.
In this more comprehensive course, learn how to convert web pages to PWAs and how to use service workers, caching, and an application shell architecture. Build apps that enable meaningful offline experiences, fast first load, and easy user re-engagement upon repeat visits.
Offline Web ApplicationsFree, self-paced, online course.
In this entertaining, fast-paced class, learn to analyze your own app, select the right caching patterns, use the Service Worker Toolbox, and handle dynamic data via IndexedDB.
Build for all devices and users
Everybody deserves access to their apps, even when affected by age, vision concerns, limited hearing, a broken arm, or other limitations.
This course dives into the why and how of making web apps accessible. As a bonus, accessible sites tend to be more usable for all!
Responsive Web Design
Responsive Web Design is an old idea, but many developers struggle to implement it. Cut through the confusion and learn the mechanics of responsive web design. You’ll come away able to build web pages that work equally well on phones, tablets, and the desktop.
Responsive ImagesImages are the last frontier of responsive design: how can you load the right image for the current screen?
HTML5 has evolved new image-handling capabilities; learn how to work with new features such as
srcset so that your images look great and load quickly on any device.
Improve the user experience
Browser Rendering Optimization
Want that smooth-as-a-native-app look and feel? Learn how to build apps that maintain 60-frames-per-second performance to react quickly and render smoothly.
Website Performance Optimization
The #1 reason people leave a web site is because it renders too slowly. Learn how to optimize your websites for speed on the desktop and mobile.
Become an HTTP master, optimizing network communications (for example using REST), preventing security problems (XSS, CSRF), deploying HTTPS, and turbocharging your apps with HTTP/2.
High Conversion Web Forms
Over 70% of online shopping carts are abandoned before checkout! Learn how to keep users happy and reduce the chances of their walking away.
Web Tooling and Automation
Learn to use editor plugins and development automation tools to speed up your development; identify and fix errors quickly; and deploy optimized, resilient apps.
Mobile Web Development
Learn the basics of building mobile web apps that work across multiple platforms including Android, iOS, and others.
HTML5 Game Development
Games in HTML5? Yes, it’s possible as modern browsers are much faster than people realize. This course will walk you through the major components of building GRITS, an HTML5 game.