Angular Progressive Web Apps (PWA) MasterClass e E-Book GRATUITO

Guia Prático para Aplicações Web Progressivas (PWA) com Angular

Este curso em poucas palavras - Parte 1 Angular Service Worker (inclui o Ebook de Introdução ao Typescript) Na primeira parte do curso, vamos explorar o Angular Service Worker e o suporte integrado do Angular CLI para PWA. Começaremos com uma aplicação Angular básica e gradualmente adicionaremos recursos de PWA para transformá-la em uma Aplicação Web Progressiva. Começaremos implementando o Angular Service Worker para permitir o download e a instalação da aplicação. Além disso, exploraremos o gerenciamento de versões da aplicação e várias estratégias de cache para pacotes de aplicação e dados. Para melhorar a experiência do usuário, criaremos um Shell de Aplicação usando o Angular CLI e o Angular Universal. Também tornaremos a aplicação instalável com um clique, incorporando um Manifesto de Aplicativo. Por fim, integraremos Notificações Push usando o Angular Service Worker, proporcionando uma experiência completa de PWA semelhante a um aplicativo móvel. Este curso em poucas palavras - Parte 2 - Fundamentos dos Service Workers Na segunda parte, você obterá uma compreensão abrangente das Aplicações Web Progressivas, incluindo Service Workers, Manifesto de Aplicativo e a API de Armazenamento em Cache. Você utilizará essas APIs para implementar recursos semelhantes a aplicativos nativos, como instalação com um clique, suporte offline, download e instalação de aplicativos e cache de dados da aplicação. Além disso, você aprenderá os Fundamentos dos Service Workers do zero, utilizando APIs de navegador integradas e as Ferramentas de Desenvolvimento do Chrome para garantir uma compreensão completa dos conceitos subjacentes. O conhecimento adquirido nesta seção vai além do Angular e pode ser aplicado a qualquer plataforma de desenvolvimento. Por que PWAs? Construa o Futuro da Web Hoje O futuro da Web está nas Aplicações Web Progressivas (PWAs). Com o suporte futuro do Safari e a capacidade de instalar PWAs diretamente em desktops Windows, as PWAs são a próxima geração de aplicações web que preenchem a lacuna entre os aplicativos nativos. Isso inclui recursos futuros como Bluetooth e Pagamentos. As PWAs oferecem uma experiência semelhante a um aplicativo nativo sem a necessidade de uma loja de aplicativos. Os usuários podem instalar aplicativos web diretamente em sua área de trabalho ou tela inicial com um único clique. Uma vez instalada, a aplicação permanece acessível offline e oferece suporte a sincronização em segundo plano e notificações. As PWAs não se limitam a dispositivos móveis; qualquer aplicação pode se beneficiar de tempos de inicialização significativamente mais rápidos. O suporte do Angular CLI para PWA e o Angular Service Worker elevam os recursos de PWA a novos patamares, permitindo uma integração perfeita em compilações de produção. No entanto, entender os mecanismos subjacentes é crucial para solucionar problemas, interagir com o Angular Service Worker e configurar o Angular CLI. Visão geral do curso Na parte 1, exploraremos cada recurso de PWA individualmente. Esses recursos são projetados para funcionar juntos, tornando essencial implementá-los em um caso de uso prático. O componente principal de uma PWA é o Service Worker, que serve como nosso ponto de partida. Vamos aprofundar o ciclo de vida do Service Worker, lidar com várias versões e enfrentar desafios comuns de instalação e ativação. Além disso, criaremos um service worker que exibe uma página offline quando a rede não está disponível, utilizando a API de Cache. Como a maioria das APIs de PWA é baseada em Promises, utilizaremos Async/Await para melhorar a legibilidade do código. Implementaremos o Download e a Instalação da Aplicação, demonstrando como um Service Worker pode baixar uma versão do site no dispositivo do usuário e lidar com várias instalações. Mostraremos os benefícios de desempenho do cache de toda a aplicação localmente, simularemos redes lentas e aprenderemos a limpar versões anteriores. Além disso, exploraremos o cache de dados específicos da interface do usuário e do Modelo de Visualização derivado usando o Indexed DB e um Service Worker. Por fim, abordaremos a Sincronização em Segundo Plano e inspecionaremos nossa aplicação usando a ferramenta Lighthouse para analisar seu desempenho. A última seção deste curso de fundamentos de PWA se concentrará em Web Push e Notificações. Configuraremos um servidor node com capacidades de Web Push e o integraremos ao nosso service worker para habilitar notificações semelhantes a aplicativos móveis. O que você aprenderá neste curso? Este curso oferece uma compreensão abrangente dos recursos do navegador para PWAs, aplicáveis não apenas a aplicações Angular, mas também ao desenvolvimento web em geral. Você aprenderá como analisar e solucionar problemas de PWAs usando as Ferramentas de Desenvolvimento de PWAs do Chrome. Além disso, você aproveitará o Angular Service Worker e os recursos do Angular CLI PWA para construir aplicações web habilitadas para PWA. O que você será capaz de fazer ao final deste curso? Ao concluir este curso, você terá habilidades para projetar, desenvolver e solucionar problemas de PWAs. Você também será proficiente em adicionar rapidamente recursos de PWA a aplicações Angular usando o Angular CLI e o Angular Service Worker. Dê uma olhada nas lições gratuitas do curso abaixo e aproveite a experiência de aprendizado! O que você aprenderá - Acesso a um repositório do Github com arquivos ZIP para download de cada seção - Compreensão aprofundada de vários recursos fornecidos pelo Angular Service Worker - Transformar uma aplicação Angular em uma PWA - Habilitar o download e a instalação de aplicações Angular - Instalação com um clique com um Manifesto de Aplicativo - Implementar Notificações Push usando o Angular Service Worker - Melhorar o desempenho da aplicação com cache de dados da aplicação - Conhecimento abrangente dos fundamentos dos Service Workers - Compreensão detalhada do ciclo de vida do Service Worker - Depurar Service Workers usando as Ferramentas de Desenvolvimento do Chrome