Course Outline
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
Requirements
- Experience with front-end development
Audience
- Developers
Testimonials
Antonio gave is much background information, best practices and showed us useful tools to speed up our development process.
Philipp Hunger
The pace and he gave background understanding on what the subject is about and what it is built on
Vodacom SA
His ability to explain complex concept in simpler terms. Giving an overview of how everything ties together and how we can best apply these in our work scenarios
Sefako Tholo - Vodacom SA
Simplification of new complex techniques