The Accelerated Mobile Pages (AMP) Project is a plug-and-play package of website optimization techniques created by Google to help speed up the web. In this course, you’ll learn how to create an AMP-powered page from scratch.
You’ll learn the AMP way of doing all the most commonly required tasks, including coding HTML, writing CSS, adding images, integrating web fonts, embedding YouTube videos, using iframes, displaying image galleries, embedding tweets, and generating carousels.
Once you’ve completed this course, you’ll be equipped to make AMP versions of just about any web page. So let’s go ahead and get “Up and Running With AMP”!
Optimize Your Website Without AMP
AMP undoubtedly does a great job in speeding up sites, but you can achieve results just as well, if not better, under your own steam if you know how to go about it. Learn how in our course Optimize Your Website Without AMP.
1.Introduction
1.1Up and Running With AMP00:51
2.Optimizing Web Pages with AMP
2.1Getting Started06:59
2.2CSS and AMP05:19
2.3Adding AMP Images07:21
2.4Creating an AMP-Powered Page Cover05:08
2.5AMP-Friendly Web Fonts06:56
2.6Integrate the `` Element04:05
3.More Amp Components
3.1Add a YouTube Video05:27
3.2Add iframe-Based Content05:39
3.3Create an Image Gallery With Lightbox06:54
3.4Add a Carousel of Tweets04:49
4.Conclusion
4.1Wrapping Up02:42
