Por que executar um AMP Study Jam? O AMP é uma estrutura HTML de código aberto criada pelo Google que fornece uma maneira direta de criar páginas da Web que são rápidas, de carregamento suave e priorizam a experiência do usuário acima de tudo. Os atolamentos de estudo da AMP são uma ótima oportunidade para reunir membros da sua comunidade e aprender essa tecnologia quente. Quem deve comparecer? O AMP Study Jam é mais adequado para: Sobre este evento: Este workshop é focado no desenvolvimento de aplicações web com o AMP. Nosso ponto de partida é uma página de receitas com HTML estático que iremos converter em um aplicativo interativo do AMP. Se você nunca usou o AMP antes, não se preocupe. Neste workshop, iremos para começar do básico ao nível intermediário. AMP é framework inclusivo que permite a criação de aplicações web de maneira ágil. Agenda: - Por que AMP?
1) aqueles que estão começando o desenvolvimento da web moderna
2) aqueles com experiência em programação em outras estruturas JavaScript
Primeiramente, vamos entender por que devemos usar o AMP e quais são os principais pontos da plataforma. Na sequência, vamos fazer algumas atividades práticas, veremos as etapas necessárias para converter uma página HTML comum em uma página AMP e entender e usar os componentes AMP. Para os exercícios iremos utilizar Glitch um editor de texto online, onde você poderá acompanhar passo a passo os exercícios.
- Nossa jornada
- Validação e cache AMP
- Exercício 1: Usando o AMP Validator
- A anatomia de uma página AMP
- Exercício 2: Convertendo nossa solução HTML
- Componentes da Web
- Exercício 3: Primeiros componentes
- Exercício 4: Incorporando vídeo
- Exercício 5: Criando uma imagem SlideShow
- Exercício 6: Criando um menu de slides
- Perguntas