
Neste vídeo vamos iniciar o projeto e veremos que com um simples comando podemos transformá-lo em uma PWA.
Neste vídeo criaremos os componentes da aplicação de seguros e as configurações necessárias para o funcionamento da mesma.
Neste vídeo veremos como podemos salvar os dados de API's no cache para que elas fiquem disponíveis offline através do Service Worker.
URL da API:
https://www.carqueryapi.com/api/0.3/?callback=?&cmd=getMakes
Código do "cadastro-seguros.component.html":
https://raw.githubusercontent.com/andrewarosario/angular-pwa-auto-seguros/master/src/app/components/cadastro-seguros/cadastro-seguros.component.html
Neste vídeo criaremos o servidor em Node.js que se comunicará com a nossa aplicação Angular.
Neste vídeo iremos implementar o código necessário para salvarmos os seguros no servidor.
Neste vídeo iremos implementar o código necessário para listarmos os seguros do servidor e torná-los disponíveis offline.
Neste vídeo iremos implementar uma estratégia para a aplicação ouvir e emitir a mudança de status de conexão (online/offline) utilizando o RxJS. Desta forma teremos o controle de tomar decisões para armazenar dados localmente e posteriormente enviá-los para o servidor de forma automática quando for obtida conexão com a internet.
Neste vídeo iremos utilizar o IndexedDB em conjunto com a biblioteca Dexie.js para armazenar dados localmente quando estivermos offline. Desta forma podemos recuperar estes dados para enviá-los para o servidor ao obter conexão com a internet.
Neste vídeo iremos refatorar o serviço de seguros criando uma classe abstrata. Desta forma podemos transportar todas as propriedades, funções e tipagens (utilizando o Generics do Typescript) genéricas para a classe abstrata. Assim nossos serviços filhos poderão herdá-los dela.
Artigo: TypeScript - Entendendo Generics por completo
https://medium.com/@oieduardorabelo/typescript-entendendo-generics-por-completo-40a372aeea5
Neste curso mostrarei passo-a-passo como desenvolver uma aplicação Angular com vários recursos que a transformam em uma PWA, podendo torná-la instalável como um aplicativo nativo, além de poder acessar dados offline.
Utilizaremos o Framework CSS Semantic UI para lidar com o Layout da aplicação e criaremos um servidor em Node.js para integrar com o front-end.