AMP Study Jam

GDG João Pessoa
Tue, Jun 9, 2020, 7:00 PM (GMT-3)

10 RSVP'ed

About this event

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:
1) aqueles que estão começando o desenvolvimento da web moderna
2) aqueles com experiência em programação em outras estruturas JavaScript

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.
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.

Agenda:

- Por que AMP?
- 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


Organizers