Curso de Ionic Framework – PWA

5/5

Vantagens em Assinar o MX Cursos

Ao assinar a nossa plataforma, você terá acesso a todos os cursos de todas as categorias, hoje são mais de 190 treinamentos disponíveis.

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.

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

Categorias

Além desse curso, você terá acesso a todos os outros treinamentos das categorias abaixo:

43 CURSOS

Edição de vídeos profissional

50 CURSOS

Motion graphics para projetos reais

25 CURSOS

Domine estratégias do marketing digital

22 CURSOS

Crie projetos gráficos criativos

12 CURSOS

Aprenda a criar sistemas dinâmicos

13 CURSOS

Aprenda a criar aplicativos

52 CURSOS

Modele objetos e personagens 3D

41 CURSOS

Domine criação de personagens cartoon

12 CURSOS

Aprenda a desenvolver sites nos padrões

Não sabe por onde começar? Nós te ajudamos!

Posso ajudar?