Devo transformar meu site em uma PWA? \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 03 Horas 55 Min 38 Seg Tempo restante da oferta: 03 55 38 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Devo transformar meu site em uma PWA? [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) # Devo transformar meu site em uma PWA? Você sabe o que é uma PWA? Será que vale a pena transformar o seu site em uma? [ Akira Hanashiro ](https://www.treinaweb.com.br/blog/autor/akira-hanashiro) 9 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2017/11/13144813/devo-transformar-meu-site-em-uma-pwa.jpg) Olá, Web Developers! Vocês sabem o que são PWA’s? Será que vale a pena transformar uma página web em uma PWA? [ ![PWA - Progressive Web Apps](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/pwa.svg) Curso PWA - Progressive Web Apps Conhecer o curso ](https://www.treinaweb.com.br/curso/progressive-web-apps) ## O que são PWA’s? PWA vem de “Progressive Web App” e a ideia é juntar o melhor dos aplicativos nativos e tecnologias web. É importante notar que **não** estamos falando de aplicativos híbridos. PWA’s são aplicações web comuns, então só precisamos de HTML, CSS e JavaScript. Porém, possuem características que fazem o usuário se sentir em um aplicativo nativo. Aqui as características que definem uma PWA: **1. São progressivas** Elas vão funcionar em qualquer contexto, não importando o dispositivo ou navegador. Deve-se verificar se alguma funcionalidade que você vai usar encontra-se disponível no navegador do seu usuário. Se não, proporcionar algum comportamento para que a página não quebre e passe uma má experiência. **2. São responsivas** A interface e funcionalidades se adequam a qualquer tamanho de tela, desde um pequeno smartphone até uma grande Smart TV. **3. Não precisam de conexão** Nós projetamos essas aplicações para poderem funcionar mesmo quando o usuário não estiver conectado, usando o Cache para servir os arquivos e o Storage do navegador para armazenar dados. **4. Parecem aplicativos** Criamos a interface e as interações de modo que se pareçam com um aplicativo ao invés de um simples site. **5. Sempre Atualizadas** Fazemos com que a aplicação sempre esteja atualizada. As aplicações podem sincronizar em background, mesmo quando estiverem fechadas. **6. Seguras** PWAs devem ser obrigatoriamente fornecidas pelo protocolo HTTPS. **7. Fáceis de Descobrir** Criamos um arquivo de manifesto para que eles possam ser identificados como “aplicativos”, e por ser uma página web, os mecanismos de busca, como o Google, conseguem indexá-los. **8. Envolvente** Podemos estimular a interação do usuário com a aplicação graças às notificações. **9. Instaláveis** Os apps podem ser salvos na tela inicial como um aplicativo instalado, dispensando a necessidade do usuário abrir o navegador. **10. Simples de Compartilhar** Por serem páginas web, podem ser facilmente compartilhadas por sua URL. ## Steve Jobs já pensava nisso em 2007 Em 2007, a ideia original de Steve Jobs para o iPhone era que os aplicativos fossem aplicações web. Segundo ele: > Toda a engine do Safari está dentro do iPhone. Sendo assim, vocês podem escrever incríveis aplicativos para a Web 2.0 com Ajax que se parecem e se comportam exatamente como aplicativos no iPhone. E esses aplicativos podem se integrar perfeitamente com os serviços do iPhone. Eles podem fazer chamadas, enviar um email e procurar por uma localização no Google Maps. > E, adivinha? Não há SDK que você precise! Você tem tudo o que precisa se você souber como escrever aplicativos usando os mais modernos padrões web para escrever aplicativos incríveis para o iPhone hoje. Então, desenvolvedores, achamos que temos uma história muito doce para vocês. Vocês podem começar a construir seus aplicativos para iPhone hoje. Mas, essa ideia foi alterada em 2008. ## Quem usa? Um ótimo lugar para ver uma lista de PWA’s é o site [PWA Rocks](https://pwa.rocks "PWA Rocks"). Várias companhias grandes estão testando PWA e integrando em seus sites, como Washington Post e Flipboard, e outras estão começando a lançar sites betas para testes. O Twitter Lite é uma PWA completa, e você pode acessá-la por: [https://mobile.twitter.com](https://mobile.twitter.com "mobile.twitter.com") ![](https://dkrn4sk0rn31v.cloudfront.net/2017/11/13133154/rId72fep30p3.1qq.png) ## Quando usar PWA? Caso precise de várias funcionalidades nativas do dispositivo ou um processamento mais pesado, então pode ser melhor criar um app nativo mesmo. Caso esteja pensando em criar um site ou webapp, criar como PWA é uma boa escolha. Se você já tem um site ou uma aplicação web, você pode implementar aos poucos as características que definem uma PWA, como notificações, cache de arquivos e dados para o usuário poder acessar offline (que faz a página carregar mais rapidamente também), a possibilidade de salvar o app na tela inicial, receber atualizações de dados mesmo quando estiver com o app fechado, etc. Implementar apenas algumas dessas características não fará com que você tenha uma PWA completa, mas terá pelo menos uma aplicação otimizada. Caso queira saber mais sobre o assunto, acabamos de lançar um curso completo sobre PWA aqui no TreinaWeb. Confira: [ ![PWA - Progressive Web Apps](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/pwa.svg) Curso PWA - Progressive Web Apps Conhecer o curso ](https://www.treinaweb.com.br/curso/progressive-web-apps) - [ #JavaScript ](https://www.treinaweb.com.br/blog/tag/javascript) - [ #Front-end ](https://www.treinaweb.com.br/blog/tag/front-end) - [ #HTML5 ](https://www.treinaweb.com.br/blog/tag/html5) - [ #pwa ](https://www.treinaweb.com.br/blog/tag/pwa) Autor ![Akira Hanashiro](//secure.gravatar.com/avatar/d107ca73135bc62770a67ebbfe4cf80d?d=mm) ## Akira Hanashiro Graduado em Análise e Desenvolvimento de Sistemas, Pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning. Especializado em Front End e curte desenvolvimento de jogos. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/akira-hanashiro) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/01/07093212/PYTHON-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 7 anos atrás ## [ Afinal, por que devo aprender Python para 2020? ](https://www.treinaweb.com.br/blog/afinal-por-que-devo-aprender-python-para-2020) Veja neste artigo os motivos para aprender Python neste ano de 2020. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/14232157/capa-produtividade-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 8 anos atrás ## [ Como quintuplicar a produtividade no desenvolvimento de software? ](https://www.treinaweb.com.br/blog/como-quintuplicar-a-produtividade-no-desenvolvimento-de-software) Veja neste artigo algumas dicas que podem te ajudar em sua produtividade no desenvolvimento de software. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/12/16065017/front-back-ou-fullstack-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 8 anos atrás ## [ Devo começar como Front-End, Back-End ou Full Stack? ](https://www.treinaweb.com.br/blog/devo-comecar-como-front-end-back-end-ou-full-stack) Devo começar minha carreira como desenvolvedor Front-End, Back-End ou FullStack? Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/08/10160857/capa-faculdade-x-curso-400x280.jpg) [ Estudos ](https://www.treinaweb.com.br/blog/categoria/estudos) 8 anos atrás ## [ Devo fazer uma faculdade ou um curso de especialização? ](https://www.treinaweb.com.br/blog/devo-fazer-uma-faculdade-ou-um-curso-de-especializacao) Está na dúvida se deve fazer uma faculdade ou ir para os cursos de especialização? Esse artigo poderá te ajudar a decidir. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/87asgh12-400x280.png) [ Orientação a Objetos ](https://www.treinaweb.com.br/blog/categoria/orientacao-a-objetos) 10 anos atrás ## [ Devo usar herança ou composição? ](https://www.treinaweb.com.br/blog/devo-usar-heranca-ou-composicao) A composição permite um reuso e extensão de código mais flexível que a herança clássica. Mas isso é motivo para sempre a escolhermos em detrimento à herança clássica? Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/06/28131344/capa-cloud-400x280.png) [ Computação em nuvem ](https://www.treinaweb.com.br/blog/categoria/computacao-em-nuvem) 8 anos atrás ## [ Por que eu devo estudar Cloud Computing? ](https://www.treinaweb.com.br/blog/por-que-eu-devo-estudar-cloud-computing) Confira neste artigo alguns motivos que nos mostram o porquê de valer a pena aventurar-se nessa área. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/08/17135558/capa-marketing-digital1-400x280.jpg) [ Marketing Digital ](https://www.treinaweb.com.br/blog/categoria/marketing-digital) 8 anos atrás ## [ Por que devo investir no Marketing Digital? ](https://www.treinaweb.com.br/blog/por-que-devo-investir-no-marketing-digital) Veja neste artigo o porquê você deve investir em Marketing Digital no seu negócio. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/02/09112204/capa-marketing-400x280.png) [ Marketing Digital ](https://www.treinaweb.com.br/blog/categoria/marketing-digital) 9 anos atrás ## [ Redes sociais: quais devo escolher para a minha empresa? ](https://www.treinaweb.com.br/blog/redes-sociais-quais-devo-escolher-para-a-minha-empresa) Separamos as cinco principais redes sociais do momento e destacamos os pontos fortes de cada uma delas e sobre como podem ser úteis para o seu negócio. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/01/17123855/IMG-MARYLENE-3-1-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 9 anos atrás ## [ Qual linguagem devo aprender primeiro? ](https://www.treinaweb.com.br/blog/qual-linguagem-devo-aprender-primeiro) Há muitas dúvidas sobre qual o primeiro passo para se iniciar na carreira de desenvolvedor. Veja nesse artigo algumas dicas. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/07/DICAS-ENTREVISTA-TI-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 4 anos atrás ## [ 5 dicas para entrevistas na área de TI ](https://www.treinaweb.com.br/blog/5-dicas-para-entrevistas-na-area-de-ti) Depois de tanto se dedicar nos estudos, finalmente as empresas começaram a entrar em contato com você. Mas, agora, como funciona a parte das entrevistas? Como devo me preparar? Esta é a primeira parte do artigo de como se preparar para uma entrevista de TI. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/12/16065108/especialista-ou-generalista-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 8 anos atrás ## [ Ser especialista em algo ou saber um pouco de tudo? ](https://www.treinaweb.com.br/blog/ser-especialista-em-algo-ou-saber-um-pouco-de-tudo) Ser especialista ou saber um pouco de tudo? Veja qual caminho seguir em sua carreira. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/01155343/traits-php-400x280.jpg) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 8 anos atrás ## [ O que são Traits no PHP e quando usar? ](https://www.treinaweb.com.br/blog/quando-usar-traits-no-php) Uma reflexão sobre reuso de código, herança e a recomendação de utilização de Traits. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **03h 55min 38s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58