fundamentos da programação web

Prévia do material em texto

Questão 1/12 - Fundamentos da Programação Web
A HTML semântica é uma abordagem para desenvolver páginas da web que atribui significado estrutural aos elementos HTML. Em vez de usar tags apenas para definir a aparência visual de uma página, a HTML semântica busca transmitir o propósito e a função de cada elemento para facilitar a compreensão tanto pelos desenvolvedores quanto pelos mecanismos de busca.  A respeito das 
tags semânticas do HTML5 e suas descrições, relacione a Coluna 1 a` Coluna 2.
	1.     Section
	(  ) O elemento representa uma composição independente em um documento, página, aplicativo ou site
	2.     Aside
	(  ) representa uma seção de uma página com links para outras páginas ou partes da página:
	3.     Header
	(  ) O elemento representa uma seção genérica de um documento ou aplicativo.
	4.     Nav
	(  ) Delimita o cabeçalho de uma página ou de uma seção específica de uma página.
	5.     Article
	(  ) Define um conteúdo que é relacionado ao conteúdo principal de uma página, mas que pode ser considerado secundário ou complementar a ele.
Assinale a alternativa que apresenta a sequência CORRETA de respostas.
	
	A
	3 – 4 – 2 – 1 – 5.
	
	B
	5 – 4 – 1 – 3 – 2.
	
	C
	2 – 3 – 5 – 4 – 1.
	
	D
	4 – 3 – 1 – 2 – 5.
	
	E
	5 – 1 – 4 – 3 – 2.
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:
	
	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.
	
	D
	Apenas I, III e IV estão corretas.
	
	E
	Todas estão corretas.
Questão 3/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:
	
	A
	Apenas I e II estão corretas.
	
	B
	Apenas I, II e III estão corretas.
	
	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 4/12 - Fundamentos da Programação Web
Existem três tipos principais de CSS: CSS inline, CSS interno e CSS externo. O CSS externo é o método mais comum de aplicar estilos em um site. O CSS externo é definido em um arquivo separado com extensão .css e é referenciado no documento HTML. Para o programador utilizar o arquivo style.css, em suas páginas, a instrução correta seria:
	
	A
	<!import type="style/css" src="style.css">
	
	B
	<link rel="stylesheet" href="style.css">
	
	C
	<style type="css" src="style.css"></style>
	
	D
	<link type="stylesheet" src="estyle.css">
	
	E
	<!require file="style.css" type="style/css">
Questão 5/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:
 
	
	A
	F - V - F - F
	
	B
	V - F - F - V
	
	C
	V - V - V - F
	
	D
	F - F - V - V
	
	E
	V - F - V - F
Questão 6/12 - Fundamentos da Programação Web
Existem vários tipos de seletores CSS, como o seletor de tipo, o seletor de classe, e o seletor de ID. Além disso, há seletores mais avançados, como o seletor de descendente, o seletor de filho direto e o seletor de atributo, que permitem uma seleção mais precisa de elementos. Ao combinar esses seletores e aplicar propriedades de estilo, como cores, fontes e posicionamento, os desenvolvedores podem criar uma aparência visual atraente e consistente para suas páginas da web. A respeito do que você estudou sobre seletores analise as afirmações abaixo e marque V para as asserções verdadeiras e F para as asserções falsas:
 I.  ( ) O seletor "*" seleciona apenas um elemento específico da página.
II.  ( ) O seletor "*" aplica a formatação apenas à cor de fundo dos elementos HTML.
III. ( ) O seletor "*" é usado para selecionar todos os elementos HTML da página.
IV.  ( ) O seletor  universal é representado pelo caractere asterisco (*).
Agora, selecione a alternativa que apresenta a sequência correta:
	
	A
	F - V - F - F
	
	B
	V - F - F - V
	
	C
	V - V - V - F
	
	D
	F - F - V - V
	
	E
	V - F - V - F
Questão 7/12 - Fundamentos da Programação Web
Em CSS encontramos propriedades que permitem aplicar várias estilizações nas páginas. Dentre elas temos a propriedade z-index que é especialmente útil quando se trabalha com elementos posicionados de forma absoluta (position: absolute) ou fixa (position:fixed). A propriedade z-index se refere-se:
 
Nota: 10.0
	
	A
	Permite verificar o índice do elemento.
	
	B
	Permite posicionar o objeto no eixo Z.
	
	C
	À ordem de um elemento numa pilha
	
	D
	Considera zero as medidas da altura.
	
	E
	Considera zero as medidas da largura.
Questão 8/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 
	
	A
	especialistas[2]=”Andre Teixeira”;
	
	B
	add(“Andre Teixeira”);
	
	C
	insert(“Andre Teixeira”);
	
	D
	append(“Andre Teixeira”);
	
	E
	especialistas.push(“Andre Teixeira”);
Questão 9/12 - Fundamentos da Programação Web
JavaScript é uma linguagem de alto nível, interpretada pelo navegador, o que significa que não requer uma compilação prévia. Com JavaScript, os desenvolvedores podem manipular o conteúdo HTML, estilizar elementos, responder a eventos do usuário e acessar APIs para realizar uma ampla gama de tarefas. JavaScript possui métodos que são funções que estão associadas a objetos e desempenham um papel fundamental na manipulação e interação com os dados. Eles permitem que os desenvolvedores executem ações específicas em objetos, como acessar propriedades, modificar valores, realizar cálculos e muito mais. Se um desenvolvedor desejar remover de um vetor o primeiro elemento e o retornar como resultado, qual método ele utilizaria?
 
	
	A
	push()
	
	B
	shift()
	
	C
	join()
	
	D
	pop()
	
	E
	reverse()
Questão 10/12 - Fundamentos da Programação Web
Observe o código a seguir:
1. <!DOCTYPE html>
2. <head>
3. <title>Questão de avaliação</title>
4. <style>
5. --------
6. </style>
7. </head>
8. <body>
9. <h1> Centro Universitário Uninter</h1>
10. <p>Fundamentos da Programação Web</p>
11. </body>
12. </html>
 
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;}
	
	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 11/12 - Fundamentos da Programação Web (questão opcional)
JavaScript permite uma ampla gama de interações dinâmicas nos sites e aplicativos web. Com suas funcionalidades interativas, os desenvolvedores podem criar uma experiência envolvente para os usuários. Se o programador desejar exibir a mensagem “Olá!” na tela, qual comando ele precisaria usar:
Nota: 10.0
	
	A
	alert(“Olá”);
	
	B
	janela a=new janela(frame, “Olá!”);
	
	C
	msg=MsgBox("Olá",0)
	
	D
	echo “Olá!”;
	
	E
	“Olá!” >>> prompt;
Questão 12/12 - Fundamentos da Programação Web (questão opcional)
Analise o código abaixo:
<script>
    const dados=['A','B','C','D','E']
    dados.push('A');
    dados.shift();
    dados.unshift('E');
    for(let i=0; i<dados.length;i++)
    {
        console.log(dados[i]);
    }
</script>
Assinale a alternativa que apresenta a sequência de saída de dados do processamento deste código.
Nota: 10.0
	
	A
	 E,B,C,D,A
	
	B
	A,A,E,C,D
	
	C
	E,B,C,D,A
	
	D
	A,B,C,D,E,A
	
	E
	E,A,B,C,D,A