exercicio1 - Programação Cliente Servidor

Prévia do material em texto

Você acertou 8 de 10 questões
Verifique o seu desempenho e continue treinando! Você pode refazer o exercício quantas vezes quiser.
Verificar Desempenho
A
B
C
D
E
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'?
$.ajaxGet('#conteudo')
$('#conteudo').loadData()
('#conteudo').html(data); }).get('url', function(data) {
$('#conteudo').ajax('url')
('#conteudo').html(data); }).post('url', function(data) {
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A alternativa C, ('#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.
.get('url', function(data) {
2 Marcar para revisão
Considere o bloco de código abaixo que utiliza JavaScript e JSON. 
Questão 1 de 10
Corretas (8)
Incorretas (2)
Em branco (0)
1 2 3 4 5
6 7 8 9 10
Lista de exercícios Programação Cliente Com Javascript Sair
A
B
C
D
E
A
B
C
D
E
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] 
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 
3 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: 
('p#par').hide();}); ('button').click(function(){
$('button:eq(0)').click(function().defineProperty('p.par').hide()); 
('p.par').hidden();}); ('button').click(function(){
('p#par').hide();}); ('button:eq(1)').click(function(){
('p.par').hide();}); ('button').click(function(){
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A resposta correta é:  ('p.par').hide();}); ('button').click(function(){
A
B
C
D
E
A
B
C
4 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. 
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
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. 
5 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.
const.
D
E
A
B
C
D
E
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.
6 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
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.
7 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:
A
B
C
D
E
A
B
C
D
E
$(´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´); retornará o primeiro dos elementos p" está correta, tornando a alternativa C a resposta correta
para esta questão.
(´p : first´)nojQueryéusadoparaselecionaroprimeiroelementopnapágina. Issoéútilquandoqueremosaplicarestilosoureali
8 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 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();
(this).hide(); });("p.destaque").click(function() {
(this).hide(); });(".destaque").on("click", "p", function() {
("p.destaque").hide(); });("button").click(function() {
(this).hide();("p").hasClass(".destaque").click(function() {
Resposta incorreta
Opa! A alternativa correta é a letra D. 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.
A
B
C
D
E
A
B
C
9 Marcar para revisão
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 
$request 
$post 
$.send 
$.ajax 
Resposta correta
Parabéns, você selecionou a alternativa correta. Confira o gabarito comentado!
Gabarito Comentado
A resposta corretaé: $.get 
10 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()
$('#botao').hover()
$('.botao').mouseenter()
D
E
$('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.