Prova Objetiva Aplicações Web e Móveis

Prévia do material em texto

<p>Questão 1/12 - Aplicações Web e Móveis</p><p>O DOM, ou Modelo de Objeto de Documento, é uma interface de programação que representa</p><p>uma página web carregada em um navegador. Ele permite que os desenvolvedores acessem,</p><p>manipulem e atualizem dinamicamente o conteúdo, a estrutura e o estilo de uma página HTML</p><p>por meio de scripts, principalmente utilizando a linguagem de programação JavaScript. Com o</p><p>JavaScript e o DOM, os desenvolvedores podem interagir com os elementos da página,</p><p>alterando seus atributos, adicionando ou removendo elementos, respondendo a eventos e</p><p>atualizando a interface de acordo com ações do usuário. Essa combinação poderosa permite a</p><p>criação de páginas interativas e dinâmicas, tornando a experiência do usuário mais envolvente.</p><p>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,</p><p>exclusivo no documento.</p><p>II. getElementByClassName(): retorna uma lista com todos os elementos que possuem o nome</p><p>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</p><p>uma lista de elementos do documento que correspondem ao grupo especificado de seletores</p><p>CSS passado como parâmetro.</p><p>Agora, selecione a alternativa que apresenta a resposta correta:</p><p>A Apenas I e II estão corretas.</p><p>B Apenas I, II e III estão corretas.</p><p>Você assinalou essa alternativa (B)</p><p>C Apenas I, III e IV estão corretas.</p><p>D Apenas II, III e IV estão corretas.</p><p>E Todas as afirmativas estão corretas.</p><p>Questão 2/12 - Aplicações Web e Móveis</p><p>Ao desenvolver um website, um dos elementos fundamentais é a criação de menus de</p><p>navegação eficientes e visualmente atraentes. O CSS (Cascading Style Sheets) desempenha um</p><p>papel crucial nesse processo, permitindo a estilização e o posicionamento dos elementos do</p><p>menu de forma flexível e consistente em todas as páginas do site. Com o uso adequado de</p><p>seletores, propriedades e valores CSS, é possível criar menus horizontais ou verticais, adicionar</p><p>efeitos de transição, definir a aparência de itens ativos ou em destaque, entre outras</p><p>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 Alterando a propriedade display para flex.</p><p>B Alterando a propriedade display para inline.</p><p>Você assinalou essa alternativa (B)</p><p>C Alterando a propriedade display para grid.</p><p>D Alterando a propriedade display para box.</p><p>E Removendo a propriedade padding.</p><p>Questão 3/12 - Aplicações Web e Móveis</p><p>A HTML semântica é uma abordagem para desenvolver páginas da web que atribui significado</p><p>estrutural aos elementos HTML. Em vez de usar tags apenas para definir a aparência visual de</p><p>uma página, a HTML semântica busca transmitir o propósito e a função de cada elemento para</p><p>facilitar a compreensão tanto pelos desenvolvedores quanto pelos mecanismos de busca. A</p><p>respeito das</p><p>tags semânticas do HTML5 e suas descrições, relacione a Coluna 1 a` Coluna 2.</p><p>1. Section ( ) O elemento representa uma composição independente em um documento, página, aplicativo ou site</p><p>2. Aside ( ) representa uma seção de uma página com links para outras páginas ou partes da página:</p><p>3. Header ( ) O elemento representa uma seção genérica de um documento ou aplicativo.</p><p>4. Nav ( ) Delimita o cabeçalho de uma página ou de uma seção específica de uma página.</p><p>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.</p><p>Assinale a alternativa que apresenta a sequência CORRETA de respostas.</p><p>Você não pontuou essa questão</p><p>A 3 – 4 – 2 – 1 – 5.</p><p>B 5 – 4 – 1 – 3 – 2.</p><p>C 2 – 3 – 5 – 4 – 1.</p><p>D 4 – 3 – 1 – 2 – 5.</p><p>Você assinalou essa alternativa (D)</p><p>E 5 – 1 – 4 – 3 – 2.</p><p>Questão 4/12 - Aplicações Web e Móveis</p><p>CSS (Cascading Style Sheets) é uma linguagem poderosa e versátil que permite controlar a</p><p>aparência de elementos em uma página da web. Uma das funcionalidades mais úteis do CSS é</p><p>a capacidade de utilizar media queries. As media queries permitem que os desenvolvedores</p><p>adaptem o estilo de um site com base nas características do dispositivo em que está sendo</p><p>exibido, como tamanho da tela, orientação ou resolução. Com as media queries, é possível criar</p><p>layouts responsivos, que se ajustam automaticamente a diferentes dispositivos,</p><p>proporcionando uma experiência de usuário consistente e agradável em todos os dispositivos.</p><p>Essa flexibilidade do CSS, combinada com as media queries, torna possível criar designs fluidos</p><p>que se adaptam a uma ampla variedade de dispositivos e tamanhos de tela, proporcionando</p><p>uma experiência de navegação otimizada. A respeito de media queries, analise as afirmativas</p><p>abaixo:</p><p>I. @media only screen and (min-width: 768px). Pode ser definido quando estamos projetando</p><p>para telas grandes.</p><p>II. Media query permite criar uma folha de estilo para uma determinada mídia, mediante</p><p>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</p><p>detectada.</p><p>Agora, selecione a alternativa que apresenta a alternativa correta:</p><p>Você não pontuou essa questão</p><p>A Apenas I e II estão corretas.</p><p>B Apenas I, II e III estão corretas.</p><p>C Apenas I, II e IV estão corretas.</p><p>D Apenas I, III e IV estão corretas.</p><p>Você assinalou essa alternativa (D)</p><p>E Todas estão corretas.</p><p>Questão 5/12 - 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.</p><p>Eles permitem que os desenvolvedores identifiquem e apliquem estilos a elementos</p><p>específicos em um documento HTML. Os seletores CSS são usados para segmentar elementos</p><p>com base em sua estrutura, classes, IDs ou outros atributos. Com os seletores disponíveis, é</p><p>possível direcionar elementos individuais, grupos de elementos ou até mesmo elementos</p><p>aninhados. Essa flexibilidade oferece um controle preciso sobre o design e a aparência de uma</p><p>página, permitindo a personalização de cores, fontes, tamanhos, margens e muito mais. A</p><p>respeito de seletores de classe, analise as afirmações abaixo e marque V para as asserções</p><p>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 (#),</p><p>seguido do nome da classe.</p><p>III. ( ) O seletor de classe permite estilizar elementos com base em um atributo de classe</p><p>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 F - V - F - F</p><p>B V - F - F - V</p><p>C V - V - V - F</p><p>D F - F - V - V</p><p>Você assinalou essa alternativa (D)</p><p>E V - F - V - F</p><p>Questão 6/12 - Aplicações Web e Móveis</p><p>Analise o trecho do código abaixo de uma página Web, no qual as declarações da linha 10 (dez)</p><p>foram omitidas.</p><p>1. <!DOCTYPE html></p><p>2. <head> </head></p><p>3. <style></p><p>4. .xxx{</p><p>5. font-size: 18px;</p><p>6. text-align: center;</p><p>7. color:rgb(248, 244, 244);</p><p>8. background-color: rgb(104, 22, 236);</p><p>9. }</p><p>10. -------------</p><p>11. </style></p><p>12.</p><p>13. <body></p><p>14. <button class="xxx" id="btn1">Clique Aqui</button></p><p>15. <p>Bom dia!!!</p></p><p>16. </body></p><p>17. </html></p><p>Na linha dez (tracejada), a declaração que faz com que o botão mude de cor de fundo quando</p><p>o mouse é posicionado</p><p>sobre ele é:</p><p>Você não pontuou essa questão</p><p>A button:hover { background-color: black; }</p><p>B b1:hover {background-color: black; }</p><p>C xxx:hover {background-color: black; }</p><p>Você assinalou essa alternativa (C)</p><p>D hover:button {background-color: black; }</p><p>E hover:b1 {background-color: black; }</p><p>Questão 7/12 - 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><p>página da web. Eles permitem que os desenvolvedores identifiquem elementos HTML com</p><p>base em suas características e hierarquia dentro da estrutura do documento. Os seletores CSS</p><p>são uma parte fundamental para aplicar estilos de forma seletiva e consistente em diferentes</p><p>partes de um site, oferecendo controle preciso sobre o design e a aparência dos elementos. A</p><p>respeito desse assunto, analise as assertivas abaixo:</p><p>I. Os seletores associados a um class no documento HTML são definidos iniciando pelo</p><p>símbolo # no CSS.</p><p>II. Um seletor que utiliza uma classe tem maior importância do que um seletor que utiliza</p><p>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</p><p>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 é</p><p>que será aplicada no elemento.</p><p>Agora, selecione a alternativa que apresenta a alternativa correta:</p><p>A Apenas I e II estão corretas.</p><p>B Apenas III e IV estão corretas.</p><p>Você assinalou essa alternativa (B)</p><p>C Apenas I, III e IV estão corretas.</p><p>D Todas estão corretas.</p><p>E Todas estão incorretas.</p><p>Questão 8/12 - Aplicações Web e Móveis</p><p>Em HTML o valor desse atributo é usado para fornecer uma identificação exclusiva a um</p><p>elemento em uma página da web. Ele permite que os desenvolvedores acessem e manipulem</p><p>o elemento por meio de CSS ou JavaScript.</p><p>Essa afirmativa diz respeito a:</p><p>A class</p><p>B name</p><p>C value</p><p>D id</p><p>Você assinalou essa alternativa (D)</p><p>E title</p><p>Questão 9/12 - Aplicações Web e Móveis</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</p><p>deve ser utilizado para substituir os asteriscos(***):</p><p>A .</p><p>B |</p><p>C &</p><p>D &&</p><p>E +</p><p>Você assinalou essa alternativa (E)</p><p>Questão 10/12 - 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</p><p>apresentação visual, o que oferece maior flexibilidade e facilidade na manutenção do código.</p><p>As regras de estilo do CSS são aplicadas em cascata, o que significa que diferentes estilos</p><p>podem ser aplicados a elementos HTML, sendo a prioridade determinada por seletores</p><p>específicos. Essa separação entre conteúdo e estilo é uma das principais razões pelas quais o</p><p>CSS é amplamente utilizado na construção de sites modernos. Há diferentes técnicas e</p><p>propriedades de CSS que permitem posicionar elementos na construção de layouts. A respeito</p><p>de propriedades CSS, analise as afirmações abaixo e marque V para as asserções verdadeiras e</p><p>F para as asserções falsas:</p><p>I. A propriedade “float” permite estruturar elementos na página, permitindo posicionar os</p><p>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</p><p>dimensão, de maneira responsiva.</p><p>IV. A propriedade “position” permite possibilidades diferentes de comportamento nos</p><p>elementos, possui os valores: “static” (estático), “top” (superior),”relative” (relativo),</p><p>“absolute” (absoluto).</p><p>V. CSS Grid organiza conteúdos em duas dimensões, estruturando elementos em linhas e</p><p>colunas.</p><p>Agora, selecione a alternativa que apresenta a sequência correta de respostas:</p><p>A F – V – F – F – V</p><p>B V – F – F – F – F</p><p>C V – V – V – F – V</p><p>Você assinalou essa alternativa (C)</p><p>D F – F – V – V – V</p><p>E V – F – V – F – F</p><p>Questão 11/12 - Aplicações Web e Móveis (questão opcional)</p><p>JavaScript oferece um conjunto poderoso de funções para manipulação de datas. Com essas</p><p>funções, é possível obter, criar e manipular datas de forma flexível. Também é possível fazer</p><p>cálculos com datas, como adicionar ou subtrair dias, horas ou minutos. Digamos que um</p><p>programador tenha a instrução:</p><p>const d= newDate();</p><p>Ele deseja obter e exibir o dia do mês (entre 1 e 31). Qual instrução teria que utilizar:</p><p>A document.write(d.getDate().getDay());</p><p>B document.write(d.getDate());</p><p>Você assinalou essa alternativa (B)</p><p>C document.write(d.getDay());</p><p>D document.println(d.getDate());</p><p>E document.print(d.getDay());</p><p>Questão 12/12 - Aplicações Web e Móveis (questão opcional)</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 A exibição do valor 5.</p><p>Você assinalou essa alternativa (A)</p><p>B A exibição do valor 25.</p><p>C A exibição do valor 20.</p><p>D Um erro de sintaxe.</p><p>E Um erro de execução.</p>