Gabarito -Exercício - ProgramaçãoClienteComJavascript

Prévia do material em texto

Questões
Exercicio
Programação Cliente Com Javascript
Você acertou 9 de 9 questões
Verifique o seu desempenho e continue treinando! Você pode refazer o exercício quantas vezes quiser.
Verificar Desempenho
A
B
C
D
1 Marcar para revisão
Em um projeto web, um desenvolvedor opta por utilizar o JQuery para simplificar a manipulação do DOM. Ele necessita
implementar uma função que esconda todos os elementos <p> com a classe .destaque ao clicar em um botão específico.
Qual linha de código em JQuery realiza corretamente a ação descrita acima?
$�"p.destaque").hideOnClick();
$�"p.destaque").click(function() { $(this).hide(); });
$�".destaque").on("click", "p", function() { $(this).hide(); });
$�"button").click(function() { $�"p.destaque").hide(); });
E
A
B
$�"p").hasClass(".destaque").click(function() { $(this).hide();
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A alternativa correta utiliza a função .click() do JQuery para atribuir um evento de clique a um botão. Dentro do evento,
ela utiliza a função .hide() para esconder todos os elementos
com a classe .destaque. As outras alternativas não representam corretamente a ação descrita, seja por selecionar
elementos de forma incorreta ou por utilizar métodos que não existem no JQuery.
2 Marcar para revisão
Um programador está trabalhando em uma aplicação web e precisa garantir que uma variável seja acessível somente
dentro do bloco onde foi declarada, evitando conflitos com outras partes do código.
Qual palavra-chave em Javascript deve ser usada para declarar a variável com o escopo desejado?
var.
let.
C
D
E
const.
scope.
block.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A alternativa correta é let, pois permite a declaração de variáveis com escopo de bloco, ou seja, a variável existe
apenas dentro do bloco onde foi declarada. As outras opções são incorretas: var tem escopo de função, const também
tem escopo de bloco mas é usada para constantes, enquanto scope e block não são palavras-chave para declaração
de variáveis em Javascript.
3 Marcar para revisão
Ao contrário da palavra- chave "var", a palavra- chave "let", tem como função restringir o acesso a variáveis dentro de um
bloco. Neste sentido, o que acontece quando executamos o código abaixo em um navegador com suporte a ECMAScript
versão ES6 ou superior?
A
B
C
D
E
versão ES6 ou superior?
O valor da variável teste será sempre 200. 
Será exibido no console do navegador o valor 1. 
Será exibido dentro da janela navegador o valor 1. 
A instrução let introduz um escopo de bloco a variável teste. 
A declaração da variável teste utilizando let funcionaria da mesma forma se utilizássemos var. 
Resposta correta
A
B
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A resposta correta é: O valor da variável teste será sempre 200. 
4 Marcar para revisão
Considere o bloco de código abaixo que utiliza JavaScript e JSON. 
Para que o bloco de código exiba 0146 vermelha, a lacuna I deve ser corretamente preenchida por: 
x.trens[2].trem + " " + x.trens[2].linha 
text.trens[trem] + " " + text.trens[linha] 
C
D
E
A
x.trens[1].trem + " " + x.trens[1].linha 
x.trens[trem] + " " + x.trens[linha] 
text.trens[1].trem + " " + text.trens[1].linha 
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A resposta correta é: x.trens[1].trem + " " + x.trens[1].linha 
5 Marcar para revisão
Em um projeto de interface web, um desenvolvedor utiliza jQuery para aprimorar a interatividade. Ele planeja modificar o
estilo de um botão quando o usuário passa o mouse sobre ele. Para isso, ele precisa selecionar corretamente o botão e
aplicar a função de estilo.
Qual método jQuery o desenvolvedor deve usar para selecionar o botão pelo seu ID e aplicar uma mudança de estilo ao
passar o mouse?
$�'#botao').onMouseOver()
B
C
D
E
$�'#botao').hover()
$�'.botao').mouseenter()
$�'botao').mouseover()
$�'#botao').mouseStyle()
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A alternativa correta é a B, $�'#botao').hover(). Este método é usado no jQuery para adicionar manipuladores de
eventos para a ação de passar o mouse sobre um elemento. As outras alternativas, embora usem termos relacionados
ao jQuery e eventos de mouse, não são métodos corretos para esta ação específica.
6 Marcar para revisão
O jQuery pode selecionar elementos HTML a partir de seletores, otimizando o desenvolvimento. Sobre a utilização de
A
B
C
D
E
j y p p , ç
seletores no jQuery, é correto afirmar:
$�´td, th´); retornará todos os elementos th que são filhos de td.
$�´#formulario´); retornará todos os elementos da classe 'formulario'.
$�´p:first´); retornará o primeiro dos elementos p.
$�´.paragrafo´); retornará o elemento com id igual a 'paragrafo'.
$�´p#first´); retornará o primeiro dos elementos p.
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
O seletor $�´p:first´) no jQuery é usado para selecionar o primeiro elemento p na página. Isso é útil quando queremos
aplicar estilos ou realizar operações apenas no primeiro elemento de um tipo específico. Portanto, a afirmação
"$�´p:first´); retornará o primeiro dos elementos p" está correta, tornando a alternativa C a resposta correta para esta
questão.
A
B
C
D
E
7 Marcar para revisão
Considere a página abaixo, construída utilizando jQuery: 
$(document).ready(function() { ..I... }); Esconder Texto do parágrafo.
Para que, ao se clicar no botão Esconder, o texto do parágrafo se torne oculto, deve-se preencher a lacuna I com: 
$�'button').click(function(){$('p#par').hide();}); 
$�'button:eq(0)').click(function().defineProperty('p.par').hide()); 
$�'button').click(function(){$('p.par').hidden();}); 
$�'button:eq(1)').click(function(){$('p#par').hide();}); 
$�'button').click(function(){$('p.par').hide();}); 
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
G b i C d
A
B
C
D
E
Gabarito Comentado
A resposta correta é: $�'button').click(function(){$('p.par').hide();}); 
8 Marcar para revisão
Em um projeto web, ao implementar uma tabela HTML dinâmica utilizando jQuery e AJAX, os dados são recebidos do
servidor no formato JSON. A tabela é atualizada automaticamente sem recarregar a página, melhorando a experiência do
usuário.
Qual método HTTP é mais adequado para a realização dessa tarefa e por quê?
PUT, pois permite substituir recursos no servidor.
GET, pois é utilizado para solicitar dados de um recurso especificado.
DELETE, pois remove recursos do servidor.
HEAD, pois solicita uma resposta similar ao GET, sem o corpo da resposta.
TRACE, pois permite diagnóstico no caminho para o alvo.
Resposta correta
A
B
C
D
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
O método HTTP GET é ideal para solicitar dados de um recurso especificado, como é o caso ao se receber dados no
formato JSON para uma tabela HTML dinâmica. Ele é usado para realizar requisições que não resultam em uma
atualização no estado do recurso, adequando-se ao cenário descrito de atualização de uma tabela sem recarregar a
página.
9 Marcar para revisão
Uma aplicação web requer a atualização de conteúdo sem recarregar a página inteira. O desenvolvedor decide usar jQuery
para realizar requisições AJAX, buscando dados de um servidor e atualizando um elemento da página.
Qual função jQuery é apropriada para enviar uma requisição AJAX GET e atualizar um elemento com o ID 'conteudo'?
$.ajaxGet('#conteudo')
$�'#conteudo').loadData()
$.get('url', function(data) { $('#conteudo').html(data);})
$�'#conteudo') ajax('url')
D
E
$� #conteudo ).ajax( url )
$.post('url', function(data) { $('#conteudo').html(data); })
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A alternativa C, $.get('url', function(data) { $('#conteudo').html(data); }), é a resposta correta. Este método do jQuery é
usado para realizar uma requisição AJAX do tipo GET e, em seguida, atualizar um elemento específico da página com
os dados recebidos. As outras opções, apesar de parecerem plausíveis, não são métodos válidos ou apropriados para
realizar esta tarefa conforme descrito no jQuery.