Série da semana: Angular, API RESTful e Banco de Dados

Veja mais
O projeto está inativo

Armazenamento de dados no Cordova: Criando uma aplicação de lembretes

Aprenda a utilizar o IndexedDB em aplicações Cordova para armazenar informações localmente. Para demonstrar esse recurso, neste exemplo criaremos uma aplicação de lembretes. Confira!

22

Apresentação do projeto

Conteúdo de apoio

O armazenamento de dados localmente é uma necessidade frequente de aplicações mobile. Aqui utilizaremos uma solução de armazenamento chamada IndexedDB, que faz parte da API do HTML5 e, portanto, pode ser usado também em aplicações web.

O IndexedDB é um banco de dados não relacional capaz de armazenar informações em diferentes formatos (não tabular).

Para exemplificar o uso dessa funcionalidade criaremos uma aplicação de lembretes (notas pessoais) que contará com duas telas: listagem e cadastro de lembretes. A sequência de imagens abaixo ilustra as telas da aplicação em modo responsivo:

Tela 1: Página inicial da aplicação Tela 2: Página de cadastro de lembretes Tela 3: Validação de campo obrigatório no cadastro de lembretes

Como estamos usando Cordova, que se baseia em HTML, CSS e JavaScript, a aplicação também pode ser acessada em browsers com diferentes dimensões, como mostra a Figura 1.

Aplicativo visualizado no browser
Figura 1. Aplicativo visualizado no browser

Para que a interface se adapte a diferentes tamanhos de tela, utilizamos o recurso de Flexbox do CSS3, que veremos na prática mais adiante neste exemplo.

Sugestão de conteúdo

Caso você ainda não esteja familiarizado com o Cordova, sugerimos assistir ao seguinte curso, que lhe introduzirá nos conceitos dessa ferramenta:

Suporte ao aluno - Deixe a sua dúvida.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrado através do seu cartão de crédito. *Tempo minimo de assinatura: 12 meses.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrada através do seu cartão de crédito. *Tempo mínimo de assinatura: 12 meses.