AMP Study Jam

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?

Jun 9, 2020, 10:00 PM – Jun 10, 2020, 1:00 AM

10
RSVP'd

Key Themes

Web

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

  • Messias Batista

    Minsait

    Organizer

  • Vanessa Dantas

    GDG/WTM Organizer

  • Mariana Linhares

    GDG/WTM Organizer

  • Allan Ramos

    Serasa (via Maitha)

    GDG Organizer

  • Nicoly Pessoa

    GDG/WTM Organizer

  • Jerson Brito

    AmbevTech

    GDG Organizer

Contact Us