AMP by Example

Accelerated Mobile Pages (short AMP) are a new way to build web pages that render with reliable, fast performance.

AMP by Example gives you a hands-on introduction to Accelerated Mobile Pages based on code and live samples. Learn how to create websites with AMP and how to effectively make use of the different AMP components.

Read the blog post for more details.

Introduction

• Hello World
• How to publish AMPs

Components

• amp-access
• amp-accordion
• amp-ad
• amp-anim
• amp-audio
• amp-brightcove
• amp-carousel
• amp-dailymotion
• amp-facebook
• amp-iframe
• amp-image-lightbox
• amp-img
• amp-instagram
• amp-lightbox
• amp-list
• amp-pinterest
• amp-social-share
• amp-soundcloud
• amp-twitter
• amp-user-notification
• amp-video
• amp-vimeo
• amp-vine
• amp-youtube

Advanced

• amp-user-notification with Server Endpoint
• How to create interactive AMP pages?
• Image Galleries with amp-carousel
• Integrating Videos in AMP: an Overview
• Long List of amp-instagram Embeds
• Using the Google AMP Cache