No HTML5, os objetos que permitem o armazenamento de dados l . . .

Exercício 4

#2021 #VUNESP #TJM-SP #Engenharia de Software / HTML

No HTML5, os objetos que permitem o armazenamento de dados localmente no cliente são:

window e document.

PUT e POST.

localStorage e sessionStorage.

var, local e global.

session e cookie.

Resolução

Este exercício foi solucionado pelo colaborador João Ricardo de Oliveira Alves

Entre em contato conosco: exerciciosresolvidosbr@gmail.com

#Resolução completa

Errado - Letra A
O objeto window representa uma janela do browser e é o principal objeto que está no topo da hierarquia dos objetos javascript. Este objeto possibilita a manipulação de das janelas do browser.

Já o objeto document representa a página que foi carregada, é este objeto que permite o acesso a árvore DOM(Document Object Model).

A letra A está errada pois window e document não são responsáveis pelo armazenamento de dados localmente no cliente.
Errado - Letra B
PUT é um método de requisição HTTP que indica a ação de substituir a representação do recurso no destino pela carga de dados da requisição.

POST também é um método de requisição HTTP, mas que submete uma entidade a um recurso específico.

A alternativa B também está errada por dois motivos: o primeiro é que PUT e POST são métodos de requisição do protocolo HTTP e o segundo é que nenhum dos dois métodos armazena dados locais no cliente.
Correto - Letra C
O localStorage e sessionStorage são recursos importantes da API de Armazenamento da Web (Web Storage API), que permitem aos desenvolvedores armazenar dados localmente no navegador do usuário na forma de chave valor.

localStorage não tem um tempo de expiração no navegador, ou seja, os dados permanecem disponíveis mesmo após o usuário fechar e reabrir o navegador. No localstorage os dados são compartilhados com abas/janelas que estão acessando a mesma origem.

sessionStorage armazena dados de forma temporária e os dados são apagados ao se fechar o navegador, além de não permitir o compartilhamento de dados entre abas e janelas.
Errado - Letra D
var, local e global são formas de declaração de variáveis ou podem significar o escopo de variáveis na linguagem javascript.

A letra D está errada pois var, local e global se referem ao contexto de linguagem de programação e algoritmos, e não ao contexto de armazenamento de dados localmente no cliente.
Errado - Letra E
Os cookies são pequenos pedaços de dados que são armazenados na máquina cliente.

Já a sessão armazena dados do usuário, mas do lado servidor.

A letra E está errada pois o enunciado do exercício solicita a alternativa que informa objetos que permitem o armazenamento de dados localmente no cliente, que não é o casos da sessão que armazena dados no servidor.

#Resumo

As alternativas "A", "B", "D" e "E" estão erradas e a alternativa "C" está correta, pois localStorage e sessionStorage são objetos que armazenam dados localmente no cliente de maneiras distintas. As demais alternativas ou são objetos com outras finalizadas ou são escopo de variáveis de algoritmos javascript ou são relacionadas ao protocolo http.

#Raciocínio

Para resolver este exercício, os seguintes passos foram executados:
1. Ler bem o enunciado da questão e ficar atento que é solicitado os objetos que permitem armazenamento local.
2. Analisar alternativa por alternativa.
3. Ou se elimina as alternativas erradas e a que sobrar é a correta, ou a alternativa correta já é selecionada de primeira a depender do conhecimento do estudante.

Complementos

#Conceitos

HTML5 é a quinta versão do HTML(Hypertext Markup Language), que serve para construção de sites web trazendo consigo importantes mudanças através de funcionalidades como semântica e acessibilidade.
DOM oferece um modelo de representação e interação do documento HTML ou XML estruturado em formato de árvore, possibilitando a manipulação e modificação de elementos de um documento web.
window é um objeto que representa um janela do browser contendo o DOM(Document Object Model).
document é um objeto que representa a página web, viabilizando o acesso do DOM.
HTTP é o principal protocolo de transferência de dados na internet que funciona no modelo request and response, ficando na camada de aplicação do modelo OSI.
PUT é um verbo HTTP usado para enviar uma informação para o servidor sem que ocorra algo desconhecido e indesejável, ou seja, indempotência.
POST é um verbo HTTP usado para enviar uma informação para o servidor, onde se espera algum tipo de efeito colateral qualquer como a criação de um novo registro ou mudança de estado.
localstorage armazena dados no cliente, de forma que estes não expiram.
sessionstorage armazena dados no cliente e os dados são limpos quando a sessão da página expira.
var é uma palavra chave do javascript para se declarar uma variável.
local é o escopo de variáveis no javascript mais restrito como o interior de uma função.
global é um escopo de variáveis no javascript mais aberto, onde a mesma variável pode ser acessada de locais distintos.
cookie é um pedaço de texto pequeno que é salvo na máquina do usuário.
session é usado para salvar informações no servidor momentaneamente, podendo ser utilizado através de várias páginas em um website.

#Perguntas

O que é HTML5 e para que serve?
Qual a diferença entre HTML5 e HTML?
Para que serve o document em javascript?
Para que serve o objeto window?
Qual a diferença entre put e post?
Qual é a diferença entre o sessionStorage e o localStorage?
Qual a diferença de cookie e local storage?
O que são cookies e sessions?
Qual a principal diferença entre sessões e cookies?
O que acontece quando um cookie expira?