Angular on Tiago Costa

📝 Transformando um aplicação web em um PWA (Progressive Web App) com Angular

Thu, 28 May 2026 15:52:00 +0000

Adicionar recursos de PWA (Progressive Web App) 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 Service Workers.

Neste artigo, você aprenderá o passo a passo completo para configurar o suporte a PWA no ecossistema moderno do Angular.

🚀 Rotas Simplificadas: O Fim do AppModule no Angular Standalone

Tue, 16 Dec 2025 18:20:00 +0000

A introdução dos Standalone Components no Angular (a partir da versão 14 e totalmente adotada na v17+) trouxe uma transformação não apenas na estrutura dos componentes, mas também na maneira como configuramos o roteamento da aplicação.

Se antes éramos obrigados a gerenciar múltiplos arquivos de módulo (AppModule, AppRoutingModule, Feature Modules), hoje, podemos configurar todo o routing diretamente no ponto de bootstrap da aplicação.

🧐 O Modelo de Roteamento Tradicional (Com NgModules) Link para o cabeçalho

Historicamente, o roteamento no Angular exigia, no mínimo, três arquivos para funcionar corretamente:

📝 Angular: A Revolução Standalone vs. a Tradição Module

Tue, 16 Dec 2025 17:45:00 +0000

Desde o Angular 14, os Standalone Components (Componentes Autônomos) têm simplificado a forma como as aplicações são estruturadas, oferecendo uma alternativa mais leve e direta aos tradicionais NgModules. Este artigo detalha as diferenças conceituais e mostra exemplos práticos de como migrar de um componente baseado em módulo para a nova abordagem autônoma.

🧐 O Modelo Tradicional: NgModules Link para o cabeçalho

O NgModule é o pilar da arquitetura Angular há anos. Ele atua como um contêiner de metadados que organiza e conecta partes coesas de sua aplicação.