1)
JavaScript possui uma série de métodos para manipulação da estrutura de um documento HTML corretamente estruturado. Para isso utiliza os métodos de seleção de elementos com base em diversos fatores.
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 funções apresentados na Coluna B.
COLUNA A
COLUNA B
I. getElementsByClassName()
II. getElementById()
III. getElementsByName()
IV. getElementsByTagName()
1. Seleciona o elemento com base no seu identificador.
2. Coleta todos os elementos de uma mesma tag.
3. Utiliza o atributo name para selecionar.
4. Seleciona todos os elementos com uma determinada classe.
Assinale a alternativa que apresenta a associação CORRETA entre as colunas.
Alternativas:
a)
I – 4, II – 1, III – 3, IV – 2.
b)
I – 2, II – 3, III – 1, IV – 4.
c)
I – 4, II – 2, III – 3, IV – 1.
d)
I – 2, II – 1, III – 3, IV – 4.
e)
I – 4, II – 3, III – 2, IV – 1.
2)
JavaScript é uma linguagem de programação usada em aplicações front-end. Entretanto, bibliotecas e frameworks têm proposto estratégias para o uso de JavaScript em aplicações back-end.
Corresponde a um software usado para execução de código JavaScript em ambiente back-end
Alternativas:
a)
jQuery.
b)
D3.js.
c)
Impact.js.
d)
Bootstrap.
e)
Node.js.
3)
Antes de executar um script usando códigos jQuery é importante verificar se o conteúdo do documento foi completamente carregado. O uso dessa estratégia evita que o script altere elementos que ainda não tenham sido carregados, o que poderia ocasionar um erro.
Isso pode ser feito da seguinte forma:
$( document ).ready(function() {
// comandos executados
});
Qual a forma simplificada do jQuery de verificar se o documento está “pronto”? Assinale a alternativa correta.
Alternativas:
a)
$(function() {
// comandos
});
b)
window.onload(){
// comandos
}
c)
document.ready(){
// comandos
}
d)
function ready(){
// comandos
}
e)
Não há outras formas de verificar isso usando jQuery, apenas usando JavaScript puro.
4)
Em HTML, imagens podem ser inseridas usando a tag . Entretanto, a visualização estática de imagens pode estar aquém do efeito desejado por um desenvolvedor web. Por isso, convém incrementar visualizações de imagens com componentes CSS e JavaScript, o que pode permitir uma visualização mais interativa.
Bootstrap é um framework HTML/CSS/JavaScript bastante popular entre desenvolvedores web por agregar uma série de funcionalidades nativamente implementadas.
Constituem componentes do Bootstrap usadas para visualização interativa de imagens e de caixas de mensagens, respectivamente
Alternativas:
a)
lightbox e caixas de alertas.
b)
carrossel de imagens e modals.
c)
imagens dinâmicas e caixas de mensagens.
d)
e alert( ).
e)
toolbox e labels.
Soluções para a tarefa
Aap3 - Programação Web - RESPOSTAS
1) a) I – 4, II – 1, III – 3, IV – 2
2) e) Node.js
3) a) $(function() {
// comandos
});
4) carrossel de imagens e modals
Acerca da sequência de perguntas sobre o Javascript, as perguntas com suas respectivas respostas são:
- Pergunta 1: alternativa A: I – 4, II – 1, III – 3, IV – 2.
- Pergunta 2: alternativa E: Node.Js.
- Pergunta 3: alternativa A: $(function() { //comandos });.
- Pergunta 4: alternativa B: carrossel de imagens e modals.
Mas por que essas são as respostas das perguntas sobre Javascript apresentadas?
A pergunta 1 é sobre relacionar a coluna A com a coluna B, sendo assim relação correta de cada um das colunas A com os da coluna B ficaria:
- getElementsByClassName() = Seleciona todos os elementos com uma determinada classe.
- getElementById() = Seleciona o elemento com base no seu identificador.
- getElementsByName() = Utiliza o atributo name para selecionar.
- getElementsByTagName() = Coleta todos os elementos de uma mesma tag.
Na pergunta 2 nos é perguntado qual é o software utilizado para a execução de um back-end de uma aplicação Javascript, nesse caso, o back-end utilizado é o NodeJS que traz o node modules como um extremo facilitador.
Na pergunta 3 nos é perguntado sobre a forma simplificada da utilização de um JQuery para verificar se um documento está pronto, essa maneira é $(function() { //comandos });.Obs: o Jquery já se encontra em desuso desde a chegada do Javascript es6.
Na pergunta 4 nos é explicado sobre o Bootstrap e suas capacidades na facilitação de criação de documentos HTML e CSS, com isso, os componentes utilizados para a visualização interativa de imagens e caixas de mensagens são o carrossel de imagens e os modals.
Saiba mais sobre Javascript aqui: https://brainly.com.br/tarefa/51221325
#SPJ2
