FUNDAMENTOS DA PROGRAMAÇÃO WEB - PROVA OBJETIVA

Prévia do material em texto

GUILHERME 
Nota: 100
PROTOCOLO: 2024041945796776823A6E
Disciplina(s):
Fundamentos da Programação Web
	Data de início:
	19/04/2024 19:30
	Prazo máximo entrega:
	19/04/2024 20:30
	Data de entrega:
	19/04/2024 19:39
Questão 1/12 - Fundamentos da Programação Web
Seletores CSS são padrões utilizados para direcionar e estilizar elementos específicos em uma página da web. Eles permitem que os desenvolvedores identifiquem elementos HTML com base em suas características e hierarquia dentro da estrutura do documento. Os seletores CSS são uma parte fundamental para aplicar estilos de forma seletiva e consistente em diferentes partes de um site, oferecendo controle preciso sobre o design e a aparência dos elementos. A respeito desse assunto, analise as assertivas abaixo:
 
I.   Os seletores associados a um class no documento HTML são definidos iniciando pelo símbolo # no CSS.
II.  Um seletor que utiliza uma classe tem maior importância do que um seletor que utiliza apenas um tipo associado a uma tag.
III. Estilos aplicados a um elemento podem ser herdados pelos seus filhos, a menos que uma regra específica seja aplicada a eles.
IV. Se um elemento receber uma regra de CSS interno e uma regra de CSS inline, a regra inline é que será aplicada no elemento.
Agora, selecione a alternativa que apresenta a alternativa correta:
Nota: 10.0
	
	A
	Apenas I e II estão corretas.
	
	B
	Apenas III e IV estão corretas.
Você assinalou essa alternativa (B)
Você acertou!
I.  Está incorreta, os seletores associados a um class são definidos iniciando pelo símbolo ponto (.).
II. Está incorreta. Não existe essa definição de peso em CSS.
III. Está correta.
IV. Está correta.
	
	C
	Apenas I, III e IV estão corretas.
	
	D
	Todas estão corretas.
	
	E
	Todas estão incorretas.
Questão 2/12 - Fundamentos da Programação Web
CSS (Cascading Style Sheets) é uma linguagem poderosa e versátil que permite controlar a aparência de elementos em uma página da web. Uma das funcionalidades mais úteis do CSS é a capacidade de utilizar media queries. As media queries permitem que os desenvolvedores adaptem o estilo de um site com base nas características do dispositivo em que está sendo exibido, como tamanho da tela, orientação ou resolução. Com as media queries, é possível criar layouts responsivos, que se ajustam automaticamente a diferentes dispositivos, proporcionando uma experiência de usuário consistente e agradável em todos os dispositivos. Essa flexibilidade do CSS, combinada com as media queries, torna possível criar designs fluidos que se adaptam a uma ampla variedade de dispositivos e tamanhos de tela, proporcionando uma experiência de navegação otimizada. A respeito de media queries, analise as afirmativas abaixo:
 
I.   @media only screen and (min-width: 768px). Pode ser definido quando estamos projetando para telas grandes.
II.  Media query permite criar uma folha de estilo para uma determinada mídia, mediante consulta e identificação desta mídia.
III. O operador only é utilizado para determinar que se aplica somente a mídia definida.
IV.  Breakpoints são pontos onde o layout se readapta para se ajustar a largura da janela detectada.
 
Agora, selecione a alternativa que apresenta a alternativa correta:
Nota: 0.0Você não pontuou essa questão
	
	A
	Apenas I e II estão corretas.
	
	B
	Apenas I, II e III estão corretas.
	
	C
	Apenas I, II e IV estão corretas.
As alternativas I, II e IV estão corretas. A alternativa III está incorreta. O operador Only é utilizado para esconder folhas de estilo dos navegadores antigos que não suportam media query.
	
	D
	Apenas I, III e IV estão corretas.
	
	E
	Todas estão corretas.
Você assinalou essa alternativa (E)
Questão 3/12 - Fundamentos da Programação Web
Analise o código:
 
const especialistas= ["Mariana Freitas"];
Para adicionar o nome Andre Teixeira no array especialistas, imediatamente após o nome já existente, utiliza-se a instrução 
Nota: 10.0
	
	A
	especialistas[2]=”Andre Teixeira”;
	
	B
	add(“Andre Teixeira”);
	
	C
	insert(“Andre Teixeira”);
	
	D
	append(“Andre Teixeira”);
	
	E
	especialistas.push(“Andre Teixeira”);
Você assinalou essa alternativa (E)
Você acertou!
O método push insere  um valor na posição final no array
Questão 4/12 - Fundamentos da Programação Web
O DOM, ou Modelo de Objeto de Documento, é uma interface de programação que representa uma página web carregada em um navegador. Ele permite que os desenvolvedores acessem, manipulem e atualizem dinamicamente o conteúdo, a estrutura e o estilo de uma página HTML por meio de scripts, principalmente utilizando a linguagem de programação JavaScript. Com o JavaScript e o DOM, os desenvolvedores podem interagir com os elementos da página, alterando seus atributos, adicionando ou removendo elementos, respondendo a eventos e atualizando a interface de acordo com ações do usuário. Essa combinação poderosa permite a criação de páginas interativas e dinâmicas, tornando a experiência do usuário mais envolvente. Sobre os métodos desse modelo analise as afirmações abaixo:
 
I.   getElementById(): acessa o elemento DOM identificando o id. ID é identificador único, exclusivo no documento.
II.  getElementByClassName(): retorna uma lista com todos os elementos que possuem o nome da classe dada.
III. querySelector(): permite acessar o primeiro elemento correspondente ao seletor informado.
IV.  getElementsByTagName(): retorna uma coleção de nós estática (não ativa) que representa uma lista de elementos do documento que correspondem ao grupo especificado de seletores CSS passado como parâmetro.
Agora, selecione a alternativa que apresenta a resposta correta:
Nota: 10.0
	
	A
	Apenas I e II estão corretas.
	
	B
	Apenas I, II e III estão corretas.
Você assinalou essa alternativa (B)
Você acertou!
Apenas a alternativa IV está incorreta.
O  getElementsByTagName retorna uma lista com todos os elementos da tag informada.
	
	C
	Apenas I, III e IV estão corretas.
	
	D
	Apenas II, III e IV estão corretas.
	
	E
	Todas as afirmativas estão corretas.
Questão 5/12 - Fundamentos da Programação Web
Analise o código abaixo:
 
const frutas =
          ["Banana", "Maçã", "Pera", "Uva"];
 frutas.reverse();
 alert (frutas);
 
Assinale a alternativa que mostra o que será exibido na execução do código acima.
Nota: 10.0
	
	A
	Uva, Maçã, Banana, Pera
	
	B
	Uva, Banana, Maçã, Pera
	
	C
	Uva, Pera, Maçã, Banana
Você assinalou essa alternativa (C)
Você acertou!
O método reverse() inverte a ordem dos elementos do array.
	
	D
	Maçã, Pera, Uva, Banana
	
	E
	Pera, Banana, Maçã, Uva
Questão 6/12 - Fundamentos da Programação Web
Com o CSS, é possível separar a estrutura do conteúdo de um documento HTML da sua apresentação visual, o que oferece maior flexibilidade e facilidade na manutenção do código. As regras de estilo do CSS são aplicadas em cascata, o que significa que diferentes estilos podem ser aplicados a elementos HTML, sendo a prioridade determinada por seletores específicos. Essa separação entre conteúdo e estilo é uma das principais razões pelas quais o CSS é amplamente utilizado na construção de sites modernos. Há diferentes técnicas e propriedades de CSS que permitem posicionar elementos na construção de layouts. A respeito de propriedades CSS, analise as afirmações abaixo e marque V para as asserções verdadeiras e F para as asserções falsas:
 
I.   A propriedade “float” permite estruturar elementos na página, permitindo posicionar os elementos para a esquerda ou direita da tela.
II.  O Box Model é composto por conteúdo, preenchimento, bordas e margens.
III. O Flex Box é indicado para layouts simples onde os elementos são distribuídos em uma dimensão, de maneira responsiva.
IV.  A propriedade “position” permite possibilidades diferentes de comportamento nos elementos, possui os valores: “static” (estático), “top” (superior),”relative” (relativo), “absolute” (absoluto).
V.   CSS Grid organiza conteúdos em duas dimensões, estruturando elementos em linhas e colunas.
 
Agora, selecione a alternativa que apresenta a sequência corretade respostas:
Nota: 10.0
	
	A
	F – V – F – F – V
	
	B
	V – F – F – F – F
	
	C
	V – V – V – F – V
Você assinalou essa alternativa (C)
Você acertou!
(V) A propriedade “float” permite estruturar elementos na página, permitindo posicionar os elementos para a esquerda ou direita da tela.
(V) O Box Model é composto por conteúdo, preenchimento, bordas e margens.
(V) O Flex Box é indicado para layouts simples onde os elementos são distribuídos em uma dimensão, de maneira responsiva.
(F)A propriedade “position” permite possibilidades diferentes de comportamento nos elementos, possui os valores: “static” (estático), “top” (superior),”relative” (relativo), “absolute” (absoluto). Position pode ter os valores: estático, fixo, absoluto e relativo.
(V) CSS Grid organiza conteúdos em duas dimensões, estruturando elementos em linhas e colunas.
	
	D
	F – F – V – V – V
	
	E
	V – F – V – F – F
Questão 7/12 - Fundamentos da Programação Web
JavaScript oferece um conjunto poderoso de funções para manipulação de datas. Com essas funções, é possível obter, criar e manipular datas de forma flexível. Também é possível fazer cálculos com datas, como adicionar ou subtrair dias, horas ou minutos. Digamos que um programador tenha a instrução:
 
const d= newDate();
 
Ele deseja obter e exibir o dia do mês (entre 1 e 31). Qual instrução teria que utilizar:
Nota: 10.0
	
	A
	document.write(d.getDate().getDay());
	
	B
	document.write(d.getDate());
Você assinalou essa alternativa (B)
Você acertou!
A função getDate():Retorna o dia do mês (1 a 31).
	
	C
	document.write(d.getDay());
	
	D
	document.println(d.getDate());
	
	E
	document.print(d.getDay());
Questão 8/12 - Fundamentos da Programação Web
Os seletores CSS são uma parte fundamental da estilização e formatação de páginas da web. Eles permitem que os desenvolvedores identifiquem e apliquem estilos a elementos específicos em um documento HTML. Os seletores CSS são usados para segmentar elementos com base em sua estrutura, classes, IDs ou outros atributos. Com os seletores disponíveis, é possível direcionar elementos individuais, grupos de elementos ou até mesmo elementos aninhados. Essa flexibilidade oferece um controle preciso sobre o design e a aparência de uma página, permitindo a personalização de cores, fontes, tamanhos, margens e muito mais. A respeito de seletores de classe, analise as afirmações abaixo e marque V para as asserções verdadeiras e F para as asserções falsas:
 I.  ( ) O seletor de classe é utilizado para selecionar elementos utilizando o nome do elemento.
II.  ( ) Para selecionar elementos com uma classe específica, utiliza-se o caractere cerquilha (#), seguido do nome da classe.
III. ( ) O seletor de classe permite estilizar elementos com base em um atributo de classe específico.
IV. ( ) O seletor de classe é representado pelo caractere ponto (.), seguido do nome da classe.
Agora, selecione a alternativa que apresenta a sequência correta:
Nota: 10.0
	
	A
	F - V - F - F
	
	B
	V - F - F - V
	
	C
	V - V - V - F
	
	D
	F - F - V - V
Você assinalou essa alternativa (D)
Você acertou!
 I.   (F) - O seletor de classe não é utilizado para selecionar elementos utilizando o nome da tag. Ele é utilizado exclusivamente para selecionar elementos com uma classe específica.
 II.  (F) - Para selecionar elementos com uma classe específica, utiliza-se o caractere ponto (.), não o caractere cerquilha (#). O caractere cerquilha é utilizado para selecionar elementos por meio do seletor de id.
 III. (V) - O seletor de classe permite estilizar elementos com base em um atributo de classe específico. É possível definir estilos CSS para elementos que possuam uma classe específica.
 IV.  (V) - O seletor de classe é representado pelo caractere ponto (.), seguido do nome da classe. Por exemplo, para selecionar elementos com a classe "dois", utiliza-se o seletor ".dois".
	
	E
	V - F - V - F
Questão 9/12 - Fundamentos da Programação Web
Analise o código abaixo:
 
function verificarIgualdade(variavel1, variavel2) {
  if (variavel1 **** variavel2) {
      console.log("As variáveis são iguais e do mesmo tipo.");
     } else {
        console.log("As variáveis são diferentes ou de tipos diferentes.");
     }
}
Se o programador desejar comparar se as variáveis são iguais e do mesmo tipo deverá substituir os asteriscos da linha 
if (variavel1 **** variavel2) por:
Nota: 10.0
	
	A
	Operador “equal”
	
	B
	Operador “OR”
	
	C
	Operador “$$”
	
	D
	Operador “==”
	
	E
	Operador “===”
Você assinalou essa alternativa (E)
Você acertou!
O operador relacional “===” permite comparar se as variáveis são exatamente iguais (conteúdo e tipo de dado)
Questão 10/12 - Fundamentos da Programação Web
A Web Semântica é uma extensão da World Wide Web que busca adicionar significado e estrutura aos conteúdos disponíveis na internet. Ela tem como objetivo permitir que as máquinas entendam e processem as informações disponíveis na web, além de facilitar a interação entre sistemas computacionais. Por meio da utilização de padrões, ontologias e vocabulários comuns, a Web Semântica possibilita a criação de um ambiente onde os dados podem ser compartilhados e interpretados de forma mais eficiente e precisa. Essa abordagem visa melhorar a busca de informações, possibilitar a integração de dados de diferentes fontes e auxiliar na automação de tarefas. Há muitos elementos semânticos em HTML. Qual é a função principal do elemento ?
 
Nota: 10.0
	
	A
	Marcar cabeçalhos de nível 2.
	
	B
	Criar uma linha horizontal na página.
	
	C
	Ser um container genérico para outros elementos.
Você assinalou essa alternativa (C)
Você acertou!
Uma das características da é ser do tipo bloco e ser um container genérico para outros elementos. Não possui uso específico, ou seja, diferentemente dos elementos e , por exemplo, que se destinam a marcar cabeçalhos de nível 2 e linha horizontal, esse elemento pode conter qualquer(quaisquer) outro(s) elemento(s) e até mesmo elementos 
	
	D
	Definir o valor semântico de um elemento.
	
	E
	Orientar o uso correto de marcação HTML.
Questão 11/12 - Fundamentos da Programação Web (questão opcional)
Observe o código a seguir:
1. 
2. 
3. Questão de avaliação
4. 
5. --------
6. 
7. 
8. 
9. Centro Universitário Uninter
10. Fundamentos da Programação Web
11. 
12. 
 
Para permitir que o usuário selecione os textos da página e o conteúdo selecionado fique com o fundo na cor salmão, a lacuna da linha 5 (cinco) deve ser corretamente preenchida com a declaração CSS:
Nota: 10.0
	
	A
	::selection{background-color: salmon;}
Você assinalou essa alternativa (A)
Você acertou!
Com ::selection é possível alterar a cor de fundo no texto selecionado, pois a propriedade definida foi background-color.
	
	B
	body::selection{background-color: salmon;}
	
	C
	h1 p::selection{background-color: salmon;}
	
	D
	body:selection{background-color: salmon;}
	
	E
	::content-selection{background-color: salmon;}
Questão 12/12 - Fundamentos da Programação Web (questão opcional)
Ao desenvolver um website, um dos elementos fundamentais é a criação de menus de navegação eficientes e visualmente atraentes. O CSS (Cascading Style Sheets) desempenha um papel crucial nesse processo, permitindo a estilização e o posicionamento dos elementos do menu de forma flexível e consistente em todas as páginas do site. Com o uso adequado de seletores, propriedades e valores CSS, é possível criar menus horizontais ou verticais, adicionar efeitos de transição, definir a aparência de itens ativos ou em destaque, entre outras personalizações.
  
Observe o trecho do código abaixo:
 li {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}
 
Como alterar o código para que o menu se torne horizontal:
Nota: 10.0
	
	A
	Alterando a propriedade display para flex.
	
	B
	Alterando a propriedade display para inline.
Você assinalou essa alternativa (B)
Você acertou!
A propriedade display: inline altera o menu parahorizontal.
	
	C
	Alterando a propriedade display para grid.
	
	D
	Alterando a propriedade display para box.
	
	E
	Removendo a propriedade padding.