Tema - 2 Programação Cliente Com Javascript

Prévia do material em texto

16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 1/13
Você acertou 6 de 9 questões
Verifique o seu desempenho e continue treinando! Você pode refazer o exercício quantas
vezes quiser.
Verificar Desempenho
1 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'?
Questão 1 de 9
Corretas �6�
Incorretas �3�
Em branco �0�
1 2 3 4 5
6 7 8 9
Exercicio Programação Cliente Com Javascript Sair
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 2/13
A
B
C
D
E
$.ajaxGet('#conteudo')
$�'#conteudo').loadData()
$.get('url', function(data) { $('#conteudo').html(data); })
$�'#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.
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 3/13
A
B
C
D
E
2 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(); });
$�"p").hasClass(".destaque").click(function() { $(this).hide();
Resposta incorreta
Opa! A alternativa correta é a letra D. Confira o gabarito comentado!
Gabarito Comentado
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 4/13
A
B
C
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.
3 Marcar para revisão
O jQuery pode selecionar elementos HTML a partir de seletores, otimizando o
desenvolvimento. Sobre a utilização de 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.
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 5/13
D
E
$�´.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.
4 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?
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 6/13
A
B
C
D
E
var.
let.
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.
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 7/13
A
B
C
D
E
5 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!
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 8/13
A
B
Gabarito Comentado
A resposta correta é: $�'button').click(function(){$('p.par').hide();}); 
6 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] 
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 9/13
C
D
E
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 
7 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ê?
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 10/13
A
B
C
D
E
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
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.
16/04/2024, 07:29 Homehttps://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 11/13
A
B
C
8 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?
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. 
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 12/13
D
E
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 incorreta
Opa! A alternativa correta é a letra A. Confira o gabarito comentado!
Gabarito Comentado
A resposta correta é: O valor da variável teste será sempre 200. 
9 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?
16/04/2024, 07:29 Home
https://estacio.saladeavaliacoes.com.br/exercicio/6613e846eee27ec2ab36fa4f/gabarito/ 13/13
A
B
C
D
E
$�'#botao').onMouseOver()
$�'#botao').hover()
$�'.botao').mouseenter()
$�'botao').mouseover()
$�'#botao').mouseStyle()
Resposta incorreta
Opa! A alternativa correta é a letra B. 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.