<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>PWA on Tiago Costa</title>
    <link>https://tiagoscosta.tpps.com.br/tags/pwa/</link>
    <description>Recent content in PWA on Tiago Costa</description>
    <generator>Hugo</generator>
    <language>pt-br</language>
    <lastBuildDate>Thu, 28 May 2026 15:52:00 +0000</lastBuildDate>
    <atom:link href="https://tiagoscosta.tpps.com.br/tags/pwa/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>📝 Transformando um aplicação web em um PWA (Progressive Web App) com Angular</title>
      <link>https://tiagoscosta.tpps.com.br/posts/-transformando-um-aplica%C3%A7%C3%A3o-web-em-um-pwa-progressive-web-app-com-angular/</link>
      <pubDate>Thu, 28 May 2026 15:52:00 +0000</pubDate>
      <guid>https://tiagoscosta.tpps.com.br/posts/-transformando-um-aplica%C3%A7%C3%A3o-web-em-um-pwa-progressive-web-app-com-angular/</guid>
      <description>&lt;p&gt;Adicionar recursos de &lt;strong&gt;PWA (Progressive Web App)&lt;/strong&gt; a uma aplicação para eleva a experiência do usuário a outro patamar. Além de permitir que o aplicativo seja instalado diretamente na tela inicial do celular ou desktop sem depender das lojas de aplicativos (Google Play ou App Store), o PWA habilita o carregamento instantâneo de recursos através do armazenamento em cache por meio de &lt;em&gt;Service Workers&lt;/em&gt;.&lt;/p&gt;&#xA;&lt;p&gt;Neste artigo, você aprenderá o passo a passo completo para configurar o suporte a PWA no ecossistema moderno do Angular.&lt;/p&gt;</description>
    </item>
    <item>
      <title>📝 Transformando seu App Angular 16 em um PWA: Guia Prático com Foco em UX</title>
      <link>https://tiagoscosta.tpps.com.br/posts/-transformando-seu-app-angular-16-em-um-pwa-guia-pr%C3%A1tico-com-foco-em-ux/</link>
      <pubDate>Wed, 04 Feb 2026 18:25:00 +0000</pubDate>
      <guid>https://tiagoscosta.tpps.com.br/posts/-transformando-seu-app-angular-16-em-um-pwa-guia-pr%C3%A1tico-com-foco-em-ux/</guid>
      <description>&lt;p&gt;Ter uma aplicação web é ótimo, mas permitir que o usuário a instale no smartphone como se fosse um app nativo eleva o nível da experiência (UX). Neste artigo, vamos explorar como converter um projeto Angular 16 em um &lt;strong&gt;Progressive Web App (PWA)&lt;/strong&gt;, superando desafios comuns de dependências e cache.&lt;/p&gt;&#xA;&lt;h2 id=&#34;1-por-que-pwa&#34;&gt;&#xA;  1. Por que PWA?&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#1-por-que-pwa&#34;&gt;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link para o cabeçalho&#34;&gt;&lt;/i&gt;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link para o cabeçalho&lt;/span&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;Diferente de apps nativos, o PWA não precisa de lojas (Play Store/App Store) para ser instalado. Ele oferece:&lt;/p&gt;</description>
    </item>
    <item>
      <title>📝 Aplicação Web: Transformando seu Site em um App com PWA</title>
      <link>https://tiagoscosta.tpps.com.br/posts/-aplica%C3%A7%C3%A3o-web-transformando-seu-site-em-um-app-com-pwa/</link>
      <pubDate>Tue, 20 Jan 2026 17:48:00 +0000</pubDate>
      <guid>https://tiagoscosta.tpps.com.br/posts/-aplica%C3%A7%C3%A3o-web-transformando-seu-site-em-um-app-com-pwa/</guid>
      <description>&lt;p&gt;O que diferencia uma ferramenta web comum de uma plataforma que os usuários utilizam recorrentemente? A resposta está na &lt;strong&gt;acessibilidade&lt;/strong&gt; e na &lt;strong&gt;experiência do usuário (UX)&lt;/strong&gt;. Ao implementar tecnologias de &lt;strong&gt;PWA (Progressive Web App)&lt;/strong&gt;, a sua aplicação deixa de ser apenas uma URL e passa a se comportar como um aplicativo nativo instalado no celular.&lt;/p&gt;&#xA;&lt;h2 id=&#34;1-o-que-é-um-pwa&#34;&gt;&#xA;  1. O que é um PWA?&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#1-o-que-%c3%a9-um-pwa&#34;&gt;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link para o cabeçalho&#34;&gt;&lt;/i&gt;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link para o cabeçalho&lt;/span&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;Um Progressive Web App é um conjunto de tecnologias que permitem que um site ofereça funcionalidades antes exclusivas de aplicativos baixados na App Store ou Google Play.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
