APLICAÇÕES WEB E MÓVEIS

Prévia do material em texto

APOL Objetiva 1 (Regular)
1 - CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para definir a aparência e o layout dos elementos de uma página da web. Com o uso do CSS, é possível criar páginas visualmente atraentes, permitindo uma melhor experiência do usuário. Ele trabalha em conjunto com o HTML para separar o conteúdo da página da sua apresentação, possibilitando a criação de estilos para coisas como fontes, cores, layout, entre outros. Para declarar CSS, utilizamos os seletores.
Sobre o uso dos seletores CS, analise as afirmações que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.
I. Seletores simples definem elementos com base no nome, id e classe.
II. Seletores de combinação selecionam elementos com base em um relacionamento específico entre eles.
III. Seletores de pseudoclasse selecionam elementos com base em determinado estado.
IV. Seletores de pseudoelementos selecionam e estilizam um elemento.
V. Seletores de atributo selecionam elementos com base em um atributo ou valor de atributo.
Agora, selecione a alternativa que apresenta a sequência correta:
C) V-V-V-F-V
2 - No contexto da manipulação de CSS e do conceito de herança, analise as afirmações a seguir e marque V para as asserções verdadeiras e F para as asserções falsas:
I. O modelo de árvore do documento (DOM) representa a hierarquia dos elementos em uma página HTML.
II. A propriedade de largura (width) faz parte da herança em CSS.
 
III. Por padrão, todas as propriedades CSS herdam valores definidos no elemento pai.
IV. O modelo de árvore do documento é semelhante a uma árvore genealógica, representando os graus de parentesco entre os elementos.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
D) F-F-V-V
3 - Observe o trecho da página exibido na web:
Listas não ordenadas
· HTML
· CSS
· JavaScript
Listas Ordenadas
1. HTML
2. CSS
3. JavaScript
A respeito do código para criar as listas acima, analise as assertivas que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.
 I. Para criar uma lista não ordenada utiliza-se a tag <ul>.
II. Para criar uma lista ordenada utiliza-se a tag <ol>. 
III. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <br>.
IV. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <p>.
 Agora, selecione a alternativa que apresenta a sequência correta:
E) V-V-F-F
4 - Observe o código abaixo, criado para estilizar um menu:
ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 background-color: #f1f1f1;
 }
li{float:left;}
li a {
 display: block;
 color: #000;
 padding: 8px 16px;
 text-decoration: none;
 }
li a:hover {
 background-color: #555;
 color: white;
 }
Com base no novo código CSS fornecido, analise as afirmativas abaixo e assinale V para as verdadeiras e F para as Falsas sobre qual será o efeito visual quando o cursor do mouse estiver sobre um elemento <a> dentro de um elemento <li>.
I. O texto dentro do elemento <a> ficará em negrito.
II. O fundo do elemento <li> ficará na cor cinza escuro (#555).
III. O texto dentro do elemento <a> ficará na cor branca.
IV. O fundo do elemento <ul> ficará na cor cinza claro (#f1f1f1).
V. O elemento <a> terá uma borda ao redor dele.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
C) V-V-V-F-V
5 - Podemos utilizar um pseudoelemento para estilizar parte de um elemento. Como a primeira letra de uma palavra, ou de uma linha.
Qual das seguintes opções descreve corretamente o uso do pseudoelemento ::after no CSS?
B) O pseudoelemento ::after é usado para selecionar o elemento depois do conteúdo do elemento principal.
6 - O seletor de id é uma forma de selecionar um elemento HTML específico usando o atributo id. Para isso, utiliza-se o caractere hash (#) seguido do id do elemento.
Agora você pode analisar as questões e marcar V ou F para cada afirmação com base no seu conhecimento sobre o seletor de id em CSS.
I. O seletor de id é usado para selecionar vários elementos com o mesmo id em uma página.
II. O id de um elemento HTML é único dentro de uma página.
III. O seletor de id usa o caractere ponto (.) seguido do id do elemento.
IV. O seletor de id é usado para estilizar elementos com base em um atributo específico.
Agora, selecione a alternativa que apresenta a sequência correta:
A) F - V - F- F
7 - O HTML é responsável pela estruturação dos conteúdos a serem exibidos nas páginas. O CSS possui uma finalidade específica na diagramação de páginas.
A respeito do CSS, qual é a finalidade do CSS em relação ao HTML e o que é um bloco de declaração em CSS?
A) O CSS tem como finalidade especificar a apresentação da página HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem a estilização de um elemento HTML.
8 - Observe o trecho de código abaixo:
1. < >
2. <li>HTML</li>
3. <li>CSS</li>
4. <li>JavaScript</li>
5. </ >
O código que completa as linhas 1 e 5 para criar uma lista ordenada é:
B) <ol> e </ol>
9 - Observe o código abaixo:
a:link {
 color: red;
 }
Agora você pode escolher a alternativa que corresponde ao conceito apresentado na declaração acima.
D) Seletores de atributo em CSS.
10- A sigla HTML significa Hypertext Markup Language. Em português Linguagem de Marcação de Hipertexto. HTML é o coração da web. O desenvolvimento do HTML teve vários visionários que contribuíram para seu desenvolvimento. A esse respeito, analise as assertivas que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.
 I. Vannevar Bush projetou o Memex, em 1945, Tratava-se de uma máquina que tornava possível copiar imagens entre documentos.
II. Theodor (Ted) Nelson criou o termo hipertexto/hipermídia. Criou o projeto Xanadu, cuja ideia era disponibilizar textos paralelos. Com essa proposta, é possível visualizar documentos e suas conexões precisas, utilizando duas janelas.
III. Tim Bernard Lee, em 1990, desenvolveu o HTML, com o objetivo de trocar informações entre pesquisadores de Universidades.
Agora, selecione a alternativa que apresenta a sequência correta:
A) F – V – V
APOL Objetiva 1 (Regular)
1- Observe o código abaixo:
a:link {
 color: red;
 }
Agora você pode escolher a alternativa que corresponde ao conceito apresentado na declaração acima.
A) Herança de propriedades em CSS.
E) Seletores de pseudoelemento em CSS (terceira tentativa)
C) Seletores de pseudoclasses em CSS. 
2 - O seletor de id é uma forma de selecionar um elemento HTML específico usando o atributo id. Para isso, utiliza-se o caractere hash (#) seguido do id do elemento.
Agora você pode analisar as questões e marcar V ou F para cada afirmação com base no seu conhecimento sobre o seletor de id em CSS.
I. O seletor de id é usado para selecionar vários elementos com o mesmo id em uma página.
II. O id de um elemento HTML é único dentro de uma página.
III. O seletor de id usa o caractere ponto (.) seguido do id do elemento.
IV. O seletor de id é usado para estilizar elementos com base em um atributo específico. 
 Agora, selecione a alternativa que apresenta a sequência correta:
A) F - V - F- F
3 - O HTML é responsável pela estruturação dos conteúdos a serem exibidos nas páginas. O CSS possui uma finalidade específica na diagramação de páginas.
A respeito do CSS, qual é a finalidade do CSS em relação ao HTML e o que é um bloco de declaração em CSS?
A) O CSS tem como finalidade especificar a apresentação da página HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem a estilização de um elemento HTML.
4 - Observe o trecho da página exibido na web:
Listas não ordenadas
· HTML
· CSS
· JavaScript
Listas Ordenadas
4. HTML
5. CSS
6. JavaScript
A respeito do código para criar as listas acima, analise as assertivas que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.
 I. Para criar uma lista não ordenada utiliza-sea tag <ul>.
II. Para criar uma lista ordenada utiliza-se a tag <ol>. 
III. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <br>.
IV. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <p>.
 Agora, selecione a alternativa que apresenta a sequência correta:
E) V-V-F-F
5 - Observe o código abaixo, criado para estilizar um menu:
ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 background-color: #f1f1f1;
 }
li{float:left;}
li a {
 display: block;
 color: #000;
 padding: 8px 16px;
 text-decoration: none;
 }
li a:hover {
 background-color: #555;
 color: white;
 }
Com base no novo código CSS fornecido, analise as afirmativas abaixo e assinale V para as verdadeiras e F para as Falsas sobre qual será o efeito visual quando o cursor do mouse estiver sobre um elemento <a> dentro de um elemento <li>.
I. O texto dentro do elemento <a> ficará em negrito.
II. O fundo do elemento <li> ficará na cor cinza escuro (#555).
III. O texto dentro do elemento <a> ficará na cor branca.
IV. O fundo do elemento <ul> ficará na cor cinza claro (#f1f1f1).
V. O elemento <a> terá uma borda ao redor dele.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
D) F - F - V – V – V 
A) F-V-V-F-F (terceira tentativa) (esta certa)
6 - No contexto da manipulação de CSS e do conceito de herança, analise as afirmações a seguir e marque V para as asserções verdadeiras e F para as asserções falsas:
I. O modelo de árvore do documento (DOM) representa a hierarquia dos elementos em uma página HTML.
II. A propriedade de largura (width) faz parte da herança em CSS.
 
III. Por padrão, todas as propriedades CSS herdam valores definidos no elemento pai.
IV. O modelo de árvore do documento é semelhante a uma árvore genealógica, representando os graus de parentesco entre os elementos.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
E) V - F - F – V
7 - Observe o trecho de código abaixo:
6. < >
7. <li>HTML</li>
8. <li>CSS</li>
9. <li>JavaScript</li>
10. </ >
O código que completa as linhas 1 e 5 para criar uma lista ordenada é:
C) <ul> e </ul>
A) <td></td> (terceira tentativa)
B) <ol></ol>
8 - CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para definir a aparência e o layout dos elementos de uma página da web. Com o uso do CSS, é possível criar páginas visualmente atraentes, permitindo uma melhor experiência do usuário. Ele trabalha em conjunto com o HTML para separar o conteúdo da página da sua apresentação, possibilitando a criação de estilos para coisas como fontes, cores, layout, entre outros. Para declarar CSS, utilizamos os seletores.
Sobre o uso dos seletores CS, analise as afirmações que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.
I. Seletores simples definem elementos com base no nome, id e classe.
II. Seletores de combinação selecionam elementos com base em um relacionamento específico entre eles.
III. Seletores de pseudoclasse selecionam elementos com base em determinado estado.
IV. Seletores de pseudoelementos selecionam e estilizam um elemento.
V. Seletores de atributo selecionam elementos com base em um atributo ou valor de atributo.
Agora, selecione a alternativa que apresenta a sequência correta:
C) V-V-V-F-V
9 - A sigla HTML significa Hypertext Markup Language. Em português Linguagem de Marcação de Hipertexto. HTML é o coração da web. O desenvolvimento do HTML teve vários visionários que contribuíram para seu desenvolvimento. A esse respeito, analise as assertivas que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.
 I. Vannevar Bush projetou o Memex, em 1945, Tratava-se de uma máquina que tornava possível copiar imagens entre documentos.
II. Theodor (Ted) Nelson criou o termo hipertexto/hipermídia. Criou o projeto Xanadu, cuja ideia era disponibilizar textos paralelos. Com essa proposta, é possível visualizar documentos e suas conexões precisas, utilizando duas janelas.
III. Tim Bernard Lee, em 1990, desenvolveu o HTML, com o objetivo de trocar informações entre pesquisadores de Universidades.
Agora, selecione a alternativa que apresenta a sequência correta:
A) F – V – V
10 - Podemos utilizar um pseudoelemento para estilizar parte de um elemento. Como a primeira letra de uma palavra, ou de uma linha.
Qual das seguintes opções descreve corretamente o uso do pseudoelemento ::after no CSS?
B) O pseudoelemento ::after é usado para selecionar o elemento depois do conteúdo do elemento principal.
APOL Objetiva 2 (Regular)
1- Executar programas é uma tarefa fundamental na área da computação, permitindo que os usuários interajam com aplicativos e obtenham os resultados desejados. Há vários aspectos necessários para a execução de programas.
Considerando os aspectos necessários para que um programa seja executado, assinale a alternativa correta que explica qual o papel do interpretador em um programa?
B) O interpretador é um programa que executa instrução por instrução
2 - Variáveis são espaços de memória que são alocados para armazenar informações, um valor ou expressão.
A respeito das variáveis, analise as afirmações a seguir e marque V para as asserções verdadeiras e F para as asserções falsas:
I) O interpretador JavaScript diferencia maiúsculas de minúsculas em nomes de variáveis.
II) Nomes como teste, Teste ou TESTE serão tratados como variáveis distintas em JavaScript.
III) Para declarar variáveis em JavaScript, podemos utilizar as palavras-chave var, let e const.
V) A palavra-chave var permite redeclarar variáveis em JavaScript.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
D) V-V-V-V
3 - Em JavaScript, existem métodos nativos, como os métodos de manipulação de strings e arrays, e é possível criar métodos personalizados para estender a funcionalidade padrão da linguagem. A utilização de métodos é uma prática fundamental para construir aplicativos robustos e modularizados em JavaScript. Considerando o que você estudou sobre métodos, observe o código:
let nomes = ["Patricia", "Camila", "Mateus", "Samuel"];
Assinale a alternativa que contém o método para adicionar um nome na posição final do array:
B) push(“Pedro”)
4 - A utilização adequada de variáveis é importante para o bom funcionamento de um programa. Elas permitem que os dados sejam armazenados e manipulados de forma dinâmica, facilitando a implementação de lógicas complexas. Além disso, o uso de variáveis torna o código mais legível e modular, facilitando a compreensão e manutenção do software. 
A respeito de variáveis, analise as afirmações a seguir e marque V para as asserções verdadeiras e F para as asserções falsas:
 
I) Uma variável é um dado que pode ter seu valor alterado durante a execução de um algoritmo.
II) Uma constante é um dado que não deve sofrer alteração durante a execução de um algoritmo.
III) Em JavaScript, é necessário declarar uma variável antes de utilizá-la.
IV) Os nomes das variáveis em JavaScript podem conter letras (maiúsculas e minúsculas), números, sublinhados e cifrões.
V) É permitido utilizar palavras reservadas da linguagem JavaScript como nomes de variáveis.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
B) V – V – F – V – F
5) O CSS Grid é uma poderosa ferramenta de layout bidimensional do CSS, que permite criar grids complexos e flexíveis para posicionar e alinhar elementos em uma página da web. Com o CSS Grid, é possível definir linhas e colunas, controlando o tamanho e a posição dos itens de maneira precisa. Essa abordagem de layout traz uma maior liberdade e controle sobre o design das páginas, possibilitando a criação de layouts responsivos e adaptáveis a diferentes dispositivos.
Fonte: Mozila Developer. 
A respeito de Grid, analise as afirmações a seguir e marque V para as asserções verdadeiras e F para as asserções falsas:
I. O CSS Grid permite a criação de layouts bidimensionais, controlandotanto as linhas quanto as colunas.
II. É possível definir a ordem em que os elementos são dispostos no layout utilizando o CSS Grid.
III. Um elemento se torna um contêiner grid se sua propriedade display é definida como grid ou inline-grid.
IV. O layout baseado em grid não tem a necessidade de utilizar floats e posicionamento.
V. Ao utilizar o CSS Grid, não é possível posicionar um elemento em uma célula específica da grade.
Selecione a alternativa que apresenta a sequência correta de respostas:
E) V - V - V – V – F
6 - Objetos são as estruturas de dados conhecidas como registro. Um registro é uma coleção não ordenada de campos nomeados. Cada campo tem seu próprio nome (ou chave) e um valor atribuído. No caso de objetos JavaScript, esses campos geralmente são chamados de propriedades. Registros, ou no nosso caso, objetos, permitem armazenar vários valores de diferentes tipos em um só lugar.
 
Observe o código:
let exeObj = {
 nr: 500,
 str: "palavra"
};
Como podemos acessar os registros individualmente do objeto acima:
A) console.log(nr); console.log(str);
E) console.log(exeObj.nr); console.log(exeObj.str); (resposta certa)
7 - Observe o código abaixo:
.container {
 display: grid; 
 grid-template-columns: 100px 50px 80px 200px;
 grid-template-rows:80px 100px 100px;
 }
Com base no código acima, analise as afirmações a seguir e marque V para as asserções verdadeiras e F para as asserções falsas:
 I) O grid possui 3 colunas de larguras fixas: 100px, 50px e 80px, respectivamente.
II) O grid possui 4 colunas de larguras fixas: 100px, 50px, 80px e 200px, respectivamente.
III) O grid possui 3 linhas de alturas fixas: 80px, 100px e 100px, respectivamente.
IV) O grid possui 4 linhas de alturas fixas: 80px, 100px, 100px e 200px, respectivamente.
V) O grid possui 2 colunas de larguras fixas: 80px e 100px, e 3 linhas de alturas fixas: 100px,
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
A) F - V - V - F – F
8 - Observe o código: 
let nome1= 'Anna';
{
 let idade1=25;
 console.log(nome1);
 console.log(idade1);
}
console.log(nome1);
console.log(idade1);
O que será exibido no console:
D) Anna, 25, Anna, undefined
A) Anna, 25, Anna, Erro (resposta certa)
9 - Segundo o World Wide Web Consortium (W3C), a organização responsável pelo desenvolvimento dos padrões da web, a web semântica visa criar um ambiente em que as informações estejam disponíveis de forma estruturada e interconectada, permitindo a descoberta de conhecimento novo e a criação de serviços mais avançados.
 
(Fonte: W3C - World Wide Web Consortium. Disponível em: https://www.w3.org/standards/semanticweb/)
Dentre os diversos elementos semânticos do HTML, qual é a função principal do elemento <article> em HTML?
E) Representar uma composição independente e distribuível em um documento, página, aplicativo ou site.
10 - Em JavaScript, os arrays oferecem uma ampla gama de operações que podem ser executadas para manipular e processar os dados armazenados. Com os arrays, é possível realizar operações como adicionar elementos, remover elementos, acessar elementos individuais por meio de índices, pesquisar elementos, ordenar elementos, filtrar elementos com base em determinados critérios, mapear elementos para uma nova estrutura de dados, reduzir o array a um único valor por meio de uma função de redução e muito mais.
	Posição
	Valor
	3
	Samuel
	2
	Mateus
	1
	Camila
	0
	Patrícia
Para verificar o índice onde está alocado o valor “Patricia”, utilizamos quais dos métodos abaixo:
D) indexOff(“Patrícia”)