Av 2 - Programação Web
1)Eventos utilizam gatilhos para execução de códigos nas interações entre os elementos de uma página HTML, o usuário ou o arquivo JavaScript. São exemplos de gatilhos que ativam eventos: quando algum botão é clicado, quando uma página é carregada, quando uma tecla é pressionada, dentre outros.
Um evento relacionado ao carregamento da página é o
a)
onchange.
b)
onclick.
c)
onmouseover.
d)
onmouseout.
e)
onload.
2)
JSON (JavaScript Object Notation) é formato proposto pelo JavaScript para armazenamento e transmissão de informações em arquivos de texto. O formato JSON utiliza objetos JS, em geral, compostos por um conjunto de chaves e valores separados por vírgula.
Constitui em um arquivo JSON válido:
a)
{ "funcionários":[ {"nome":"José", "idade":20 }, {"nome":"Maria", "idade":29 }]}
b)
{ "funcionários": "nome":"Carlos", "idade":44 , "nome":"Marta", "idade":33 }
c)
{ "funcionários"=>[ {"nome":"Antônio", "idade":33 }, {"nome":"Marimar", "idade":29 }] }
d)
{ "funcionários": {nome:José, idade:20 }, {nome:Sandra, idade:29 } }
e)
{ "funcionários": {"nome":"Pedro", "idade":32 }, {"nome":"Ana", "idade":29 }}}
3)
jQuery é uma biblioteca JavaScript simplificada e rica em recursos. Ela permite o desenvolvimento e manipulação de documentos HTML, tratamento de eventos, construção de animações e manipulação de JavaScript de forma assíncrona (AJAX) de uma forma simples e compatível com diversos navegadores.
Sobre a biblioteca jQuery, analise as afirmativas a seguir:
I. jQuery fornece uma série de métodos para facilitar o uso de eventos JavaScript.
II. jQuery possui uma série de classes utilizadas para a manipulação do CSS, por exemplo, .outerHeight () e .outerWidth ().
III. jQuery apresenta formas de manipulação de eventos, por exemplo, os eventos de teclado, .keydown() e .keypress().
IV. Pode-se utilizar o evento relacionado a formulário, chamado send() para enviar as informações digitadas no formulário.
É correto o que se afirma em:
Alternativas:
a)
I e II, apenas.
b)
I e III, apenas.
c)
II e III, apenas.
d)
I, II e III, apenas.
e)
I, II, III e IV.
4)
Bootstrap é um dos mais populares frameworks HTML/CSS/JS. Ele permite a construção de páginas mais interativas com interface mais amigável requirindo que o usuário digite poucos códigos.
Na prática, a principal forma de se utilizar os componentes Bootstrap está
Alternativas:
a)
em usar classes próprias do Bootstrap com base na consulta na documentação.
b)
em codificar manualmente os códigos JavaScript de forma simplificada.
c)
em usar o carousel como plataforma para exibição de dados.
d)
em criar funções JavaScript que automatizem a construção do layout.
e)
na sua total dependência da biblioteca jQuery.
5)
Eventos de teclado são um tipo de evento é acionado quando o teclado é utilizado. Em JavaScript, o evento mais comum é o onkeypress (ao pressionar uma tecla). Entretanto, jQuery fornece métodos mais simplificados para manipulação de eventos de teclado. Há três principais métodos: keydown(), keypress() e keyup().
De acordo com as informações apresentadas na tabela a seguir, faça a associação dos métodos contidos na Coluna A com suas respectivas descrições, apresentadas na Coluna B.
COLUNA A
COLUNA B
I. keydown():
1. ocorre após a tecla ser pressionada e voltar a sua posição original.
II. keypress():
2. ocorre no exato momento em que a tecla é pressionada.
III. keyup():
3. ocorre enquanto uma tecla é pressionada.
Assinale a alternativa que apresenta a associação CORRETA entre as colunas.
Alternativas:
a)
I – 1; II – 2; III – 3.
b)
I – 1; II – 3; III – 2.
c)
I – 2; II – 1; III – 3.
d)
I – 2; II – 3; III – 1.
e)
I – 3; II – 2; III – 1.
Lista de comentários
Resposta:
1 - e) onload. Alternativa assinalada
2 - a) { "funcionários":[ {"nome":"José", "idade":20 }, {"nome":"Maria", "idade":29 }]} Alternativa assinalada
3 - a) I e II, apenas. Alternativa assinalada
4 - e) na sua total dependência da biblioteca jQuery. Alternativa assinalada
5 - d) I – 2; II – 3; III – 1. Alternativa assinalada
Explicação: Corrigido pelo AVA
Sua avaliação foi confirmada com sucesso
2 - a) { "funcionários":[ {"nome":"José", "idade":20 }, {"nome":"Maria", "idade":29 }]}
3 - d) I, II e III, apenas.
4 - a) em usar classes próprias do Bootstrap com base na consulta na documentação.
5 - d) I – 2; II – 3; III – 1.
Corrigido pelo AVA - 750 pts
Resposta:
Av2 - Programação Web
Explicação:
Av2:
1.E onload
2.A { "funcionários":[ {"nome":"José", "idade":20 }, {"nome":"Maria", "idade":29 }]}
3.D I, II e III, apenas.
4.A em usar classes próprias do Bootstrap com base na consulta na documentação.
5.D I – 2; II – 3; III – 1.
Corrigido Pelo Ava