APOL 1

Questão 1/10 - Ferramentas de Desenvolvimento Web

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:

Questão 2/10 - Ferramentas de Desenvolvimento Web

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:

Questão 3/10 - Ferramentas de Desenvolvimento Web

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. Apresentou 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 Berners-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:

Questão 4/10 - Ferramentas de Desenvolvimento Web

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:

Questão 5/10 - Ferramentas de Desenvolvimento Web

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?

Questão 6/10 - Ferramentas de Desenvolvimento Web

Observe o código abaixo:

a:link {

color: red;

Agora você pode escolher a alternativa que corresponde ao conceito apresentado na declaração acima.

Questão 7/10 - Ferramentas de Desenvolvimento Web

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 é:

Questão 8/10 - Ferramentas de Desenvolvimento Web
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?

Questão 9/10 - Ferramentas de Desenvolvimento Web

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:

Questão 10/10 - Ferramentas de Desenvolvimento Web
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:

APOL 2

Questão 1/10 - Ferramentas de Desenvolvimento Web

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?
Questão 2/10 - Ferramentas de Desenvolvimento Web
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:

Questão 3/10 - Ferramentas de Desenvolvimento Web

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:

Questão 4/10 - Ferramentas de Desenvolvimento Web

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:

Questão 5/10 - Ferramentas de Desenvolvimento Web
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?

Questão 6/10 - Ferramentas de Desenvolvimento Web

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:

Questão 7/10 - Ferramentas de Desenvolvimento Web

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:
Questão 8/10 - Ferramentas de Desenvolvimento Web

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, controlando tanto 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:

Questão 9/10 - Ferramentas de Desenvolvimento Web

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:

Questão 10/10 - Ferramentas de Desenvolvimento Web

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: