Prova Objetiva - Fundamentos da Programação WEB

Prévia do material em texto

Questão 1/10 - 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 correta de respostas: 
A F – V – F – F – V 
B V – F – F – F – F 
C V – V – V – F – V 
D F – F – V – V – V 
E V – F – V – F – F 
 
 
 
 
 
 
 
Questão 2/10 - 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 
B 
C 
D 
E 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Questão 3/10 - 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. 
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 4/10 - Fundamentos da Programação Web 
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: 
 
A alert(“Olá”); 
B janela a=new janela(frame, “Olá!”); 
C msg=MsgBox("Olá",0) 
D echo “Olá!”; 
E “Olá!” >>> prompt; 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Questão 5/10 - Fundamentos da Programação Web 
Ao desenvolver um website, um dos elementos fundamentais é a criação de 
menus de navegação eficientes e visualmente atraentes. OCSS (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: 
A Alterando a propriedade display para flex. 
B Alterando a propriedade display para inline. 
C Alterando a propriedade display para grid. 
D Alterando a propriedade display para box. 
E Removendo a propriedade padding. 
 
 
 
 
 
 
 
Questão 6/10 - 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 7/10 - Fundamentos da Programação Web 
Em HTML o valor desse atributo é usado para fornecer uma identificação exclusiva 
a um elemento em uma página da web. Ele permite que os desenvolvedores 
acessem e manipulem o elemento por meio de CSS ou JavaScript. 
Essa afirmativa diz respeito a: 
 
A class 
B name 
C value 
D id 
E title 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Questão 8/10 - 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: 
 
A Operador “equal” 
B Operador “OR” 
C Operador “$$” 
D Operador “==” 
E Operador “===” 
 
 
 
 
 
 
 
 
 
Questão 9/10 - 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 10/10 - 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 onome da classe dada. 
III. querySelector(): permite acessar o primeiro elemento correspondente ao 
seletorinformado. 
IV.getElementsByTagName(): retorna uma coleção de nós estática (não ativa) 
querepresenta uma lista de elementos do documento que correspondem ao 
grupoespecificado 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.