Duration
2 days
Overview
An Accelerated Mobile Page (AMP) is a condensed web application that is built for high speed loading. Only certain HTML tags, a streamlined version of CSS, and a built-in JavaScript library can be used to create Accelerated Mobile Pages.
This instructor-led, live training (online or onsite) is aimed at developers who wish to create Accelerated Mobile Pages to enable high speed loading.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start developing an Accelerated Mobile Page.
- Minify CSS and HTML.
- Pre-render extended content.
Introduction
AMP and the Front-End
- Processes and modules used in optimizing the user experience
Overview of the Mobile Web Development Cycle
- Front-end versus back-end
- Javascript libraries, HTML templates, and CSS streamlining
Free Hosted Cache Platforms
- Rel alternatives
- SERP impact
Preparing the Development Environment
- Installing a web server on localhost
- Installing and configuring NPM module 'AMP'
Developing the Application
- Coding a todo list web page template
- Converting the web page template into an AMP template with AMP specs
- Styling the Amp template with AMP tags
Optimizing the Application
- Link rel="canonical" to integrate pre-rendering of cached content
Testing the Application
- Validating the AMP template with Chrome's DevTool, "AMP Projects"
Deploying the Application
- Running the application on a mobile simulator or mobile device
- Tracking the performance with AMP Analytics
Summary and Conclusion
Programme scope, delivery arrangements and suitability are confirmed during enquiry.