São aplicações que funcionam mesmo sem acesso a internet, para funcionarem precisam dos arquivos “.js” e “.css”, é também necessário escrever um arquivo  manifest (onde serão definidos os recursos disponíveis enquanto o usuário estiver offline) utilizando cache para que o browser resgate as informações do HD (disco rígido) para que então não seja necessário conectar se a internet , o arquivo manifest será linkado ao HTML.  No exemplo abaixo é possível ver os arquivos .css e .js sendo carregados ja no arquivo manifest.

Exemplo de arquivo manifest

Cache Manifest

# 2014-09-16 v1.0.0
/style.css
/art.gif
/cjg.js

NETWORK:
login.asp

FALLBACK:

/html/ /offline.html

O Objeto ApplicationCache

O objeto aplicationCache controla o status de caching da página sendo indicados de 0 a 5.

0 – UNCACHED
Não há nenhum arquivo de manifesto na página.

1 – IDLE
O cache esta atualizado.

2 CHECKING
O arquivo de manifesto está sendo baixado e conferido.

3 – DOWNLOADING
As URLs vinculadas no manifesto estão sendo baixadas.

4 – UPDATEREADY
O cache é antigo, mas ainda não foi marcado como obsoleto.

5 – OBSOLETE
O cache foi marcado como obsoleto e precisa ser atualizado assim que possível.

Controle de status da aplicação

Caso haja troca de informações entre o usuário e o servidor é necessário  fazer o armazenamento local de dados, com isso é possível informar dados que o que o navegador deveria enviar ao servidor e quando o mesmo  estiver online , enviar o restante.

Utilizando a ApplicationCache o usuário pode navegar pelo site estando offline e terá ainda uma velocidade maior visto que as informações estão guardadas em disco local.

Gostou do texto? Já pensou em se qualificar e entrar para o mercado que mais cresce atualmente? Conheça  e participe do curso Programador Web da Fábrica de Software para um Varejo mais competitivo em Campo Grande(MS). Este texto foi produzido como parte das atividades relacionadas com os estudos sobre os Princípios Designer e páginas Web para Programadores, sobre a orientação do professor Marco Aurélio Dias de Oliveira.

Leia outros textos relacionados com Princípios do Designer e páginas Web para Programadores.

Aplicações offline com HTML5
Novos tipos de campos no HTML5
Usando MathML e SVG com HTML5
Tipos de Links no HTML5
O que são SERVER-SENT EVENTS no HTML5
O DOM e o HTML5
Menus e Toolbars no HTML5
O que é HTML5
Compatibilidade entre os navegadores com o HTML5
Novos elementos e atributos do HTML5
Como organizar adequadamente as tags em seu documento HTML5