{"id":4218,"date":"2022-03-31T08:00:00","date_gmt":"2022-03-31T11:00:00","guid":{"rendered":"https:\/\/felipemateus.com\/?p=4218"},"modified":"2026-05-15T01:18:27","modified_gmt":"2026-05-15T04:18:27","slug":"pwa-progressive-web-application","status":"publish","type":"post","link":"https:\/\/felipemateus.com\/en\/blog\/2022\/03\/pwa-progressive-web-application","title":{"rendered":"What is PWA (Progressive Web Application)?"},"content":{"rendered":"\n<p class=\"has-text-align-justify wp-block-paragraph\">Imagine ter a velocidade de um site e a funcionalidade de um aplicativo nativo em uma \u00fanica solu\u00e7\u00e3o. Isso \u00e9 o <b data-path-to-node=\"8,1,0\" data-index-in-node=\"117\">Progressive Web Application (PWA)<\/b>. Um PWA \u00e9 um tipo de aplica\u00e7\u00e3o web na qual permite usar recursos nativos do sistema operacional. Como por exemplo localiza\u00e7\u00e3o GPS, notifica\u00e7\u00f5es push, atalho na pagina Inicial entre outros recursos nativos do sistema operacional.<\/p>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Com isso os sites web funcionam como se fosse aplicativos nativos sem a barra do browser.   Contudo esse tipo de aplicativo \u00e9 recomendado para aplicativos de servi\u00e7o de uso ocasional pois aplica\u00e7\u00e3o de alta performance n\u00e3o funciona bem.<\/p>\n\n\n\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2130373218745562\"\n     crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\"\n     style=\"display:block; text-align:center;\"\n     data-ad-layout=\"in-article\"\n     data-ad-format=\"fluid\"\n     data-ad-client=\"ca-pub-2130373218745562\"\n     data-ad-slot=\"3395386926\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#como-surgiu\">Como surgiu o PWA<\/a><\/li>\n\n\n\n<li><a href=\"#como-funciona\">Como funciona o Progressive Web Application<\/a><\/li>\n\n\n\n<li><a href=\"#principais-caracteristicas\">Principais caracter\u00edsticas <\/a><\/li>\n\n\n\n<li><a href=\"#perfomance\">Performance<\/a> <\/li>\n\n\n\n<li><a href=\"#sites-usam-pwa\"> Sites que usam Progressive Web Application<\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#twitter\">Twitter<\/a><\/li>\n\n\n\n<li><a href=\"#globoplay\">Globoplay<\/a><\/li>\n\n\n\n<li><a href=\"#uol-universo-online\">Uol &#8211; Univeso Online<\/a><\/li>\n\n\n\n<li><a href=\"#telegram-web\">Telegram Web<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><a href=\"#sites-deveriam-usar-pwa\">Sites que deveriam usar o PWA<\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#facebook\">Facebook<\/a><\/li>\n\n\n\n<li><a href=\"#netflix\">Netflix<\/a><\/li>\n\n\n\n<li><a href=\"#deezer\">Deezer<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><a href=\"#meus-projetos-pwa\">Meus Projetos com PWA<\/a>\n<ol class=\"wp-block-list\">\n<li><a href=\"#mundo-do-felipemateus\">Site Felipe Mateus<\/a><\/li>\n\n\n\n<li><a href=\"#microblog-felipemateus\" target=\"_blank\" rel=\"noreferrer noopener\">Microblog do Felipe Mateus<\/a><\/li>\n\n\n\n<li><a href=\"#oportunidades-rio\">Oportunidades.rio<\/a><\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><a href=\"#desvantagens-do-PWA\">Desvantagens do PWA<\/a><\/li>\n\n\n\n<li><a href=\"#conclusao\">Conclus\u00e3o<\/a><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"como-surgiu\">Como surgiu o PWA?<\/h2>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O PWA surgiu  com a evolu\u00e7\u00e3o natural da forma de cria\u00e7\u00e3o de p\u00e1ginas web, no incio da web as p\u00e1ginas tinha s\u00f3 textos. Por\u00e9m com o passar dos anos foi evoluindo, a primeira evolu\u00e7\u00e3o se deu com o javascript que permitiu a cria\u00e7\u00e3o de p\u00e1ginas din\u00e2micas.<\/p>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Com o passar do tempo a internet em geral foi evoluindo com ado\u00e7\u00e3o de banda larga que permitiu o carregamento de paginas cada vez maiores e pesadas. Nesse sentido surgiu a <a href=\"https:\/\/www.tecmundo.com.br\/web\/183-o-que-e-web-2-0-.htm\" target=\"_blank\" title=\"Saiba O que \u00e9 Web 2.0?\" rel=\"noopener\">Web2.0<\/a>  no meio dos anos 2000 trouxe bastante do que vemos hoje na internet.<\/p>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">No ano de 2010 <a title=\"Saiba mais sobre o fundados da Apple Steve Jobs\" href=\"https:\/\/www.pensador.com\/autor\/steve_jobs\/biografia\/\" target=\"_blank\" rel=\"noopener\">o fundador da Apple Steve Jobs<\/a> criticou fortemente o Adobe Flash, programa usado na \u00e9poca pra exibir m\u00eddia. <a href=\"https:\/\/exame.com\/tecnologia\/steve-jobs-apple-critica-tecnologia-flash-adobe-554634\/\" target=\"_blank\" rel=\"noreferrer noopener\">Depois das criticas de Jobs<\/a> logo o HTML5 tornou se bem recebido j\u00e1 que a ideia de Steve Jobs era que todos os aplicativos do IPhone fossem aplicativos web o que n\u00e3o rolou at\u00e9 hoje.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"como-funciona\">Como  funciona o PWA<\/h2>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O PWA funciona como um site normal hospedado na internet a diferen\u00e7a esta nos recursos que um utiliza do navegador. A Maioria dos sites famosos s\u00e3o constru\u00eddos com Progressive Web Application assim \u00e9 poss\u00edvel usa-los em v\u00e1rios sistemas sem precisar de instala\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Logo A capacidade de parecer com app nativo se da por causa dos recursos que os <span lang=\"en\">browsers<\/span> possuem. Eles s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Execu\u00e7\u00e3o <span lang=\"en\">offline<\/span><\/strong> &#8211;  Essa \u00e9 funcionalidade que mais chama aten\u00e7\u00e3o nesses tipos de app j\u00e1 que isso antes s\u00f3 era poss\u00edvel em apps nativos.<\/li>\n\n\n\n<li><strong>\u00cdcone n<span lang=\"en\">a tela incio<\/span><\/strong> &#8211; isso \u00e9 muito bom,  Al\u00e9m de executar como app nativo \u00e9 poss\u00edvel colocar na tela inicial e tamb\u00e9m colocar atalhos.<\/li>\n\n\n\n<li><strong>Notifica\u00e7\u00e3o push<\/strong> &#8211; Acredito que \u00e9 dos recursos mais famosos desse tipo de app quem nunca entrou em site e perguntou se queria receber notifica\u00e7\u00f5es? <\/li>\n\n\n\n<li>S<strong>plash screen<\/strong> &#8211;  Os PWA exibem quando abre a logo e  com o tema de cores escolhido pelo dev no manifest.json.<\/li>\n\n\n\n<li><strong>Manter dados<\/strong> &#8211; Com o PWA \u00e9 poss\u00edvel manter dados tanto permanente quanto enquanto o app estiver em execu\u00e7\u00e3o essa funcionalidade acontece gra\u00e7as ao <a href=\"https:\/\/felipemateus.com\/blog\/2021\/09\/web-storage-api\" title=\"Conhe\u00e7a a api WebStorage\">WebStorage<\/a>.<\/li>\n\n\n\n<li><strong>Execu\u00e7\u00e3o em 2\u00ba plano<\/strong> &#8211; \u00c9 poss\u00edvel rodar fun\u00e7\u00f5es em segundo plano que como de notifica\u00e7\u00e3o por exemplo.<\/li>\n<\/ul>\n\n\n\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2130373218745562\"\n     crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\"\n     style=\"display:block; text-align:center;\"\n     data-ad-layout=\"in-article\"\n     data-ad-format=\"fluid\"\n     data-ad-client=\"ca-pub-2130373218745562\"\n     data-ad-slot=\"8456141919\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Todos esses recursos s\u00f3 s\u00e3o poss\u00edveis com a configura\u00e7\u00e3o do <strong><a title=\"Saiba mais sobre o servi\u00e7o que permite trabalhar o app offline\" href=\"https:\/\/developers.google.com\/web\/ilt\/pwa\/introduction-to-service-worker\" target=\"_blank\" rel=\"noreferrer noopener\">Service Worker<\/a><\/strong> que \u00e9 o script que executa no browser do usu\u00e1rio fazendo todas essas fun\u00e7\u00f5es. Entretanto com Exce\u00e7\u00e3o de splash screen e do \u00edcone na tela de inicio que \u00e9 uma fun\u00e7\u00e3o do <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Mozilla\/Add-ons\/WebExtensions\/manifest.json\" target=\"_blank\" rel=\"noreferrer noopener\">manifest.json<\/a> um arquivo que especifica todas as configura\u00e7\u00f5es de \u00edcones, atalhos e tema do app.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"principais-caracteristicas\">Principais Caracter\u00edsticas <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A caracter\u00edstica marcante de um site Progressive Web Application \u00e9 possibilidade de usa-lo como app nativo mas essa n\u00e3o \u00e9 a unica caracter\u00edstica. J\u00e1 que os apps PWA s\u00e3o paginas html de web site antes de tudo ent\u00e3o vamos v\u00ea alguns atributos que devem possui.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Progressividade<\/strong> &#8211; Trata-se do app ser acess\u00edvel pra qualquer usu\u00e1rio livre do Browser e ter novos recursos dispon\u00edvel dependendo da compatibilidade do browser. <\/li>\n\n\n\n<li><strong>Responsividade<\/strong> &#8211; Capacidade de abrir em qualquer tela livremente do tamanho ou do dispositivo seja ele celular, computador ou tablet.<\/li>\n\n\n\n<li><strong>Seguran\u00e7a<\/strong> &#8211; Os Apps PWA  obrigatoriamente precisam ser em https  isso garante a seguran\u00e7a das informa\u00e7\u00f5es do app.<\/li>\n\n\n\n<li><strong>Instal\u00e1vel<\/strong> &#8211; Tem op\u00e7\u00e3o do usu\u00e1rio instalar o app colocando na pagina inicial ou baixando na loja de apps. <\/li>\n\n\n\n<li><strong>Link\u00e1vel<\/strong> &#8211; Para ter acesso basta acessar atrav\u00e9s de um link sem a necessidade de baixar o app na loja de aplicativos.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Contudo pra criar um bom app n\u00e3o se esque\u00e7a pensar sempre na no usu\u00e1rio como ele vai usar o app e suas fun\u00e7\u00f5es. Pensando sempre no usu\u00e1rio o chrome tem uma ferramenta que testa se o site \u00e9 compat\u00edvel com Progressive Web Application e se atende todos os requisitos pra ser instalado.<\/p>\n\n\n<div class=\"wp-block-image size-large is-style-default\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"355\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/Captura-de-tela-de-2022-03-28-02-13-20-1024x355.png\" alt=\"Imagem mostra o lighthouse do pwa no chrome.\" class=\"wp-image-4268\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/Captura-de-tela-de-2022-03-28-02-13-20-1024x355.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/Captura-de-tela-de-2022-03-28-02-13-20-300x104.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/Captura-de-tela-de-2022-03-28-02-13-20-768x266.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/Captura-de-tela-de-2022-03-28-02-13-20-18x6.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/Captura-de-tela-de-2022-03-28-02-13-20-150x52.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/Captura-de-tela-de-2022-03-28-02-13-20.png 1347w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Imagem do lighthouse com testes do PWA<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"perfomance\">Performance<\/h2>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Quando o assunto \u00e9 performance os apps PWA se saem melhor do que os nativos j\u00e1 que os PWA foram feitos para rodar na web. Nesse sentido consomem menos recursos do que os apps nativos j\u00e1 que s\u00e3o apps voltados pra rodar no navegador.<\/p>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Contudo apps que tem muito gr\u00e1fico como jogos e editores de imagem e video podem ficar pesado por causa do JavaScript. Por isso o <a href=\"https:\/\/developer.mozilla.org\/pt-BR\/docs\/WebAssembly\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Conhe\u00e7a o WebAssembly nova linguagem binaria pra web\">WebAssembly<\/a> foi criado um novo tipo de c\u00f3digo que executa  bin\u00e1rios no navegador e cria softwares como jogos com desempenho melhor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"sites-usam-pwa\"> Alguns sites que usam PWA<\/h2>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Como dito anteriormente alguns site famosos j\u00e1 usam PWA em suas vers\u00f5es onlines e isso ser\u00e1  mais comum. Pois o PWA \u00e9 uma forma melhor de criar uma vers\u00e3o  lite uma vers\u00e3o mais leve e mais resumida dos Apps nativos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"twitter\"><a href=\"https:\/\/twitter.com\/eufelipemateus\" target=\"_blank\" rel=\"noreferrer noopener\">1.Twitter<\/a><\/h3>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/twitter_pwa-1024x469.png\" alt=\"imagem mostra o teste PWA do twitter.\" class=\"wp-image-4277\" style=\"width:730px;height:334px\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/twitter_pwa-1024x469.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/twitter_pwa-300x137.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/twitter_pwa-768x352.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/twitter_pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/twitter_pwa-150x69.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/twitter_pwa.png 1364w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Teste de PWA  no twitter.<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O Twitter \u00e9 uma rede social de textos curtos que esta dispon\u00edvel em PWA que possibilita a instala\u00e7\u00e3o em qualquer sistema.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"globoplay\"><a href=\"https:\/\/globoplay.globo.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">2. Globoplay<\/a><\/h3>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/globoplay_test-1-1024x473.png\" alt=\"Imagem mostra o teste do pwa no globoplay com algumas falhas.\" class=\"wp-image-4283\" style=\"width:730px;height:337px\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/globoplay_test-1-1024x473.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/globoplay_test-1-300x139.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/globoplay_test-1-768x355.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/globoplay_test-1-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/globoplay_test-1-150x69.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/globoplay_test-1.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Teste de PWA no globoplay<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O Globoplay \u00e9 um servi\u00e7o de streaming que distribui videos s\u00e9ries e canais de televis\u00e3o ele tem suporte PWA. Apesar de n\u00e3o cumprir todos os requisitos do PWA \u00e9 poss\u00edvel  instalar em qualquer sistema eu instalei no linux usando o pwa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"uol-universo-online\"><a href=\"https:\/\/www.uol.com.br\/\" target=\"_blank\" rel=\"noreferrer noopener\">3. uol &#8211; Universo Online<\/a><\/h3>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/uol-pwa-1024x460.png\" alt=\"A imagem mostra o teste no site universo online.\" class=\"wp-image-4284\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/uol-pwa-1024x460.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/uol-pwa-300x135.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/uol-pwa-768x345.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/uol-pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/uol-pwa-150x67.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/uol-pwa.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Teste de PWA no uol<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O Portal da Uol tamb\u00e9m tem suporte ao PWA  atualmente  isso faz com que seja poss\u00edvel instalar e receber atualiza\u00e7\u00f5es diretamente no seu computado. Igualmente o Globoplay o uol tamb\u00e9m tem pendencias nos crit\u00e9rios PWA e mesmo assim \u00e9 poss\u00edvel instalar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"telegram-web\"><a href=\"https:\/\/web.telegram.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">4. Telegram Web<\/a><\/h3>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/telegram_pwa-1024x466.png\" alt=\"Imagem mostra o teste de pwa no telegram mostrando que pode ser instalado.\" class=\"wp-image-4288\" style=\"width:730px;height:332px\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/telegram_pwa-1024x466.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/telegram_pwa-300x137.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/telegram_pwa-768x350.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/telegram_pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/telegram_pwa-150x68.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/telegram_pwa.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Teste de PWA no telegram<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O Telegram tem uma vers\u00e3o web que tamb\u00e9m \u00e9 compat\u00edvel com o PWA contudo pode ser rodado em sistemas que n\u00e3o tem suporte nativo. O app do telegram tamb\u00e9m n\u00e3o passou em todos os testes assim como os sites anteriores o telegram n\u00e3o passou no \u00edcone mascarado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Youtube<\/h3>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/youtube_pwa-1024x463.png\" alt=\"Imagem mostra lighthouse pwa com teste do youtbe.\" class=\"wp-image-4312\" style=\"width:730px;height:330px\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/youtube_pwa-1024x463.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/youtube_pwa-300x136.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/youtube_pwa-768x347.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/youtube_pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/youtube_pwa-150x68.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/youtube_pwa.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">teste PWA no Youtube<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O Youtube tamb\u00e9m \u00e9 um servi\u00e7o criado com progressive web application  como visto no teste anterior. Por\u00e9m apesar de n\u00e3o passar em todos os testes ele esta dispon\u00edvel para instala\u00e7\u00e3o pois os itens reprovados n\u00e3o s\u00e3o obrigat\u00f3rios. <\/p>\n\n\n\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2130373218745562\"\n     crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\"\n     style=\"display:block; text-align:center;\"\n     data-ad-layout=\"in-article\"\n     data-ad-format=\"fluid\"\n     data-ad-client=\"ca-pub-2130373218745562\"\n     data-ad-slot=\"1890733561\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"sites-deveriam-usar-pwa\">Sites que deveriam usar o PWA<\/h3>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Apesar de v\u00e1rios sites grandes j\u00e1 usarem o Progressive Web Application  tem  sites que n\u00e3o usam e deveriam usar pra ser compatibilidade com todos os  sistemas.  Todavia isso acaba sendo um problema pra usar esses apps nos sistemas que n\u00e3o tem compatibilidade. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"facebook\"><a href=\"https:\/\/www.facebook.com\/eufelipemateus\" target=\"_blank\" rel=\"noreferrer noopener\">1. Facebook<\/a><\/h2>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/facebook_pwa-1024x470.png\" alt=\"Teste lighthouse do Facebook.\" class=\"wp-image-4292\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/facebook_pwa-1024x470.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/facebook_pwa-300x138.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/facebook_pwa-768x353.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/facebook_pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/facebook_pwa-150x69.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/facebook_pwa.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Teste falido no Facebook<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Facebook que n\u00e3o usa Progressive Web Application na sua vers\u00e3o web contudo n\u00e3o \u00e9  poss\u00edvel instalar o app em sistemas sem vers\u00f5es nativas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><a href=\"https:\/\/netflix.com\" target=\"_blank\" rel=\"noreferrer noopener\">2. Netflix <\/a><\/h3>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/netflix_pwa-1024x467.png\" alt=\"Imagem mostra o teste lighthouse PWA do netflix.\" class=\"wp-image-4299\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/netflix_pwa-1024x467.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/netflix_pwa-300x137.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/netflix_pwa-768x351.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/netflix_pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/netflix_pwa-150x68.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/netflix_pwa.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Teste falido do light house do Netflix <\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O Netflix \u00e9 um site que deveria ter suporte ao PWA pois \u00e9 um site muito utilizado e eu mesmo gostaria de instalar esse app no meu pc  n\u00e3o conseguir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"deezer\">3. <a href=\"https:\/\/deezer.com\" target=\"_blank\" rel=\"noreferrer noopener\">Deezer<\/a><\/h3>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/deezer_pwa-1024x471.png\" alt=\"Imagem mostra o teste lighthouse do pwa.\" class=\"wp-image-4305\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/deezer_pwa-1024x471.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/deezer_pwa-300x138.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/deezer_pwa-768x353.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/deezer_pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/deezer_pwa-150x69.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/deezer_pwa.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Teste falido do Deezer<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O Deezer \u00e9 outro app que deveria esta dispon\u00edvel em PWA  pois \u00e9 um app muito usado e n\u00e3o tem suporte a muitos sistemas. No Linux por exemplo existe  diversas formas n\u00e3o oficiais para baixar e instalar o Deezer no  pc se tivesse o PWA n\u00e3o precisaria dessas formas alternativas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"meus-projetos-pwa\">Meus Projetos com PWA<\/h3>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Desde que conheci o eu descobrir o Progressive Web Application em 2018 eu procuro fazer projetos  usando  essa tecnologia.  Nesse sentido tenho alguns projetos publicados que usam o PWA e \u00e9 poss\u00edvel instalar em diversos sistemas, Eles s\u00e3o:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mundo-do-felipemateus\"><a href=\"https:\/\/felipemateus.com\">1. Mundo do Felipe Mateus<\/a><\/h2>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/felipemateus_pwa-1024x471.png\" alt=\"Imagem apresenta o teste lighthouse teste site.\" class=\"wp-image-4316\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/felipemateus_pwa-1024x471.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/felipemateus_pwa-300x138.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/felipemateus_pwa-768x353.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/felipemateus_pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/felipemateus_pwa-150x69.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/felipemateus_pwa.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">teste lighthouse no desde site<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Mundo do Felipe Mateus \u00e9 este site que voc\u00ea l\u00ea ele constru\u00eddo com WordPress e passou em todos os teste do progressive web application. Contudo trabalha offline com cache das paginas acessadas esta com notifications desabilitada por incaptabilidade. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"microblog-felipemateus\"><a href=\"https:\/\/microblog.felipemateus.com\" target=\"_blank\" rel=\"noreferrer noopener\">2. Microblog do Felipe Mateus<\/a><\/h2>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/microblog-pwa-1024x461.png\" alt=\"Esta imagem mostra o tese lighthouse do meu microblog.\" class=\"wp-image-4319\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/microblog-pwa-1024x461.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/microblog-pwa-300x135.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/microblog-pwa-768x346.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/microblog-pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/microblog-pwa-150x68.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/microblog-pwa.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">teste light house do meu microblog<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">O <a href=\"https:\/\/felipemateus.com\/blog\/2017\/11\/microblog\" title=\"Conhe\u00e7a meu projeto microblog do Felipe Mateus\">meu microblog<\/a> foi meu primeiro projeto com Progressive Web Application ficou 2 anos com o PWA inativado pois eu tinha subido a vers\u00e3o errada e em 2020 achei o c\u00f3digo fonte e corrigir o erro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"oportunidades-rio\"><a href=\"https:\/\/oportunidades.rio.br\" target=\"_blank\" rel=\"noreferrer noopener\">3. Oportunidades.rio<\/a><\/h2>\n\n\n<div class=\"wp-block-image size-large\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/oportunidades_pwa-1024x471.png\" alt=\"A imagem mostra o teste lighthouse do meu projeto oportunidades rio\" class=\"wp-image-4322\" srcset=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/oportunidades_pwa-1024x471.png 1024w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/oportunidades_pwa-300x138.png 300w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/oportunidades_pwa-768x353.png 768w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/oportunidades_pwa-18x8.png 18w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/oportunidades_pwa-150x69.png 150w, https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/oportunidades_pwa.png 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">teste lighthouse do site oportunidades.rio.br<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">O oportunidades.rio \u00e9 um projeto de an\u00fancios de empregos para o estado do Rio de Janeiro pra regi\u00e3o metropolitana. Entretanto o teste Progressive Web Application passou em quase todos os  testes s\u00f3 foi reprovado no teste de \u00edcone mascarado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"desvantagens-do-PWA\">Desvantagens do PWA<\/h2>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">At\u00e9 aqui s\u00f3 falei de vantagens mas o Progressive Web Application tem algumas desvantagens associadas ao tipo tecnologia usada como elas est\u00e3o: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>N<strong>\u00e3o esta nas lojas<\/strong> &#8211; Os apps PWA n\u00e3o est\u00e3o presentes nas lojas de aplicativos ent\u00e3o  acaba tendo dificuldades  de distribui\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Funcionalidades<\/strong>  &#8211; Os apps PWA n\u00e3o tem suporte a funcionalidades do celular como vibra\u00e7\u00e3o, Bluetooth, faceID e outros recursos.<\/li>\n\n\n\n<li><strong>incompatibilidade com apple <\/strong>&#8211; Os dispositivos  da apple n\u00e3o s\u00e3o compat\u00edveis com o PWA ainda e n\u00e3o tem nenhuma previs\u00e3o pra ter compatibilidade.<\/li>\n\n\n\n<li><strong>Sem integra\u00e7\u00e3o<\/strong> &#8211; Os apps PWA  n\u00e3o tem integra\u00e7\u00e3o com outros apps eles s\u00e3o isolados caso precise usar uma biblioteca nativa de outro app n\u00e3o vai conseguir.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"conclusao\">Conclus\u00e3o<\/h2>\n\n\n\n<p class=\"has-text-align-justify wp-block-paragraph\">Em s\u00edntese o PWA  uma nova forma de criar aplicativos que rodam diretamente no navegador sempre precisar de uma loja. Contudo os PWA  tem limita\u00e7\u00e3o de performance para aplicativos complexos e tem suporte a fun\u00e7\u00e3o nativas do sistema. <\/p>\n\n\n\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2>O que \u00e9 PWA?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t\t<figure class=\"sc_fs_faq__figure\">\n\t\t\t\t\t<a\n\t\t\t\t\t\t\thref=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo-150x150.png\"\n\t\t\t\t\t\t\ttitle=\"pwa logo\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tclass=\"sc_fs_faq__image\"\n\t\t\t\t\t\t\t\tsrc=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo-150x150.png\"\n\t\t\t\t\t\t\t\talt=\"pwa logo\"\n\t\t\t\t\t\t>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/figure>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p class=\"wp-block-paragraph\"><strong>PWA (Progressive Web Application)<\/strong> \u00e9 uma tecnologia que permite que sites funcionem como aplicativos nativos, oferecendo recursos como notifica\u00e7\u00f5es push, \u00edcone na tela inicial e funcionamento offline.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2>Quais as principais vantagens do PWA?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p class=\"wp-block-paragraph\">As principais vantagens incluem baixo custo de desenvolvimento (comparado a apps nativos), n\u00e3o precisar de download em lojas (App Store\/Play Store) e carregamento instant\u00e2neo.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2>Quais s\u00e3o as caracter\u00edsticas de um PWA? <\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p class=\"has-text-align-left wp-block-paragraph\">As caracter\u00edsticas  do Progressive Web Application s\u00e3o: <strong>Progressividade<\/strong>,  <strong>Responsividade<\/strong>,  <strong>Seguran\u00e7a<\/strong>, <strong>Instal\u00e1vel<\/strong> e <strong>Link\u00e1vel<\/strong>.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2>Quais as vantagens e desvantagens do PWA?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p class=\"wp-block-paragraph\">As vantagens do PWA s\u00e3o diversas, apesar ter sido lan\u00e7ado a pouco tempo, suas funcionalidades t\u00eam agradado cada vez mais aqueles que fazem o uso delas. A maior vantagem de um PWA em compara\u00e7\u00e3o a um aplicativo \u00e9 que o problema do cliente pode ser solucionado imediatamente necessidade de que ele baixe um aplicativo.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2>PWA funciona em iPhone (iOS)?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p class=\"wp-block-paragraph\">Sim, o iOS j\u00e1 suporta PWAs, embora com algumas restri\u00e7\u00f5es em compara\u00e7\u00e3o ao Android. \u00c9 poss\u00edvel adicionar o app \u00e0 tela inicial atrav\u00e9s do menu de compartilhamento do Safari.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section\t\thelp class=\"sc_fs_faq sc_card    \"\n\t\t\t\t>\n\t\t\t\t<h2>Quais tecnologias e estrat\u00e9gias s\u00e3o usadas na cria\u00e7\u00e3o de um PWA?<\/h2>\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"sc_fs_faq__content\">\n\t\t\t\t\n\n<p class=\"wp-block-paragraph\">A tecnologia \u00e9 basicamente o HTML5 que introduz os recurssos necessarios paraa cria\u00e7\u00e3o do PWA em compina\u00e7\u00e3o com o CSS3 e o javascript.<\/p>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/section>\n\t\t\n<script type=\"application\/ld+json\">\n\t{\n\t\t\"@context\": \"https:\/\/schema.org\",\n\t\t\"@type\": \"FAQPage\",\n\t\t\"mainEntity\": [\n\t\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"O que \u00e9 PWA?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p><strong>PWA (Progressive Web Application)<\/strong> \u00e9 uma tecnologia que permite que sites funcionem como aplicativos nativos, oferecendo recursos como notifica\u00e7\u00f5es push, \u00edcone na tela inicial e funcionamento offline.<\/p>\"\n\t\t\t\t\t\t\t\t\t\t,\n\t\t\t\t\t\"image\" : {\n\t\t\t\t\t\t\"@type\" : \"ImageObject\",\n\t\t\t\t\t\t\"contentUrl\" : \"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo-150x150.png\"\n\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"Quais as principais vantagens do PWA?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>As principais vantagens incluem baixo custo de desenvolvimento (comparado a apps nativos), n\u00e3o precisar de download em lojas (App Store\/Play Store) e carregamento instant\u00e2neo.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"Quais s\u00e3o as caracter\u00edsticas de um PWA? \",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>As caracter\u00edsticas  do Progressive Web Application s\u00e3o: <strong>Progressividade<\/strong>,  <strong>Responsividade<\/strong>,  <strong>Seguran\u00e7a<\/strong>, <strong>Instal\u00e1vel<\/strong> e <strong>Link\u00e1vel<\/strong>.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"Quais as vantagens e desvantagens do PWA?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>As vantagens do PWA s\u00e3o diversas, apesar ter sido lan\u00e7ado a pouco tempo, suas funcionalidades t\u00eam agradado cada vez mais aqueles que fazem o uso delas. A maior vantagem de um PWA em compara\u00e7\u00e3o a um aplicativo \u00e9 que o problema do cliente pode ser solucionado imediatamente necessidade de que ele baixe um aplicativo.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"PWA funciona em iPhone (iOS)?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>Sim, o iOS j\u00e1 suporta PWAs, embora com algumas restri\u00e7\u00f5es em compara\u00e7\u00e3o ao Android. \u00c9 poss\u00edvel adicionar o app \u00e0 tela inicial atrav\u00e9s do menu de compartilhamento do Safari.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t,\t\t\t\t{\n\t\t\t\t\"@type\": \"Question\",\n\t\t\t\t\"name\": \"Quais tecnologias e estrat\u00e9gias s\u00e3o usadas na cria\u00e7\u00e3o de um PWA?\",\n\t\t\t\t\"acceptedAnswer\": {\n\t\t\t\t\t\"@type\": \"Answer\",\n\t\t\t\t\t\"text\": \"<p>A tecnologia \u00e9 basicamente o HTML5 que introduz os recurssos necessarios paraa cria\u00e7\u00e3o do PWA em compina\u00e7\u00e3o com o CSS3 e o javascript.<\/p>\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t}\n\t\t\t\t\t\t]\n\t}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>What is PWA? A type of web application that looks like a native app but don&#039;t know more.<\/p>","protected":false},"author":2,"featured_media":4344,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAowhPjFCw:productID":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"federated","footnotes":"","jetpack_publicize_message":"Sabe o que \u00e9 PWA? Escrevi um texto explicando mais sobre o que \u00e9 venha conferir.","jetpack_publicize_feature_enabled":false,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1935],"tags":[1331,1054,1053],"class_list":["post-4218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento-web-e-programacao","tag-app","tag-javascript","tag-programacao"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PWA: O que \u00e9 e por que sua empresa precisa de um?<\/title>\n<meta name=\"description\" content=\"Descubra como o PWA e une o melhor da web com o poder dos apps nativos. Veja exemplos, vantagens e como implementar hoje.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-video-preview:-1, noimageindex\" \/>\n<link rel=\"canonical\" href=\"https:\/\/felipemateus.com\/en\/blog\/2022\/03\/pwa-progressive-web-application\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PWA: O que \u00e9 e por que sua empresa precisa de um?\" \/>\n<meta property=\"og:description\" content=\"Descubra como o PWA e une o melhor da web com o poder dos apps nativos. Veja exemplos, vantagens e como implementar hoje.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mundoazul.blog\/2022\/03\/pwa-progressive-web-application\" \/>\n<meta property=\"og:site_name\" content=\"Felipe Mateus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/eufelipemateus\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/eufelipemateus\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-31T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-15T04:18:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Felipe Mateus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@eufelipemateus\" \/>\n<meta name=\"twitter:site\" content=\"@eufelipemateus\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Felipe Mateus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mundoazul.blog\\\/2022\\\/03\\\/pwa-progressive-web-application\"},\"author\":{\"name\":\"Felipe Mateus\",\"@id\":\"https:\\\/\\\/felipemateus.com\\\/#\\\/schema\\\/person\\\/5ca2279426b9f93497fbf68a6e2577b6\"},\"headline\":\"O que \u00e9 PWA (Progressive Web Application) ?\",\"datePublished\":\"2022-03-31T11:00:00+00:00\",\"dateModified\":\"2026-05-15T04:18:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mundoazul.blog\\\/2022\\\/03\\\/pwa-progressive-web-application\"},\"wordCount\":1943,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/felipemateus.com\\\/#\\\/schema\\\/person\\\/5ca2279426b9f93497fbf68a6e2577b6\"},\"image\":{\"@id\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/felipemateus.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/pwa-logo.png\",\"keywords\":[\"App\",\"Javascript\",\"Programa\u00e7\u00e3o\"],\"articleSection\":[\"Desenvolvimento Web e Programa\u00e7\u00e3o\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mundoazul.blog\\\/2022\\\/03\\\/pwa-progressive-web-application\",\"url\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application\",\"name\":\"PWA: O que \u00e9 e por que sua empresa precisa de um?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/felipemateus.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/felipemateus.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/pwa-logo.png\",\"datePublished\":\"2022-03-31T11:00:00+00:00\",\"dateModified\":\"2026-05-15T04:18:27+00:00\",\"description\":\"Descubra como o PWA e une o melhor da web com o poder dos apps nativos. Veja exemplos, vantagens e como implementar hoje.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application#primaryimage\",\"url\":\"https:\\\/\\\/felipemateus.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/pwa-logo.png\",\"contentUrl\":\"https:\\\/\\\/felipemateus.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/pwa-logo.png\",\"width\":1920,\"height\":1080,\"caption\":\"pwa logo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/2022\\\/03\\\/pwa-progressive-web-application#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/felipemateus.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento Web e Programa\u00e7\u00e3o\",\"item\":\"https:\\\/\\\/felipemateus.com\\\/blog\\\/topicos\\\/desenvolvimento-web-e-programacao\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O que \u00e9 PWA (Progressive Web Application) ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/felipemateus.com\\\/#website\",\"url\":\"https:\\\/\\\/felipemateus.com\\\/\",\"name\":\"Felipe Mateus @felipemateus\",\"description\":\"Seja Bem-Vindo ao meu mundo azul.\",\"publisher\":{\"@id\":\"https:\\\/\\\/felipemateus.com\\\/#\\\/schema\\\/person\\\/5ca2279426b9f93497fbf68a6e2577b6\"},\"alternateName\":\"eufelipemateus\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/felipemateus.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/felipemateus.com\\\/#\\\/schema\\\/person\\\/5ca2279426b9f93497fbf68a6e2577b6\",\"name\":\"Felipe Mateus Rocha Martins\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/felipemateus.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/FELIPE-2-1024x1024.png\",\"url\":\"https:\\\/\\\/felipemateus.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/FELIPE-2-1024x1024.png\",\"contentUrl\":\"https:\\\/\\\/felipemateus.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/FELIPE-2-1024x1024.png\",\"width\":1024,\"height\":1024,\"caption\":\"Felipe Mateus\"},\"sameAs\":[\"https:\\\/\\\/felipemateus.com\",\"https:\\\/\\\/www.facebook.com\\\/eufelipemateus\",\"https:\\\/\\\/www.instagram.com\\\/eufelipemateus\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/eufelipemateus\\\/\",\"https:\\\/\\\/x.com\\\/eufelipemateus\",\"https:\\\/\\\/github.com\\\/eufelipemateus\",\"https:\\\/\\\/soundcloud.com\\\/eufelipemateus\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PWA: What is it and why does your company need one?","description":"Discover how PWAs combine the best of the web with the power of native apps. See examples, advantages, and how to implement them today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-video-preview":"max-video-preview:-1","imageindex":"noimageindex"},"canonical":"https:\/\/felipemateus.com\/en\/blog\/2022\/03\/pwa-progressive-web-application","og_locale":"en_US","og_type":"article","og_title":"PWA: O que \u00e9 e por que sua empresa precisa de um?","og_description":"Descubra como o PWA e une o melhor da web com o poder dos apps nativos. Veja exemplos, vantagens e como implementar hoje.","og_url":"https:\/\/mundoazul.blog\/2022\/03\/pwa-progressive-web-application","og_site_name":"Felipe Mateus","article_publisher":"https:\/\/www.facebook.com\/eufelipemateus","article_author":"https:\/\/www.facebook.com\/eufelipemateus","article_published_time":"2022-03-31T11:00:00+00:00","article_modified_time":"2026-05-15T04:18:27+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo.png","type":"image\/png"}],"author":"Felipe Mateus","twitter_card":"summary_large_image","twitter_creator":"@eufelipemateus","twitter_site":"@eufelipemateus","twitter_misc":{"Written by":"Felipe Mateus","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application#article","isPartOf":{"@id":"https:\/\/mundoazul.blog\/2022\/03\/pwa-progressive-web-application"},"author":{"name":"Felipe Mateus","@id":"https:\/\/felipemateus.com\/#\/schema\/person\/5ca2279426b9f93497fbf68a6e2577b6"},"headline":"O que \u00e9 PWA (Progressive Web Application) ?","datePublished":"2022-03-31T11:00:00+00:00","dateModified":"2026-05-15T04:18:27+00:00","mainEntityOfPage":{"@id":"https:\/\/mundoazul.blog\/2022\/03\/pwa-progressive-web-application"},"wordCount":1943,"commentCount":0,"publisher":{"@id":"https:\/\/felipemateus.com\/#\/schema\/person\/5ca2279426b9f93497fbf68a6e2577b6"},"image":{"@id":"https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application#primaryimage"},"thumbnailUrl":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo.png","keywords":["App","Javascript","Programa\u00e7\u00e3o"],"articleSection":["Desenvolvimento Web e Programa\u00e7\u00e3o"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mundoazul.blog\/2022\/03\/pwa-progressive-web-application","url":"https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application","name":"PWA: What is it and why does your company need one?","isPartOf":{"@id":"https:\/\/felipemateus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application#primaryimage"},"image":{"@id":"https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application#primaryimage"},"thumbnailUrl":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo.png","datePublished":"2022-03-31T11:00:00+00:00","dateModified":"2026-05-15T04:18:27+00:00","description":"Discover how PWAs combine the best of the web with the power of native apps. See examples, advantages, and how to implement them today.","breadcrumb":{"@id":"https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application#primaryimage","url":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo.png","contentUrl":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo.png","width":1920,"height":1080,"caption":"pwa logo"},{"@type":"BreadcrumbList","@id":"https:\/\/felipemateus.com\/blog\/2022\/03\/pwa-progressive-web-application#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/felipemateus.com\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento Web e Programa\u00e7\u00e3o","item":"https:\/\/felipemateus.com\/blog\/topicos\/desenvolvimento-web-e-programacao"},{"@type":"ListItem","position":3,"name":"O que \u00e9 PWA (Progressive Web Application) ?"}]},{"@type":"WebSite","@id":"https:\/\/felipemateus.com\/#website","url":"https:\/\/felipemateus.com\/","name":"Felipe Mateus @felipemateus","description":"Welcome to my blue world.","publisher":{"@id":"https:\/\/felipemateus.com\/#\/schema\/person\/5ca2279426b9f93497fbf68a6e2577b6"},"alternateName":"eufelipemateus","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/felipemateus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/felipemateus.com\/#\/schema\/person\/5ca2279426b9f93497fbf68a6e2577b6","name":"Felipe Mateus Rocha Martins","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2023\/04\/FELIPE-2-1024x1024.png","url":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2023\/04\/FELIPE-2-1024x1024.png","contentUrl":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2023\/04\/FELIPE-2-1024x1024.png","width":1024,"height":1024,"caption":"Felipe Mateus"},"sameAs":["https:\/\/felipemateus.com","https:\/\/www.facebook.com\/eufelipemateus","https:\/\/www.instagram.com\/eufelipemateus","https:\/\/www.linkedin.com\/in\/eufelipemateus\/","https:\/\/x.com\/eufelipemateus","https:\/\/github.com\/eufelipemateus","https:\/\/soundcloud.com\/eufelipemateus"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/felipemateus.b-cdn.net\/wp-content\/uploads\/2022\/03\/pwa-logo.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pb1Prx-162","jetpack-related-posts":[{"id":3251,"url":"https:\/\/felipemateus.com\/en\/blog\/2021\/09\/web-storage-api","url_meta":{"origin":4218,"position":0},"title":"Web Storage API: A Practical Guide to LocalStorage and SessionStorage","author":"Felipe Mateus","date":"20\/09\/2021","format":false,"excerpt":"Web Storage API. Learn more about the api that replaces cookies as the main way of storing information in the browser.","rel":"","context":"In &quot;Desenvolvimento Web e Programa\u00e7\u00e3o&quot;","block_context":{"text":"Desenvolvimento Web e Programa\u00e7\u00e3o","link":"https:\/\/felipemateus.com\/en\/blog\/topics\/web-development-and-programming"},"img":{"alt_text":"web storage api","src":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2021\/09\/web-storage-api.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2021\/09\/web-storage-api.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2021\/09\/web-storage-api.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2021\/09\/web-storage-api.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2021\/09\/web-storage-api.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2021\/09\/web-storage-api.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":30799,"url":"https:\/\/felipemateus.com\/en\/blog\/2025\/12\/felipe-mateus-app","url_meta":{"origin":4218,"position":1},"title":"Felipe Mateus&#039; App: Renewal and Focus on Interaction","author":"Felipe Mateus","date":"15\/12\/2025","format":false,"excerpt":"Meet Felipe Mateus&#039; new app, the natural evolution of microblogging! With a modern interface and built in Laravel\/Vue 3, the app now allows interaction with comments, reactions, and native video processing.","rel":"","context":"In &quot;Projetos&quot;","block_context":{"text":"Projetos","link":"https:\/\/felipemateus.com\/en\/blog\/topics\/projects"},"img":{"alt_text":"app do Felipe Mateus","src":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2025\/12\/Captura-de-tela-de-2025-12-15-08-31-22.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2025\/12\/Captura-de-tela-de-2025-12-15-08-31-22.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2025\/12\/Captura-de-tela-de-2025-12-15-08-31-22.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2025\/12\/Captura-de-tela-de-2025-12-15-08-31-22.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2025\/12\/Captura-de-tela-de-2025-12-15-08-31-22.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2025\/12\/Captura-de-tela-de-2025-12-15-08-31-22.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":8252,"url":"https:\/\/felipemateus.com\/en\/blog\/2022\/08\/what-is-the-best-programming-language-to-create-websites","url_meta":{"origin":4218,"position":2},"title":"What is the best programming language to create websites?","author":"Felipe Mateus","date":"01\/08\/2022","format":false,"excerpt":"Learn more which is the best programming languages for the website.","rel":"","context":"In &quot;Desenvolvimento Web e Programa\u00e7\u00e3o&quot;","block_context":{"text":"Desenvolvimento Web e Programa\u00e7\u00e3o","link":"https:\/\/felipemateus.com\/en\/blog\/topics\/web-development-and-programming"},"img":{"alt_text":"Qual \u00e9 Linguagem de Programa\u00e7\u00e3o para criar sites?","src":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/07\/programming-1920.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/07\/programming-1920.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/07\/programming-1920.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/07\/programming-1920.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/07\/programming-1920.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/07\/programming-1920.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":8692,"url":"https:\/\/felipemateus.com\/en\/blog\/2022\/12\/technology-market-professions","url_meta":{"origin":4218,"position":3},"title":"Technology Market Professions for the New Year.","author":"Felipe Mateus","date":"29\/12\/2022","format":false,"excerpt":"This is a text that presents some professions in the technology market that should be on the rise in 2023, as well as some courses for those who want to qualify. The text begins by showing that, although in the short term the technology market is going through a small crisis, in the long term\u2026","rel":"","context":"In &quot;Tecnologia, Carreira e Mercado&quot;","block_context":{"text":"Tecnologia, Carreira e Mercado","link":"https:\/\/felipemateus.com\/en\/blog\/topics\/technology"},"img":{"alt_text":"Mercado de tecnologia","src":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/12\/cover.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/12\/cover.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/12\/cover.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/12\/cover.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/12\/cover.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2022\/12\/cover.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":8776,"url":"https:\/\/felipemateus.com\/en\/blog\/2023\/02\/labor-calculator","url_meta":{"origin":4218,"position":4},"title":"Labor Calculator: Calculate termination, pro-labore and FGTS","author":"Felipe Mateus","date":"26\/02\/2023","format":false,"excerpt":"The Labor Calculator App is a complete tool for labor calculations in Brazil. Easily calculate termination, pro-labore and FGTS and get information about labor laws. The app was built with angular, laravel and Golang.","rel":"","context":"In &quot;Projetos&quot;","block_context":{"text":"Projetos","link":"https:\/\/felipemateus.com\/en\/blog\/topics\/projects"},"img":{"alt_text":"imagem dashboard calculladora trabalhista","src":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2023\/02\/Captura-de-tela-de-2023-02-25-16-44-49.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2023\/02\/Captura-de-tela-de-2023-02-25-16-44-49.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2023\/02\/Captura-de-tela-de-2023-02-25-16-44-49.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2023\/02\/Captura-de-tela-de-2023-02-25-16-44-49.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2023\/02\/Captura-de-tela-de-2023-02-25-16-44-49.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2023\/02\/Captura-de-tela-de-2023-02-25-16-44-49.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":53121,"url":"https:\/\/felipemateus.com\/en\/blog\/2026\/03\/wordpress-theme-improving-performance","url_meta":{"origin":4218,"position":5},"title":"Why I created my own WordPress theme.","author":"Felipe Mateus","date":"05\/03\/2026","format":false,"excerpt":"I created my own theme for my website to improve performance and reduce reliance on general-purpose plugins that weigh down the site. In the text, I detail the changes I made.","rel":"","context":"In &quot;Desenvolvimento Web e Programa\u00e7\u00e3o&quot;","block_context":{"text":"Desenvolvimento Web e Programa\u00e7\u00e3o","link":"https:\/\/felipemateus.com\/en\/blog\/topics\/web-development-and-programming"},"img":{"alt_text":"Imagem print pagespeed","src":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2026\/03\/pagespeed.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2026\/03\/pagespeed.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2026\/03\/pagespeed.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2026\/03\/pagespeed.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2026\/03\/pagespeed.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/felipemateus.com\/wp-content\/uploads\/2026\/03\/pagespeed.png?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"jetpack_likes_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/posts\/4218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/comments?post=4218"}],"version-history":[{"count":101,"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/posts\/4218\/revisions"}],"predecessor-version":[{"id":66818,"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/posts\/4218\/revisions\/66818"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/media\/4344"}],"wp:attachment":[{"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/media?parent=4218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/categories?post=4218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/felipemateus.com\/en\/wp-json\/wp\/v2\/tags?post=4218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}