Packt+ | Advance your knowledge in tech

You're reading from AMP: Building Accelerated Mobile Pages Create lightning-fast mobile pages by leveraging AMP technology

Product type Paperback

Published in Oct 2017

Publisher Packt

ISBN-13 9781786467317

Length 370 pages

Edition 1st Edition

Languages

JavaScript

Tools

AMP

Concepts

Web Design

Author (1):

O'Donoghue

Title Page

Credits

About the Author

Acknowledgements

About the Reviewer

www.Packtpub.com

Customer Feedback

Preface

1. Ride the Lightning with AMP

2. Building Your First AMP Page FREE CHAPTER

3. Making an Impression - Layout and Page Design in AMP

4. Engaging Users with Interactive AMP Components

5. Building Rich Media Pages in AMP

6. Making Contact - Forms in AMP

7. Dynamic Content and Data-Driven Interaction

8. Programming in AMP - amp-bind

9. When AMP Is Not Enough - Enter the iframe

10. Ads and Analytics in AMP

11. AMP Deployment and Your Web Presence

12. AMP - Where It's At and Where It's Going

13. AMP Components

14. Actions and Events

15. amp-bind Whitelisted Functions

16. amp-bind Permitted Attribute Bindings

Action	Element(s)	Description
`hide`	`*`	Hides the element
`show`	`*`	Shows the element
`toggleVisibility`	`*`	Toggles element visibility
`scrollTo(duration, position)`	`*`	Scrolls element into view. `duration` (optional, default: 500 ms) specifies length of scroll animation. `position` (optional, default: `top`) specifies end position in viewport, is one of `top`, `center`, `bottom`
`focus`	`*`	Give focus to target element
`goToSlide(index)`	`amp-carousel [type="slides"]`	Advances carousel to slide index (integer)
`open`	`amp-image-lightboxamp-lightboxamp-sidebar`	Opens the component
`close`	`amp-image-lightboxamp-lightboxamp-sidebar`	Closes the component
`toggle`	`amp-sidebar`	Toggles the sidebar state
`dismiss`	`amp-user-notification`	Hides the notification
`submit`	`form`	Submits the form
`play`	`amp-videoamp-youtubeamp-3q-playeramp-ima-videoamp-brid-playeramp-dailymotion`	Plays video
`pause`	`amp-videoamp-youtubeamp-3q-playeramp-ima-videoamp-brid-playeramp-dailymotion`	Pauses video
`mute`	`amp-videoamp-youtubeamp-3q-playeramp-ima-videoamp-brid-playeramp-dailymotion`	Mutes video
`unmute`	`amp...`