Hoje tenho o prazer de anunciar o lançamento do PWA Pong, um aplicativo progressivo da web versão do clássico jogo Pong. Escolhi Pong porque recentemente conversei com alunos na Índia , contando como comecei minha carreira de desenvolvimento.
Você pode experimente o jogo PWA Pong agora mesmo .
Enquanto me preparava para este noivado, ocorreu a meu fascínio, como a maioria de nós, começou quando eu era jovem jogando videogame. Rastreei essa experiência até uma visita a um amigo da família com um novo sistema de entretenimento doméstico Atari 6500.
Eu me lembro daquela noite, jogando pong em seu aparelho de televisão no chão da sala gigante. Eu não estava sozinho, a casa inteira, cheia de convidados, ficou impressionada com o jogo na tela, pong.
Para comemorar minha apresentação para os alunos, decidi encontrar uma versão do Pong que pudesse atualizar. Graças ao GitHub, localizei rapidamente uma versão adequada que poderia facilmente atualizar para um aplicativo da web progressivo .
15 minutos depois a primeira versão do PWA Pong estava pronta para ser usada!
Assim como outros aplicativos da web progressivos que tenho lançado, este é um aplicativo muito simples. Simplesmente adicionei um arquivo de manifesto da web e um trabalhador de serviço básico. Também estou hospedando o site na AWS usando o serviço CDN do CloudFront. A AWS oferece certificados SSL gratuitos que são fáceis de provisionar e instalar.
Eu gerei a matriz de ícones da tela inicial de Pong usando o PWA Builder . O service worker foi copiado de outros projetos e, é claro, personalizado para os recursos pong.
O código-fonte está disponível no GitHub. O projeto original foi criado há mais de 8 anos. No momento, o aplicativo só funciona em desktops. Farei atualizações, pois tenho tempo para fazê-lo funcionar em dispositivos sensíveis ao toque.
Eu convido você a desfrutar do jogo e consultar o código-fonte para atualizar seus sites existentes. Também encorajo você a encontrar outros aplicativos ou sites no GitHub que você também pode bifurcar e atualizar.
Deixe-me saber o que você cria.
Espero que isso o ajude a ver como você pode atualizar com segurança qualquer site existente para ser um aplicativo da web progressivo. Meus PWAs simples como o Pong devem servir como referências para você começar.
Lembre-se de atualizar seu site para uma web progressiva é uma jornada. E de acordo com o ditado chinês, todas as viagens começam com uma única etapa. Dê o primeiro passo hoje!
