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
  14 Hours
 

Testimonials (4)

Related Courses

Related Categories