AMP Conf 2020: Save the date!
AMP

Bem vindo a comunidade AMP!

Expert mode off

Expert mode

Use expert mode to hide web development guidance that's intended for beginners.

Por que AMP?

Em muitas maneiras, a internet é o hub central do mundo. Todos os dias, mais pessoas de todos os lugares do mundo acessam informações online. Mas muitos desses usuário não usam a internet em conexões rápidas ou em dispositivos móveis com alto desempenho. Quando sites são desenvolvidos apenas para conexões e dispositivos mais rápido, a experiência de muitos usuários ficam comprometida.

Para proporcionar aos visitantes do site uma melhor experiência, a comunidade de desenvolvimento encontrou maneiras de melhorar o desempenho do site. Ao longo do caminho, os desenvolvedores aprimoraram a acessibilidade para usuários de tecnologias assistivas, confiabilidade para conexões inconstantes e design responsivo para uma ampla gama de dispositivos.

Às vezes, pode ser cansativo acompanhar todos os novos recursos avançados nas tecnologias web. Acreditamos que os desenvolvedores desejam criar sites rápidos, mas é muito fácil cometer erros ao longo do caminho ou esquecer de implementar algum recurso.

Aí que entra o AMP. O AMP foi criado para facilitar o desenvolvimento de aplicações web focando na criação de melhores recursos sem oferecer aos clientes uma má experiência do usuário.

Como AMP ajuda

AMP é uma biblioteca de web components que aplica as práticas recomendadas para a web. O AMP aborda obstáculos comum no desenvolvimento web, permitindo criar sites com alto desempenho, acessíveis e responsivos.

Em suma, o AMP tenta facilitar a coisa certa a ser feita. Isso libera os desenvolvedores a se concetrarem nos recursos que agregam valor ao seus usuários.

AMP trabalha para melhorar o desempenho da web:

  • Estendendo o HTML adicionando tags para recursos comuns do site. O HTML foi desenvolvido para criar páginas de conteúdo básico, mas não evoluiu para acompanhar as necessidades de sites modernos. Alguns recursos relevantes incluem menus de navegação deslizantes, players de vídeo e carrosséis de imagens. As tags extras adicionadas para esses recursos também são chamadas de "web components".

  • Reduzindo a quantidade de JavaScript. AMP requer JavaScript para ser executado, mas o AMP impõe restrições sobre onde e como o JavaScript pode ser executado em outros lugares das suas páginas. Essa restrição tem como foco melhorar o desempenho em dispositivos móveis. Os componentes AMP fornecem grande part das funcionalidades que os desenvolvedores buscam no primeiro momento.

  • Detectando problemas com antecedência e frequencia durante o desenvolvimento do site. Como mencionamos anteriormente, há muito o que acompanhar no desenvolvimento de aplicações modernas. AMP ajuda a gerenciar esse problema, fornecendo um validador que procura problemas que posssam afetar o desempenho ou a accessibilidade do seu site. Além disso o validador ira apontar maneiras de corrigir os problemas encontrados!

Os benefícios do AMP não terminam depois que sua página é implantada. Empresas como Google e Microsoft criaram caches que armazenam páginas AMP sem erros de validação. Esses caches podem aplicar otimizações de desempenho ao seu conteúdo do site sem afetar na experiência dos seus usuários. As páginas AMP em cache também são integradas aos mecanismos de busca, para que seu site possa ser acessado a partir dos resultados da busca em segundos - ou até menos!

Aprendendo desenvolvimento web com AMP

Aprender AMP é uma ótima maneira para aprender desenvolvimento web, porque os sites AMP são:

  • construído usando padrões de desenvolvimento para HTML, CSS e JavaScript.

  • compatível com todos os browsers modernos.

  • não depende de ferramentas ou software especiais para construir ou implantar a aplicação online.

Você terá habilidade de construir páginas AMP que essas nova habilidade poderá ser útil na construção de sites em outros formatos ou frameworks. Como muitos frameworks populares, AMP tem uma abordagem baseada em componentes para projetar e construir sites. Você vai aprender a construir sites utilizando boas práticas, começará a pensar em componentes e evitar maus hábitos que prejudicam a experiência do usuário. Essas são habilidades universais que podem ser aplicadas na web

AMP trata do desempenho, acesibilidade e design responsivo, para que você possa se concentrar nos recursos do seu site. No entanto, se você deseja aprimorar suas habilidades, aprender AMP também pode ajudá-lo a descobrir exatamente como AMP lida com essas preocupações. Você continuará aprendend e amadurecendo esses conceitos como desenvolvedor, mesmo quando seus usuários já desfrutam dessa experiência que AMP ajudou a criar.