Wrapping up
Parabéns! Você acaba de criar uma página interativa de detalhes de produto para comércio eletrônico, com tamanhos variáveis e preços para cada SKU, baixados sob demanda a partir de um endpoint JSON.
O que você aprendeu:
- A usar
<amp-state>
para buscar informações sobre um produto (cor, tamanho, disponibilidade); - A usar
amp-bind
para criar interações entre diferentes elementos; - A criar uma experiência do usuário rápida e satisfatória com uma página AMP.
Se você ainda tiver dúvidas, consulte o arquivo static/final.html
(em inglês) para ver todas as etapas concluídas.
Próximas etapas
Saiba mais sobre a eficiência e a flexibilidade da criação de páginas AMP interativas na documentação do componente amp-bind
e de outros componentes AMP dinâmicos.