Buscar

Desenvolvimento Web Cliente - Atividade 4

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 8 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 8 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

Impresso por Anderson Almeida, CPF 437.583.328-93 para uso pessoal e privado. Este material pode ser protegido por direitos autorais
e não pode ser reproduzido ou repassado para terceiros. 18/06/2021 19:44:04
 Pergunta 1
1 em 1 pontos
A especificação HTML indica que uma tag <script> deve ser posicionada 
dentro de uma tag <head> ou <body> e que pode aparecer em um número 
qualquer de vezes em cada uma delas. Entretanto, a posição da tag <script>
no código pode influenciar no desempenho da página. Com relação ao 
tema, analise as asserções a seguir.
 
I. Para garantir que a página esteja praticamente renderizada antes que a 
execução do script tenha início, é aconselhável colocar todas as tags 
<script> ao final da página, imediatamente antes do fechamento da tag 
<body>
 
II. As funções que demandarem mais processamento deve ser inseridas na 
tag <head>, caso contrário não será possível fazer a chamada dessas 
funções na página HTML
 
III. Quando for inserido um arquivo externo a página HTML devem ser 
utilizados os atributos e .code, type src
 
IV. Quanto aos atributos da tag <script>, o atributo deve conter o valor type
"text/javascript" e o atributo contém a referência para o local no servidor src
da aplicação onde o arquivo está localizado.
 
Está correto APENAS o que se afirma em


 
.I e IV.
 
.I e IV.



Resposta correta. Para garantir que a página esteja 
praticamente renderizada antes que a execução do script 
tenha início, é aconselhável colocar todas as tags <script> ao 
final da página, imediatamente antes do fechamento da tag 
<body>. Quanto aos atributos da tag <script>, o 
atributo deve conter o valor "text/javascript" e o type
atributo contém a referência para o local no servidor da src
aplicação onde o arquivo está localizado. Estes são os únicos 
atributos necessários para a tag <script>.
 Pergunta 2
0 em 1 pontos
Impresso por Anderson Almeida, CPF 437.583.328-93 para uso pessoal e privado. Este material pode ser protegido por direitos autorais
e não pode ser reproduzido ou repassado para terceiros. 18/06/2021 19:44:04
Um trecho de código HTML foi extraído de um sistema web, sendo responsável por 
exibir o nome do usuário no canto da tela:


 
 em: Considere agora a variável definida 

 
 
 
 A sintaxe correta em Javascript para trocar a palavra “usuário” pelo
conteúdo da  variável “meuNome” é


 
.document.getElementById(cliente).innerHTML = 
“meuNome”..


 
.document.getElementById("cliente").innerHTML = 
meuNome..



Sua resposta está incorreta. O comando utilizado para 
acessar um elemento HTML a partir do atributo id é 
getElementById. O valor do atributo id deve vir informado 
entre aspas duplas, caso contrário pode ser entendido como 
uma variável de nome cliente. De forma similar, apara acessar
o conteúdo da variável, o nome dela não pode ser informado 
entre aspas duplas. Caso contrário o termo “usuário” será 
substituído pelo valor literal “meuNome”.
 Pergunta 3
1 em 1 pontos
Impresso por Anderson Almeida, CPF 437.583.328-93 para uso pessoal e privado. Este material pode ser protegido por direitos autorais
e não pode ser reproduzido ou repassado para terceiros. 18/06/2021 19:44:04
Quando acessamos uma página Web, temos uma sequência de eventos, ou
melhor, um fluxo de comunicação entre o nosso computador e o servidor 
onde está a página, conforme apresentado no esquema abaixo:
 
 
 
 
 
 
 
 
 
 
Fonte: Elaborado pela autora
 
Com base nessa arquitetura, se for utilizado o JavaScript podemos afirmar 
que


 
.O código Javascript será executado no lado 
cliente..


 
.O código Javascript será executado no lado 
cliente..



Resposta correta. O Javascript é uma linguagem que 
consegue enviar as requisições para o lado servidor, mas o 
código Javascript é retornado e é executado no lado cliente.
 Pergunta 4
1 em 1 pontos
No Javascript existem diversos eventos que podem ser utilizados para que a
interação com o usuário dispare alguma função pelo sistema web.
 
Em relação aos eventos da linguagem JavaScript, o evento que é executado
quando o usuário clica com o mouse em um link é o


 
.onclick.
 
.onclick.



Resposta correta. O evento onclick é gerado quando ocorre 
um click com o mouse. Esse evento é extremamente utilizado
em sistemas web, seja para o clica de um link, um botão ou 
mesmo sobre um campo de texto
 Pergunta 5
Impresso por Anderson Almeida, CPF 437.583.328-93 para uso pessoal e privado. Este material pode ser protegido por direitos autorais
e não pode ser reproduzido ou repassado para terceiros. 18/06/2021 19:44:04
1 em 1 pontos
Com Javascript é possível acessar os elementos da página HTML e 
alterar o seu comportamento. O comando JavaScript exibido a seguir 
escreve o texto “eu adoro Javascript” no interior de um elemento 
HTML.
 
!"#$%&%'!
()*+ = “eu adoro Javascript”;
 
Assinale a opção que contém o nome do atributo HTML que deve 
possuir o valor “meuSeletor” para que seja possível inserir o texto “eu 
adoro Javascript” na página


 
.id.
 
.id.




Resposta correta. O comando utiliza o seletor querySelector
CSS referente ao atributo id com o valor “meuSeletor” para 
encontrar a primeira ocorrência deste elemento na página 
HTML. O fato do nome “meuSeletor” estar precedido por “#” 
que diferencia o fato de ser o atributo id em vez de .class
 Pergunta 6
1 em 1 pontos
Com Javascript é possível acessar os elementos da página HTML e alterar o seu 
comportamento. O comando JavaScript exibido a seguir escreve o texto “conteúdo 
novo” no HTML.
 
!"#,$%!-.)/%'!()
*+012
 
Assinale a opção que contém o nome do atributo HTML que deve possuir o 
valor “tipoXPTO” para que seja possível inserir o texto “conteúdo novo” na 
página
Impresso por Anderson Almeida, CPF 437.583.328-93 para uso pessoal e privado. Este material pode ser protegido por direitos autorais
e não pode ser reproduzido ou repassado para terceiros. 18/06/2021 19:44:04


 
.class.
 
.class.




Resposta correta. O comando selecionar querySelectorAll 
vários elementos na página, não apenas um único No código .
acima, o utiliza o seletor CSS referente ao querySelectorAll
atributo class com o valor “tipoXPTO” para encontrar todas as 
ocorrências deste elemento na página HTML. O fato do nome 
“tipoXPTO” estar precedido por “.” que diferencia o fato de ser 
o atributo em vez de .class id
 Pergunta 7
1 em 1 pontos
O jquery Mask é um plugin que definir máscaras ou padrões dos campos de entrada 
HTML. Todo tipo de máscara pode ser definido.
 
Analise o trecho de código a seguir:
3$'! #$4$'5 3
$6!6'!$6777777776'2 8'2
 
Assinale a alternativa que indica uma entrada de dados possível para a 
máscara informada anteriormente:


 
.10/10/2010.
 
.10/10/2010.



Resposta correta. A máscara anterior define a formatação de 
um campo data no formato dia/mês/ano, sendo que os valores 
devem vir separados pelo caractere de barra. O dia e o mês 
devem ser informados com dois valores numéricos. Já o ano 
deve ser informado com 4 algarismos.
 Pergunta 8
1 em 1 pontos
Considere que, no desenvolvimento de um sistema para a Web, um 
desenvolvedor pretenda criar páginas dinâmicas que serão executadas no 
ambiente do cliente. Considere, ainda, que, nesse trabalho, o desenvolvedor
opte por uma biblioteca que ofereça capacidade de seleção e manipulação 
de HTML, manipulação de CSS e requisições AJAX.Assinale a alternativa que contém o nome da ferramenta que o 
desenvolvedor deve utilizar para atender os requisitos apresentados
Impresso por Anderson Almeida, CPF 437.583.328-93 para uso pessoal e privado. Este material pode ser protegido por direitos autorais
e não pode ser reproduzido ou repassado para terceiros. 18/06/2021 19:44:04


 
.jQuery.
 
.jQuery.



Resposta correta. O jQuery é uma biblioteca JavaScript que 
se tornou uma das bibliotecas de código aberto JavaScript 
mais populares na Internet. Sua criação teve como foco a 
simplicidade e o objetivo de facilitar nossa vida no 
desenvolvimento de aplicações que necessitariam de muitas 
linhas de código para obter mais um determinado efeito, ou 
efetuar uma requisição Ajax. Por ser baseada em Javascript, 
ele é executada no ambiente do cliente, o que torna o seu 
processamento rápido e leve.
 Pergunta 9
1 em 1 pontos
JavaScript consegue interagir com, praticamente, todos os elementos 
de uma página HTML, trabalhar com variáveis, gerar resultados, 
alterar a aparência de elementos e o melhor, sem a necessidade de 
ficar recarregando a página. A partir dessa informação, analise o 
trecho de código a seguir:
<html>
<body>
<h2>Cores preferidas:</h2>
<p></p>
<script>
var cores = ["Azul","Vermelho","Branco"];
!9:;#<$%=%'!()
*+2
</script>
</body>
</html>
 
Para que as cores “Azul Vermelho Branco” sejam exibidas logo após o
texto “Cores preferidas” o que deve ser feito no código acima?
Impresso por Anderson Almeida, CPF 437.583.328-93 para uso pessoal e privado. Este material pode ser protegido por direitos autorais
e não pode ser reproduzido ou repassado para terceiros. 18/06/2021 19:44:04


 
.Inserir o atributo id com valor “identificador” na tag 
<p>.


 
.Inserir o atributo id com valor “identificador” na tag 
<p>.



Resposta correta. Para permitir alterações na página, ao 
carregar o HTML da página, os navegadores carregam em 
memória uma estrutura de dados que representa cada uma 
das HTML no JavaScript. Essa estrutura é chamada de tags
DOM ( ) e pode ser acessada por Document Object Model
meio da variável global . O termo "documento" é document
frequentemente utilizado em referências à página, sendo 
portanto equivalentes os termos documento e página. No 
trecho de código acima o documento seleciona o identificador 
com nome “identificador” e insere as cores nele. Como foi 
solicitado que as cores sejam exibidas após o texto “Cores 
preferidas”, então é necessário acrescentar o 
id=”identificador” associado a tag <p>.
 Pergunta 10
1 em 1 pontos
Com relação à Javascript, assinale V para a afirmativa VERDADEIRA e F 
para a FALSA.
 
( ) é uma linguagem de programação que executa do lado do servidor.
 
( ) permite a alteração do conteúdo HTML por meio do acesso a 
seletores, de forma similar ao CSS.
 
( ) é possível ser inserido no HTML por meio da tag <javascript> de 
abertura e </javascript> de fechamento.
 
Assinale a alternativa com a correta sequência correta de Vs e/ou Fs:


 
.F V F.
 
.F V F.



Resposta correta. O Javascript é uma linguagem de 
programação que executado lado cliente. Ela permite a 
alteração do conteúdo HTML por meio do acesso a seletores, 
de forma similar ao CSS. O código Javascript pode ser 
inserido no HTML por meio do uso das tags <script> e 
</script>.
>??,@7@7?AB?CAD;)
Impresso por Anderson Almeida, CPF 437.583.328-93 para uso pessoal e privado. Este material pode ser protegido por direitos autorais
e não pode ser reproduzido ou repassado para terceiros. 18/06/2021 19:44:04

Continue navegando