Development
Web Development
Mobile Web Sites
Creating websites with Accelerated Mobile Pages (AMP)
4.2 (63 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,312 students enrolled

Creating websites with Accelerated Mobile Pages (AMP)

Learn how to create a real life website with Google AMP, from beginning to end with no prior knowledge of AMP
4.2 (63 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,312 students enrolled
Created by Stefany Newman
Last updated 12/2019
English
English [Auto-generated]
Preview this course
Creating websites with Accelerated Mobile Pages (AMP)
Current price: $12.99 Original price: $19.99 Discount: 35% off
10 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create websites with Google AMP
Course content
Expand all 30 lectures 02:53:45
+ – Getting started with AMP
6 lectures 34:11

We will be setting up our dev server with SFTP connection via our text editor & Filezilla

Setting up a dev server with MODx cloud for AMP
Preview 05:10
Output "Hello World" with AMP
Preview 06:58
How to validate AMP pages
06:53

AMP components are like jQuery libraries that you include in your project when your client needs a big ass slider or a light-box for the gallery of puppies.

What are AMP components?
05:57
Adding images with AMP part 1 - <amp-img> basics
08:06
Adding images with AMP part 2 - responsive images
01:07
+ – Creating a website with AMP
8 lectures 42:16
Recreating Furbaby website in AMP
Preview 01:37
Adding the favicon and logo
03:23
Creating mobile off-canvas menu
09:36
Embedding Google maps and iframes
04:41
Build a testimonials carousel
08:34
AMP compliant contact form
05:59
Embedding a YouTube video with AMP
07:13

Feel free to copy any of the code of the site, except the hero image & the social media icons. Play around with it!

Finishing and testing the AMP site
01:13
+ – AMP forms
5 lectures 46:08
AMP forms basics - components, attributes, template engine
07:29
PHP code for form submission
08:47
Displaying error and success messages
13:03
Coding an AMP newsletter subscription form
08:59
Processing subscription form submissions
07:50
+ – AMP development tricks, tips and miscellaneous info
5 lectures 31:18
Do not use Bootstrap with AMP
03:42
CSS restrictions
03:34

Do not name your container ".container" and use inline styles for full width images

AMP bugs in Mozilla Firefox
04:32
How to add a sticky header
09:17
Open and close sections with AMP without amp-accordion
10:13
+ – Bonus section
1 lecture 00:41
Thank you and let's keep in touch
00:41
Requirements
  • Students must know HTML, CSS and basic JavaScript
Description

The most visited websites in the world use AMP in one way or another. Clients and employers are adamant to get their sites first place in Google. Learning how to code with AMP will make you more employable, get your more clients and raise your customer's satisfaction levels.


Imagine being the only person in a web design studio who knows AMP! Imagine getting your client's website on the first page in Google by redesigning it using this course!


If you ever get stuck or need more help, please do not hesitate to contact me and I will do my best to help you.

Who this course is for:
  • Web developers who want to expand their knowledge and be more employable