PROVA OBJETIVA

Prévia do material em texto

<p>Questão 1/10 - Aplicações Web e Móveis</p><p>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:</p><p>I.  ( ) O seletor de classe é utilizado para selecionar elementos utilizando o nome do elemento.</p><p>II.  ( ) Para selecionar elementos com uma classe específica, utiliza-se o caractere cerquilha (#), seguido do nome da classe.</p><p>III. ( ) O seletor de classe permite estilizar elementos com base em um atributo de classe específico.</p><p>IV. ( ) O seletor de classe é representado pelo caractere ponto (.), seguido do nome da classe.</p><p>Agora, selecione a alternativa que apresenta a sequência correta:</p><p>A</p><p>F - V - F - F</p><p>B</p><p>V - F - F - V</p><p>C</p><p>V - V - V - F</p><p>D</p><p>F - F - V - V</p><p>E</p><p>V - F - V - F</p><p>Questão 2/10 - Aplicações Web e Móveis</p><p>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:</p><p>I.   getElementById(): acessa o elemento DOM identificando o id. ID é identificador único, exclusivo no documento.</p><p>II.  getElementByClassName(): retorna uma lista com todos os elementos que possuem o nome da classe dada.</p><p>III. querySelector(): permite acessar o primeiro elemento correspondente ao seletor informado.</p><p>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.</p><p>Agora, selecione a alternativa que apresenta a resposta correta:</p><p>A</p><p>Apenas I e II estão corretas.</p><p>B</p><p>Apenas I, II e III estão corretas.</p><p>C</p><p>Apenas I, III e IV estão corretas.</p><p>D</p><p>Apenas II, III e IV estão corretas.</p><p>E</p><p>Todas as afirmativas estão corretas.</p><p>Questão 3/10 - Aplicações Web e Móveis</p><p>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.</p><p>Observe o trecho do código abaixo:</p><p>li {</p><p>display: block;</p><p>color: #000;</p><p>padding: 8px 16px;</p><p>text-decoration: none;</p><p>}</p><p>Como alterar o código para que o menu se torne horizontal:</p><p>A</p><p>Alterando a propriedade display para flex.</p><p>B</p><p>Alterando a propriedade display para inline.</p><p>C</p><p>Alterando a propriedade display para grid.</p><p>D</p><p>Alterando a propriedade display para box.</p><p>E</p><p>Rem</p><p>Questão 4/10 - Aplicações Web e Móveis</p><p>Analise o código abaixo:</p><p>function verificarIgualdade(variavel1, variavel2) {</p><p>if (variavel1 **** variavel2) {</p><p>console.log("As variáveis são iguais e do mesmo tipo.");</p><p>} else {</p><p>console.log("As variáveis são diferentes ou de tipos diferentes.");</p><p>}</p><p>}</p><p>Se o programador desejar comparar se as variáveis são iguais e do mesmo tipo deverá substituir os asteriscos da linha</p><p>if (variavel1 **** variavel2) por:</p><p>A</p><p>Operador “equal”</p><p>B</p><p>Operador “OR”</p><p>C</p><p>Operador “$$”</p><p>D</p><p>Operador “==”</p><p>E</p><p>Operador “===”</p><p>Questão 5/10 - Aplicações Web e Móveis</p><p>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:</p><p>I.   @media only screen and (min-width: 768px). Pode ser definido quando estamos projetando para telas grandes.</p><p>II.  Media query permite criar uma folha de estilo para uma determinada mídia, mediante consulta e identificação desta mídia.</p><p>III. O operador only é utilizado para determinar que se aplica somente a mídia definida.</p><p>IV.  Breakpoints são pontos onde o layout se readapta para se ajustar a largura da janela detectada.</p><p>Agora, selecione a alternativa que apresenta a alternativa correta:</p><p>A</p><p>Apenas I e II estão corretas.</p><p>B</p><p>Apenas I, II e III estão corretas.</p><p>C</p><p>Apenas I, II e IV estão corretas.</p><p>D</p><p>Apenas I, III e IV estão corretas.</p><p>E</p><p>Todas estão corretas.</p><p>Questão 6/10 - Aplicações Web e Móveis</p><p>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:</p><p>I.   Os seletores associados a um class no documento HTML são definidos iniciando pelo símbolo # no CSS.</p><p>II.  Um seletor que utiliza uma classe tem maior importância do que um seletor que utiliza apenas um tipo associado a uma tag.</p><p>III. Estilos aplicados a um elemento podem ser herdados pelos seus filhos, a menos que uma regra específica seja aplicada a eles.</p><p>IV. Se um elemento receber uma regra de CSS interno e uma regra de CSS inline, a regra inline é que será aplicada no elemento.</p><p>Agora, selecione a alternativa que apresenta a alternativa correta:</p><p>A</p><p>Apenas I e II estão corretas.</p><p>B</p><p>Apenas III e IV estão corretas.</p><p>C</p><p>Apenas I, III e IV estão corretas.</p><p>D</p><p>Todas estão corretas.</p><p>E</p><p>Todas estão incorretas.</p><p>Questão 7/10 - Aplicações Web e Móveis</p><p>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á</p><p>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:</p><p>I.   A propriedade “float” permite estruturar elementos na página, permitindo posicionar os elementos para a esquerda ou direita da tela.</p><p>II.  O Box Model é composto por conteúdo, preenchimento, bordas e margens.</p><p>III. O Flex Box é indicado para layouts simples onde os elementos são distribuídos em uma dimensão, de maneira responsiva.</p><p>IV.  A propriedade “position” permite possibilidades diferentes de comportamento nos elementos, possui os valores: “static” (estático), “top” (superior),”relative” (relativo), “absolute” (absoluto).</p><p>V.   CSS Grid organiza conteúdos em duas dimensões, estruturando elementos em linhas e colunas.</p><p>Agora, selecione a alternativa que apresenta a sequência correta de respostas:</p><p>A</p><p>F – V – F – F – V</p><p>B</p><p>V – F – F – F – F</p><p>C</p><p>V – V – V – F – V</p><p>D</p><p>F – F – V – V – V</p><p>E</p><p>V – F – V – F – F</p><p>Questão 8/10 - Aplicações Web e Móveis</p><p>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:</p><p>I.  ( ) O seletor "*" seleciona apenas um elemento específico da página.</p><p>II.  ( ) O seletor "*" aplica a formatação apenas à cor de fundo dos elementos HTML.</p><p>III. ( ) O seletor "*" é usado para selecionar todos os elementos HTML da página.</p><p>IV.  ( ) O seletor  universal é representado pelo caractere asterisco (*).</p><p>Agora, selecione a alternativa que apresenta a sequência correta:</p><p>A</p><p>F - V - F - F</p><p>B</p><p>V - F - F - V</p><p>C</p><p>V - V - V - F</p><p>D</p><p>F - F - V - V</p><p>E</p><p>V - F - V - F</p><p>Questão 9/10 - Aplicações Web e Móveis</p><p>Analise o código abaixo:</p><p><script></p><p>var x = 20;</p><p>{</p><p>var x = 5;</p><p>}</p><p>alert( x);</p><p></script></p><p>Assinale a alternativa que mostra o que será exibido na execução do código acima.</p><p>A</p><p>A exibição do valor 5.</p><p>B</p><p>A exibição do valor 25.</p><p>C</p><p>A exibição do valor 20.</p><p>D</p><p>Um erro de sintaxe.</p><p>E</p><p>Um erro de execução.</p><p>Questão 10/10 - Aplicações Web e Móveis</p><p>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</p><p>tags semânticas do HTML5 e suas descrições, relacione a Coluna 1 a` Coluna 2.</p><p>1.     Section</p><p>(  ) O elemento representa uma composição independente em um documento, página, aplicativo ou site</p><p>2.     Aside</p><p>(  ) representa uma seção de uma página com links para outras páginas ou partes da página:</p><p>3.     Header</p><p>(  ) O elemento representa uma seção genérica de um documento ou aplicativo.</p><p>4.     Nav</p><p>(  ) Delimita o cabeçalho de uma página ou de uma seção específica de uma página.</p><p>5.     Article</p><p>(  ) 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.</p><p>Assinale a alternativa que apresenta a sequência CORRETA de respostas.</p><p>A</p><p>3 – 4 – 2 – 1 – 5.</p><p>B</p><p>5 – 4 – 1 – 3 – 2.</p><p>C</p><p>2 – 3 – 5 – 4 – 1.</p><p>D</p><p>4 – 3 – 1 – 2 – 5.</p><p>E</p><p>5 – 1 – 4 – 3 – 2.</p><p>Questão 1/2 - Aplicações Web e Móveis (questão opcional)</p><p>A tag <form> é utilizada para criar um formulário em HTML, permitindo receber informações dos usuários. Sobre a tag <form>, analise as afirmações e marque V para as asserções verdadeiras, e F para as asserções falsas.</p><p>I. ( ) A tag <form> é usada para enviar dados de um formulário para um banco de dados.</p><p>II. ( ) Os campos do formulário devem ser colocados entre as tags <form> e </form>.</p><p>III. ( ) Os dados do formulário podem ser enviados para um endereço de e-mail.</p><p>IV. ( ) A tag <form> é usada para definir estilos e formatação dos campos do formulário.</p><p>Agora, selecione a alternativa que apresenta a sequência correta:</p><p>A</p><p>F – V – V – F</p><p>B</p><p>V – V – F – V</p><p>C</p><p>V – V – V –  V</p><p>D</p><p>F – F – F – F</p><p>E</p><p>V – V – V – F</p><p>Questão 2/2 - Aplicações Web e Móveis (questão opcional)</p><p>Analise o código a seguir:</p><p>let string1 = "Olá";</p><p>let string2 = "Mundo";</p><p>let resultado = string1 *** " " *** string2;</p><p>console.log(resultado);</p><p>Para visualizar no console o resultado: Olá Mundo, qual o operador de concatenação de strings deve ser utilizado para substituir os asteriscos(***):</p><p>A</p><p>.</p><p>B</p><p>|</p><p>C</p><p>&</p><p>D</p><p>&&</p><p>E</p><p>+</p>