Blog SW9

Desenvolvimento Web e Híbrido na prática.
Tome um café, concentre-se, codifique. (งツ)ว

Client Side Storage | Aula 6 – Web SQL Database | Série HTML5 | SW9

Client Side Storage | Aula 6 – Web SQL Database | Série HTML5 | SW9

Olá a todos. Sejam bem-vindos ao Canal e Blog SW9 (http://blog.sw9.com.br)

Dando continuidade a MEGA Série sobre HTML5.  O Objetivo é apresentar os recursos e as possibilidades que surgiram com o advento do HTML5.

Neste novo conjunto de Aulas abordaremos tudo o que você precisa saber sobre armazenamento de dados do lado cliente (Client Side Storage). E o melhor: veremos tudo isso na prática.

O que veremos nesta aula?

Nesta sexta AULA é a vez de falarmos da tecnologia Web SQL Database.

Vamos usar a camada de abstração para implementarmos as operações de salvar, limpar, inicializar e pesquisar dados de acordo com a especificação Web SQL Database.

Durante a implementação, você vai ter contato com os principais recursos desta tecnologia e estará preparado para implementá-la em seu próximo projeto.

Na sequencia, veremos como o Web SQL Database se comporta  com relação a segurança. Faremos um teste tentando acessar os dados armazenados a partir de um outro domínio.

O que mais você deveria saber sobre Web SQL Database?

Web SQL Database é uma estrutura de banco de dados com todas as funcionalidades e complexidade de um típico banco de dados relacional SQL.

Nesta AULA nós vamos usar os 3 métodos core que fazem parte da especificação desta tecnologia. São eles:

1- openDatabase: o objetivo deste método e abrir um banco de dados existente. Caso o banco de dados não exista, ele se encarrega de criá-lo.

O método possui os seguintes parâmetros:

a. Parâmetro 1: nome do banco de dados (obrigatório);

b. Parâmetro 2: versão do banco de dados (obrigatório);

c. Parâmetro 3: descrição do banco de dados (obrigatório);

d. Parâmetro 4: tamanho em bytes do banco de dados (obrigatório);

e. Parâmetro 5: callback (opcional);

Exemplo de utilização:

let  db = openDatabase('contacts', '1.0', 'Armazenamento de contatos', 2 * 1024 * 1024);

2- transaction: este método permite controlar as transações, permitindo executar commit ou rollback dependendo da situação;

3- executeSql: este método permite executar comandos SQL.

Pontos Fortes da API

Antes de você assistir a AULA de hoje, vale a pena destacar os pontos fortes da API Web SQL Database.

1- Característica Assíncrona: trazendo melhor performance e não bloqueando a interface do usuário;

2- Suporta a maioria dos navegadores usados em dispositivos móveis e também navegadores usados nos desktops;

3- Suporte a índices, trazendo boa performance durante a pesquisa de dados;

4- Mais robusto, já que tem suporte ao uso de transações.

Pontos Fracos da API

1- Infelizmente vem sendo descontinuado em alguns navegadores mais recentes.

Bom pessoal, agora chegou o momento de partirmos para a conclusão e nossa área de LINKS, e na sequencia assistam a AULA de hoje :-)

Aprenda HTML 5 e CSS 3

Comece a criar Sites Com o Melhor do HTML 5 e CSS 3
Curso Relacionado

[Conclusão]

Na aula de hoje [Client Side Storage | Aula 6 – Web SQL Database | Série HTML5 | SW9], demos sequência na Mega série sobre HTML 5.

Hoje apresentamos outra alternativa para quem precisa armazenar dados do lado do cliente (Client Side Storage).  Desta vez falamos sobre a API Web SQL Database, uma estrutura de dados com todas as características de um banco de dados relacional SQL. Aprendemos a trabalhar com esta API durante a implementação das operações de salvar, pesquisar, inicializar e limpar dados que fazem parte da camada de abstração do nosso projeto de gerenciamento de contatos. Você também ficou sabendo dos pontos fortes desta API.

Está disponível na minha área de downloads o projeto parcial.  Para acessá-lo basta clicar no link a seguir http://blog.sw9.com.br/acesso-area-de-downloads/, informar um e-mail válido e automaticamente receberá as instruções para acesso.

Dentro da minha área de Downloads, procure pela pasta HTML5/STORAGE.  O resto é com vocês :-)

Bom, por hoje é só. Aproveitem o vídeo e bons estudos. Fiquem antenados, que em breve teremos mais novidades.

Espero que gostem deste vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.

Fiquem com Deus e até o próximo vídeo.

[Links úteis]

Curso Relacionado: [Aprenda HTML 5 e CSS 3 e Comece a Criar Seus Próprios Sites] – https://goo.gl/QsLPph

Cloud 9: https://c9.io/login

PlayList Cloud 9: https://goo.gl/7aQbD6

PlayList Mega Série HTML5: https://www.youtube.com/watch?v=D-XN-miEwP0&list=PLtluGZbI5ESj8XWTJcJmrVW6Q_tCi7uR8

Área de Downloads: http://blog.sw9.com.br/acesso-area-de-downloads/

Meu Blog: http://blog.sw9.com.br

Meu GitHub: https://sw9brl.github.io/MyGitHubPage

Canal youtube: https://youtube.com/+sw9brl

Link do vídeo: https://youtu.be/AinAh8V98Ro

Parceria: https://www.tubebuddy.com/pricing?a=sw9brl

✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se

Tópicos Relacionados

Deixe um comentário

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Paulo Eduardo
Geek desde criança, sempre me interessei por games, filmes e tecnologia. Sou graduado em engenharia da computação pela PUC Campinas. Possuo mais de 15 anos de experiência em desenvolvimento, com foco maior em desenvolvimento web, gestão de times e mais recentemente desenvolvimento mobile utilizando HTML e Javascript.

Termos como #backend, #frontend e #fullstack fazem parte do meu dia a dia.

Não deixe de acompanhar meu blog, canal youtube e meus produtos digitais.

Divirta-se e bons estudos. :-)
Paulo Eduardo on sabyoutubePaulo Eduardo on sabinstagramPaulo Eduardo on sabgithubPaulo Eduardo on sabfacebook
✌(◕‿-)✌ Tempo Limitado - Tenha acesso a nossa área de DownloadsClique Aqui - É Grátis
How to whitelist website on AdBlocker?