Unlimited WordPress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
by
FREELessons:12Length:1 hour

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

4.1 Wrapping Up

Congratulations you just finished Up and Running with AMP. So now you've been through the whole process starting from scratch of creating an AMP page. And you should have old building blocks and fundamental information that you need to be able to make any kind of AMP website that you have to. So to pretty much summarize everything up into a nutshell, your process is just to add your boilerplate card, then find out what type of AMP element you need to use for any given type of content. If necessary, include a JavaScript snippet for that element and then read up in the docs to see what different attributes are that you need to include and what the correct settings of whatever it is that you're trying to achieve. So now that you've got the ball rolling, the very best next thing that you can do is go to the AMP components documentation page. This gives you a full list of all the custom elements that are a part of AMP and that is pretty much your building blocks when you working with AMP pages. If there's something that you need to do, you're gonna A, find the element there that's gonna help you do it, or B, not be able to do in an AMP page at all and have to find a way to get around needing to sleep it out. I mentioned that I have a couple of other tutorials to refer you to, to hope you continue working with AMP and also look at some alternatives. So the first one that I wanna point you to is this one on how to deal with CSS. As you know, you can't have any external style sheets which is fine when you doing a one page site like we just did. But when you doing a multi page site, that becomes unwieldy, very quickly. So this tutorial here is going to give you a couple of ways that you can deal with that 1, by using jJade which is now known as Pog and that's a way that you can import and external CSS file into multiple static HTML files. The other way is using PHP to dynamically leger styles in on demand. The next article that I think you find helpful to have a look at is this article on whether AMP will make your site's faster or not. Sometimes you need AMP, sometimes you don't. Or sometimes perhaps an alternative approach to optimization is useful. So if you have a look through this article that will help you decide whether or not you wanna use AMP with a particular project. Which takes us into this tutorial which is an example of how you can set up lazy loading yourself if you don't wanna use AMP on a particular project by using Layzr.js instead of that AMP image element. And then finally we have this tutorial here, which covers working with AMP image and AMP video. You already know how to work with AMP image, but this one gives you some information on working with AMP video as well. And it also digs into a little bit more information on working with that layout attribute that you've seen throughout the duration of this course. All right, so I hope you enjoyed the course, I hope you learned something. And that you feeling pretty confident to go out there and start making AMP websites. Thanks so much for taking this course, and I'll see you in the next one.

Back to the top