prova aplicação web e moveis

Prévia do material em texto

Questão 1/12 - Aplicações Web e Móveis Ler em voz alta Com CSS, é possível separar a estrutura do conteúdo de um documento HTML da sua apresentação visual, que oferece maior flexibilidade e facilidade na manutenção do código. As regras de estilo do CSS são aplicadas em cascata, 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 CSS é amplamente utilizado na construção de sites 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 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. Flex Box é indicado para layouts simples onde os elementos são distribuídos em uma de maneira responsiva. IV. A propriedade "position" permite possibilidades diferentes de comportamento nos elementos, possui os valores: (estático), "top" (superior), "relative" (relativo), "absolute" (absoluto). V. CSS Grid organiza conteúdos em duas estruturando elementos em linhas e Agora, selecione a alternativa que apresenta a sequência correta de respostas: Nota: 10.0 A F-V-F-F-V B C V-V-V-F-V Você assinalou essa alternativa (C) Você acertou! (V) A propriedade 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) 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 (V) CSS Grid organiza conteúdos em duas dimensões, estruturando elementos em linhas e D F-F-V-V-V E Questão 2/12 Aplicações Web e Móveis Ler em alta 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 conteúdo, a estrutura e estilo de uma página HTML por meio de scripts, principalmente utilizando a linguagem de programação JavaScript Com JavaScript e 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 Essa combinação poderosa permite a criação de páginas interativas e dinâmicas, tornando a experiência do usuário mais Sobre os métodos desse modelo analise as afirmações abaixo: I. acessa elemento DOM identificando 0 id. ID é identificador exclusivo no II. getElementsByClassName(): retorna uma lista com todos os elementos que possuem nome da classe dada. III. permite acessar primeiro elemento correspondente ao seletor 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 e II estão B Apenas I, 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 C Apenas I, III e IV estão D Apenas II, III e IV estão E Todas as afirmativas estão corretas. Questão 3/12 Aplicações Web e Móveis Ler em voz alta A Web Semântica é uma extensão da World Wide Web que busca adicionar significado e estrutura aos conteúdos disponíveis na 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 Há muitos elementos semânticos em HTML Qual é a função principal do elemento ? 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 Não possui uso 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 valor semântico de um F Orientar o uso correto de marcação HTMIQuestão 4/12 - Aplicações Web e Móveis Analise código abaixo: const frutas = ["Banana", "Maçã", "Pera", "Uva"]; frutas.reverse(); alert (frutas); Assinale a alternativa que mostra 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! método reverse() inverte a ordem dos elementos do array. Questão 5/12 Aplicações Web e Móveis Ler em voz alta 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 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 design e a aparência dos 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 II. Um seletor que utiliza uma classe tem maior importância do que um seletor que utiliza apenas um tipo associado a uma 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 Agora, selecione a alternativa que apresenta a alternativa correta: Nota: A Apenas e II estão B Apenas III e IV estão corretas. Você assinalou essa alternativa (B Você acertou! Está 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 III e IV estãoQuestão 6/12 - Aplicações Web e Móveis 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 usuário selecione os textos da página e conteúdo selecionado fique com fundo na con salmão, a lacuna da linha 5 (cinco) deve ser corretamente preenchida com a declaração CSS: Nota: A :selectionbackground-color: salmon;} Você assinalou essa alternativa (A) Você acertou! Com é possível alterar a con de fundo no texto selecionado, pois a propriedade definida foi B salmon;} C h1 salmon;} D salmon;} E salmon;} Questão 7/12 Aplicações Web e Móveis Ler em alta 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 Os seletores CSS são usados para segmentar elementos com base em sua classes, IDs ou outros atributos. Com os seletores disponíveis, é possível direcionar elementos individuais, grupos de elementos ou até mesmo elementos Essa flexibilidade oferece um controle preciso sobre design e a aparência de uma página, permitindo a personalização de cores, fontes, tamanhos, margens e muito 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 nome do II. Para selecionar elementos com uma classe específica, utiliza-se caractere cerquilha (#), seguido do nome da classe. III. () o de classe permite estilizar elementos com base em um atributo de classe específico. IV. o de classe é representado pelo caractere ponto (.), seguido do nome da classe. Agora, selecione a alternativa que apresenta a sequência correta: Nota: A F-V-F-F B V-F-F-V C V-V-V-F D F-F-V-V Você assinalou essa (D) Você acertou! I. (F) seletor de classe não é utilizado para selecionar elementos utilizando 0 nome da tag. Ele é utilizado exclusivamente para selecionar elementos com uma classe específica. II. (F) Para selecionar elementos com uma classe utiliza-se caractere ponto (.), não 0 caractere cerquilha (#). o caractere cerquilha é utilizado para selecionar elementos por meio do de id. III. (V) de classe permite estilizar elementos com base em um atributo de classe possível definir estilos CSS para elementos que possuam uma classe específica. IV. (V) de classe é representado pelo caractere ponto (.). seguido do nome da classe. Por exemplo, para selecionar elementos com a classe "dois", utiliza-se seletor E V-F-V-FQuestão 8/12 - Aplicações Web e Móveis Ler em alta CSS (Cascading Style Sheets) é uma linguagem poderosa e versátil que permite controlar a aparência de elementos em uma página da Uma das funcionalidades mais do CSS é a capacidade de utilizar media queries. As media queries permitem que os desenvolvedores adaptem 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 proporcionando uma experiência de navegação A respeito de media queries, analise as afirmativas abaixo: I. @media only screen and 768px). Pode ser definido quando estamos projetando para telas II. Media query permite criar uma folha de estilo para uma determinada mediante consulta e identificação desta III. o operador only é utilizado para determinar que se aplica somente a mídia definida. IV. Breakpoints são pontos onde layout se readapta para se ajustar a largura da janela detectada. Agora, selecione a alternativa que apresenta a alternativa correta: Nota: 10.0 A Apenas I II estão B Apenas e III estão C Apenas I, II e IV estão corretas. Você assinalou essa alternativa (C) Você acertou! As alternativas I, II e IV estão A alternativa III está 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 E Todas estãoQuestão 9/12 - Aplicações Web e Móveis Analise o código abaixo: function 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 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" Operador "$$" 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 - Aplicações Web e Móveis Ler em voz alta ou Cascading Style Sheets, é uma linguagem de estilo utilizada para descrever a aparência e 0 design de documentos HTML Ele permite que os desenvolvedores controlem 0 layout, as cores, as fontes e outros aspectos visuais de uma página da web. Analise 0 trecho de um documento HTML no qual foi embutido 0 uso de CSS (Cascading Style Sheets) em um elemento específico. Esse método de implementação de CSS é conhecido como: Nota: 10.0 A embutido B dentro C interno D na linha de comando E inline. Você assinalou essa alternativa (E) Você acertou! Um estilo inline pode ser usado para aplicar um estilo exclusivo para um único elemento, aplicado diretamente na tag Questão 11/12 Aplicações Web e Móveis (questão opcional) Ler em alta Existem vários tipos de seletores CSS, como seletor de tipo, seletor de classe, e seletor de ID. Além disso, há seletores mais avançados, como de descendente, 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 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 à con de fundo dos elementos HTML III. () o seletor é usado para selecionar todos os elementos HTML da 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 I. (F) não seleciona apenas um elemento específico da página. Ele seleciona todos os elementos HTML da página. II. (F) seletor não se limita à formatação da de fundo dos elementos HTML Ele pode ser usado para aplicar formatação a várias propriedades CSS de todos os elementos HTML III. (V) seletor é usado para selecionar todos os elementos HTML da página. Isso significa que ele se aplica a todos os elementos presentes no documento HTML (V) seletor universal é representado pelo caractere asterisco (*).Questão 12/12 - Aplicações Web e Móveis (questão opcional) Analise código a seguir: let string1 = let string2 = "Mundo"; let resultado = string1 *** string2; console.log(resultado); Para visualizar no console resultado: Olá Mundo, qual o operador de concatenação de strings deve ser utilizado para substituir os asteriscos(***): A B C & D && E + o sinal de + permite concatenar strings