 4.5/5

Curso de Ionic Framework – PWA

Professor Junior Abranches

Sobre o curso

Neste Curso de Ionic, mostraremos para você como construir um dashboard na web, utilizando os conceitos do PWA e o Ionic Framework como plataforma.

PWA ou Progressive Web App é um termo usado para denotar uma nova metodologia de desenvolvimento de software. Ao contrário dos tradicionais aplicativos, um Progressive Web App pode ser visto como uma evolução híbrida entre as páginas da web regulares e um aplicativo móvel.

O Ionic é um SDK de software livre completo para desenvolvimento de aplicativos móveis híbridos, constituído por HTML, CSS e TypeScript.

O Firebase é uma plataforma de desenvolvimento de aplicativos para dispositivos móveis e Web desenvolvida pela Google. A partir de outubro de 2018, a plataforma Firebase passou a ter 18 produtos que são usados por 1,5 milhão de aplicativos.

Vamos unir essas 3 tecnologias e a partir daqui você irá se surpreender com as funcionalidade e o que podemos construir.

O que você vai aprender

Neste Curso de Ionic, você irá aprender a desenvolver um Dashboard na Web, utilizando recursos de PWA e Banco de Dados na nuvem com o Firebase, além de conceitos do Ionic Framework, que será a base do nosso projeto.

Público alvo

Este Curso de Ionic é indicado a todos os desenvolvedores mobile, web, estudantes de tecnologia da informação ou apenas curiosos que queiram adentrar no mundo do desenvolvimento.

Trailer

Algumas aulas do curso

Ementa do curso

Módulo 1

Apresentação
Conhecendo nosso projeto
Conhecendo um PWA
Novidades do Ionic 4

Módulo 2

Introdução ao Firebase
Conhecendo o Dashboard do Firebase
Criando o Aplicativo (PWA) com o Ionic
Instalando o Firebase e o AngularFire (npm)
Conectando o Firebase com o Aplicativo (PWA)
Criando o Provider do Firebase em nosso Aplicativo (PWA)

Módulo 3

Alterando o home.ts
Alterando o home.html
Alterando o home.scss
Corrigindo o background e ajustando tela Clientes

Módulo 4

Criando o método que captura os clientes no firebase (provider)
Criando o método que guarda os clientes em um array
Listando os clientes na tela
Ajustando a tela de detalhe do cliente
Populando os campos do Cliente

Módulo 5

Testando com mais 1 cliente
Criando mais um Menu (home)
Aplicando o LazyLoading na HomePage
Criando ação do botão Exit (Sair)
Preparando e compilando o PWA
Alterando e republicando o PWA
Exemplo de PWA funcional
Conclusão

Junior Abranches

Desenvolvedor de Aplicativos há cerca de 6 anos, apaixonado por tecnologia e autor de artigos e tutoriais em sites e blogs para desenvolvimento mobile. Além de canal no Youtube, também ministra aulas de Desenvolvimento Mobile em Cuiabá-MT e aulas via Skype. Eventualmente, ministra palestras em eventos de tecnologia. Possui alguns aplicativos publicados nas lojas do Google e Apple, alguns viraram matérias em Jornais e TV local.

Cursos do professor