Accelerated Mobile Pages (AMP) – The Complete Course

Accelerated Mobile Pages (AMP) – The Complete Course, available at $49.99, has an average rating of 4.45, with 57 lectures, based on 80 reviews, and has 1464 subscribers.

You will learn about Develop AMP websites Compose AMP emails Make AMP stories Use AMP ads Add interactivity in AMP pages without JavaScript This course is ideal for individuals who are Web developers who wants to expand their knowledge of web development and AMP or Freelancers or Web design studio employees or Front-end developers It is particularly useful for Web developers who wants to expand their knowledge of web development and AMP or Freelancers or Web design studio employees or Front-end developers.

Enroll now: Accelerated Mobile Pages (AMP) – The Complete Course

Summary

Title: Accelerated Mobile Pages (AMP) – The Complete Course

Price: $49.99

Average Rating: 4.45

Number of Lectures: 57

Number of Published Lectures: 57

Number of Curriculum Items: 57

Number of Published Curriculum Objects: 57

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Develop AMP websites
Compose AMP emails
Make AMP stories
Use AMP ads
Add interactivity in AMP pages without JavaScript

Who Should Attend

Web developers who wants to expand their knowledge of web development and AMP
Freelancers
Web design studio employees
Front-end developers

Target Audiences

Web developers who wants to expand their knowledge of web development and AMP
Freelancers
Web design studio employees
Front-end developers

Warning: I am no longer providing help or support for this course.

Learn AMP from scratch and become awesome at it! After the course, you will be able to offer to your clients to redesign their site in AMP, or add “AMP” in your CV to make you more employable as a front-end developer.

We will start with the absolute basics and progress until we can built stories, emails, ads and websites.

All examples are practical and are projects that I was asked to create by my clients. You will be able to apply your knowledge right away.

We will start by building a landing page for a veterinary hospital, create an AMP story for our history site, compose a dynamic email that updates its content and make a simple AMPHTML Ad.

We will also take a look at how to make our AMP pages interactive with AMP actions & events and amp-bind – we will built a URL navigating drop-down and an “Add to favorites” button.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Debunking AMP myths

Chapter 2: Getting started with AMP

Lecture 1: Output "Hello World" with AMP

Lecture 2: How to validate AMP pages

Lecture 3: Adding images with AMP part 1 – <amp-img> basics

Lecture 4: Adding images with AMP part 2 – responsive images

Chapter 3: AMP attributes

Lecture 1: What are HTML attributes?

Lecture 2: fallback attribute

Lecture 3: placeholder attribute

Lecture 4: noloading attribute

Lecture 5: media attribute

Lecture 6: width and height

Lecture 7: layout attribute

Chapter 4: Most used AMP components

Lecture 1: What are AMP components?

Lecture 2: AMP components development pattern

Lecture 3: amp-accordion

Lecture 4: amp-carousel

Lecture 5: amp-lightbox

Lecture 6: amp-image-lightbox

Lecture 7: amp-lightbox-gallery

Lecture 8: amp-youtube

Chapter 5: Add interactivity to AMP pages without JavaScript

Lecture 1: The "on" AMP attribute

Lecture 2: Events and actions

Lecture 3: Hide and show elements

Lecture 4: Practical example: Navigate to a URL based on <select> option change

Lecture 5: Practical example: Hero video overlay

Lecture 6: Introduction to amp-bind

Lecture 7: amp-bind practical example: Creating an "Add to favorites" button

Chapter 6: AMP forms

Lecture 1: AMP forms basics – components, attributes, template engine

Lecture 2: PHP code for form submission

Lecture 3: Displaying error and success messages

Lecture 4: Coding an AMP newsletter subscription form

Lecture 5: Processing subscription form submissions

Chapter 7: Creating an AMP website

Lecture 1: Use external stylesheets with AMP

Lecture 2: Coding the header – adding the logo and phone number

Lecture 3: Adding a sticky header with CSS

Lecture 4: Adding an image

Lecture 5: Coding a testimonials slider with amp-carousel

Lecture 6: Embedding Google Maps with amp-iframe

Lecture 7: Testing and validating the AMP site before launch

Chapter 8: AMP Stories

Lecture 1: What are AMP stories?

Lecture 2: AMP stories basics – adding the necessary components, elements and attributes

Lecture 3: Coding the stories layout

Lecture 4: Adding text and images to story slides

Lecture 5: Adding background audio to a story

Lecture 6: Animating the stories with animate-in

Lecture 7: Finishing up our story with bookend.json

Chapter 9: AMP Email

Lecture 1: What are AMP emails?

Lecture 2: Getting started with AMP Email

Lecture 3: Coding a simple AMP email with a slider

Lecture 4: Fetching JSON with amp-list

Lecture 5: Creating a dynamic email

Chapter 10: AMP Ads

Lecture 1: What are AMP ads?

Lecture 2: Getting started with AMP ads

Lecture 3: Adding ads on your AMP site

Chapter 11: AMP development tricks, tips and miscellaneous info

Lecture 1: Open and close sections with AMP without amp-accordion

Chapter 12: Bonus section

Lecture 1: Thank you and keep in touch

Instructors

Stefany Newman
Web Accessibility Specialist, Advocate, and Trainer

Rating Distribution

1 stars: 1 votes
2 stars: 3 votes
3 stars: 15 votes
4 stars: 30 votes
5 stars: 31 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu