1. Introduction
In this codelab, you'll learn how to build Accelerated Mobile Pages -- or AMP for short. To achieve this you will implement a simple news article web page that conforms to the AMP specifications while incorporating several typical web features commonly used on mobile news sites.
What you'll learn
- How AMP improves the user experience of the mobile web.
- The foundations of an AMP site.
- AMP's limitations.
- How AMP's web components solve common news site problems.
- How to validate your AMP.
- How to prepare your AMP for Google Search.
What you'll need
- The sample code
Python
(preferably 2.7) or the Chrome 200 OK Web Server extension- Chrome (or an equivalent browser that can inspect the JavaScript console)
- Code Editor (for example Atom, Sublime, Notepad++)
How will you use this tutorial?
Spreadsheets? What does this have to do with getting off the main thread, avoiding janky UIs and performance?
Going reactive makes you define your workflow in a way that is trivial to move to another thread
, share work between a pool of threads, and manage error conditions. Agera comes with a mechanism to yield to the UI as much as possible, which avoids dropped frames, janky scrolls and unresponsive UIs.
How will you use this tutorial?
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned left-aligned centered | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |