Exercícios de Programação Web

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Verifique o seu desempenho e continue treinando! Você pode refazer o
exercício quantas vezes quiser.
A
B
1
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. 
Questão de 10
Corretas
Incorretas
Em branco
1 2 3 4 5
6 7 8 9 10
Programação Client…
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
1 of 11 15/11/2025, 17:20
C
D
E
A
B
C
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. 
Parabéns, você selecionou a alternativa correta. Confira o
gabarito comentado!
A resposta correta é: O valor da variável teste será sempre 200. 
2
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); })
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
2 of 11 15/11/2025, 17:20
D
E
A
B
C
$�'#conteudo').ajax('url')
$.post('url', function(data) { $�'#conteudo').html(data); })
Opa! A alternativa correta é a letra C. Confira o 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.
3
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();}); 
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
3 of 11 15/11/2025, 17:20
D
E
A
B
C
D
E
$�'button:eq(1�').click(function���$�'p#par').hide();}); 
$�'button').click(function���$�'p.par').hide();}); 
Parabéns, você selecionou a alternativa correta. Confira o
gabarito comentado!
A resposta correta é: $�'button').click(function���$�'p.par').hide();}); 
4
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()
$�'#botao').hover()
$�'.botao').mouseenter()
$�'botao').mouseover()
$�'#botao').mouseStyle()
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
4 of 11 15/11/2025, 17:20
A
B
C
D
Opa! A alternativa correta é a letra B. Confira o 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.
5
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] 
x.trens[1�.trem + " " + x.trens[1�.linha 
x.trens[trem] + " " + x.trens[linha] 
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
5 of 11 15/11/2025, 17:20
E
A
B
C
D
E
text.trens[1�.trem + " " + text.trens[1�.linha 
Opa! A alternativa correta é a letra C. Confira o gabarito
comentado!
A resposta correta é: x.trens[1�.trem + " " + x.trens[1�.linha 
6
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.
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
6 of 11 15/11/2025, 17:20
A
B
C
D
E
Parabéns, você selecionou a alternativa correta. Confira o
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.
7
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.
const.
scope.
block.
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
7 of 11 15/11/2025, 17:20
A
Parabéns, você selecionou a alternativa correta. Confira o
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.
8
Considere a página abaixo, desenvolvida utilizando-se jQuery.
Para que, ao clicar no link, seja feita uma requisição ao
arquivo sanasa.php que está no servidor, de forma que o retorno seja
recebido em data e o status da operação em status, a lacuna I deve ser
corretamente preenchida por: 
$.get 
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
8 of 11 15/11/2025, 17:20
B
C
D
E
A
B
C
$request 
$post 
$.send 
$.ajax 
Parabéns, você selecionou a alternativa correta. Confira o
gabarito comentado!
A resposta correta é: $.get 
9
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.
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
9 of 11 15/11/2025, 17:20
D
E
A
B
C
$�´.paragrafo´); retornará o elemento com id igual a 'paragrafo'.
$�´p#first´); retornará o primeiro dos elementos p.
Parabéns, você selecionou a alternativa correta. Confira o
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.
10
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 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(); });
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
10 of 11 15/11/2025, 17:20
D
E
$�"button").click(function() { $�"p.destaque").hide(); });
$�"p"�.hasClass(".destaque").click(function() { $(this).hide();
Opa! A alternativa correta é a letra D. Confira o 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.
Home https://estacio.saladeavaliacoes.com.br/exercicio/6918d58e04606e1251...
11 of 11 15/11/2025, 17:20