Ferramentas de Desenvolvimento Web

Prévia do material em texto

APOL 2 - Ferramentas de Desenvolvimento Web
Questão 1/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
Observe o trecho de código abaixo:
1. 
2. HTML
3. CSS
4. JavaScript
5. 
O código que completa as linhas 1 e 5 para criar uma lista ordenada é:
Nota: 6.7
	
	A
	
	 e
	
	B
	
	 e 
Você assinalou essa alternativa (B)
Você acertou!
a Tag utilizada para criar uma lista ordenada é a tag .
	
	C
	
	 e 
	
	D
	
	 e 
	
	E
	
	 e 
Questão 2/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
Considerando o conteúdo sobre CSS.
O que a propriedade display define?
Nota: 6.7
	
	A
	
	define de qual maneira o elemento será disposto na tela
Você assinalou essa alternativa (A)
Você acertou!
slide 22 aula 2
	
	B
	
	define de qual maneira a sobra do elemento será disposto na tela
	
	C
	
	define de qual maneira o elemento irá flutuar em relação ao seu elemento parent
	
	D
	
	define de qual a será a borda do elemento
	
	E
	
	define a cor do bloco do elemento
Questão 3/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
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?
Nota: 6.7
	
	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.
Você assinalou essa alternativa (A)
Você acertou!
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.
	
	B
	
	O CSS tem como finalidade estruturar o conteúdo das páginas HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem o comportamento de um elemento HTML.
	
	C
	
	O CSS tem como finalidade controlar as interações do usuário com a página HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem as propriedades de um elemento HTML.
	
	D
	
	O CSS tem como finalidade substituir o HTML na construção de páginas web, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem a função de um elemento HTML.
	
	E
	
	O CSS tem como finalidade substituir completamente o HTML na construção de páginas web, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem as funções de um elemento HTML.
Questão 4/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
“A Internet é um sistema de redes de computadores interligadas em escala global. Uma série de regras (também chamadas de protocolos) coordenam a comunicação entre essas máquinas que são compostas por equipamentos distintos desenvolvidos pelas mais diversas empresas.”
 
Sobre o tópico em questão considere as afirmações a seguir:
I- A internet surgiu no Japão em 1969 e foi desenvolvida com o objetivo de interligar hospitais e compartilhar dados de registros médicos.
II- Os protocolos são um conjunto de regras, a internet combina diversos deles para cada momento e tipos específicos de comunicação.
III-  Os servidores de DNS (Domain Name System) são responsáveis por fazer a ligação entre os nomes das máquinas com seu endereço na internet.
 
É correto o que se afirma em
Nota: 6.7
	
	A
	
	I apenas
	
	B
	
	II apenas
	
	C
	
	III apenas
	
	D
	
	II e III apenas
Você assinalou essa alternativa (D)
Você acertou!
Comentário:
(FALSO) I. A rede precursora da internet se chamava ARPANET, surgiu em 1969 e interligava universidades no Oeste americano, possuía propósitos militares.
(CORRETO) II. Diversos protocolos compõem a internet sendo o TCP/IP um dos mais importantes.
(CORRETO) III.Os servidores de DNS fazem a localização do nome procurado para um endereço numérico IP(Internet Protocol).
 
Conteúdo abordado na Aula 4
	
	E
	
	I, II e III.
Questão 5/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
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:
Nota: 6.7
	
	A
	
	nomes.slice(0)
	
	B
	
	reverse(“Patrícia”)
	
	C
	
	pop(“Patrícia”)
	
	D
	
	indexOf(“Patrícia”)
Você assinalou essa alternativa (D)
Você acertou!
O método indexOf é utilizado para verificar o índice onde se encontra posicionado o valor no array
	
	E
	
	lenght(“Patrícia”)
Questão 6/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
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?
Nota: 6.7
	
	A
	
	O interpretador é responsável por compilar o código fonte do programa
	
	B
	
	O interpretador é um programa que executa instrução por instrução
Você assinalou essa alternativa (B)
Você acertou!
O interpretador é um programa que executa instrução por instrução. Ao desenvolver um aplicativo que rode do lado do servidor, certamente o interpretador escolhido pode ser o node.js. Se o programa rodar no lado do cliente, o próprio navegador será o interpretador. Todos os navegadores contam com interpretadores integrados.
	
	C
	
	O interpretador é utilizado apenas em aplicativos que rodam no lado do servidor.
	
	D
	
	O interpretador é exclusivo do Node.js e não está presente nos navegadores.
	
	E
	
	O interpretador é um componente do sistema operacional e não está relacionado à execução de programas
Questão 7/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
“HTML é uma linguagem descritiva de hipertextos composta por tags. Hoje o HTML em sua versão mais recente combina outras tecnologias como CSS e JavaScript que complementam os hipertextos com estilo e interatividade respectivamente.”
Sobre o tópico em questão considere as afirmações a seguir:
I- é a tag de formulário, em que geralmente o usuário insere informações que serão enviadas para um servidor.
II- A tag pode ser configurada para inserir texto e também ser utilizada para representar um botão.
III-  A tag deve ser sempre utilizada junto da 
 
É correto o que se afirma em
Nota: 6.7
	
	A
	
	I apenas
	
	B
	
	II apenas
	
	C
	
	I e II apenas
Você assinalou essa alternativa (C)
Você acertou!
(CORRETO) I. A tag pode receber diversas outras tags de leitura de dados fazendo delas um único formulário.
(CORRETO) II. Com o atributo type=”text” se torna um campo de texto, e type=”submit” se torna um botão.
(FALSO) III. A tag não precisa ser fechada e não possui relação com a tag 
 
Conteúdo abordado na Aula 4
	
	D
	
	II e III apenas
	
	E
	
	I, II e III.
Questão 8/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
As tags definem aonde um comando começa e termina.
Como são chamadas as tags que não possuem tag de fechamento?
Nota: 6.7
	
	A
	
	Selfish tags
	
	B
	
	Closer tags
	
	C
	
	Self closing tags
Você assinalou essa alternativa (C)
Você acertou!
resposta na rota 1 pg 3
	
	D
	
	Closing tags
	
	E
	
	Opening tags
Questão 9/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
Em JavaScript, existem métodos nativos, comoos 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:
Nota: 6.7
	
	A
	
	unshift(“Pedro”)
	
	B
	
	push(“Pedro”)
Você assinalou essa alternativa (B)
Você acertou!
O método push é utilizado para inserir um valor na posição final no array.
	
	C
	
	pop(“Pedro”)
	
	D
	
	lenght(“Pedro”)
	
	E
	
	indexOff(“Pedro”)
Questão 10/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
Em CSS, no que diz respeito a seletores.
Qual a diferença entre # e .?
Nota: 6.7
	
	A
	
	. define IDs e # define classes
	
	B
	
	# define IDs e . define classes
Você assinalou essa alternativa (B)
Você acertou!
Resposta nos slides 4-8 da aula 2
	
	C
	
	; define IDs e > define classes
	
	D
	
	 dentro de um elemento .
I. O texto dentro do elemento ficará em negrito.
II. O fundo do elemento ficará na cor cinza escuro (#555).
III. O texto dentro do elemento ficará na cor branca.
IV. O fundo do elemento ficará na cor cinza claro (#f1f1f1).
V. O elemento terá uma borda ao redor dele.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
Nota: 6.7
	
	A
	
	F - F - V - V - F
Você assinalou essa alternativa (A)
Você acertou!
· I. O texto dentro do elemento ficará em negrito. (F) O código não altera a propriedade font-weight, então o texto do manterá seu peso padrão, que geralmente não é negrito.
· II. O fundo do elemento  ficará na cor cinza escuro (#555). (F) O código CSS aplica a mudança de cor de fundo diretamente ao elemento dentro de , não ao próprio .
· III. O texto dentro do elemento ficará na cor branca. (V) A regra li a:hover define color: white;, então quando o cursor do mouse estiver sobre o link, o texto dentro do mudará para branco.
· IV. O fundo do elemento  ficará na cor cinza claro (#f1f1f1). (V) A regra ul define background-color: #f1f1f1;, então o fundo do terá essa cor.
· V. O elemento terá uma borda ao redor dele. (F)
Não há nenhuma propriedade border definida para o , então ele não terá borda ao redor.
	
	B
	
	V - F - F – V - F
	
	C
	
	V - V - V – F - V
	
	D
	
	F - F - V – V - V
	
	E
	
	V - F - F – V - V
Questão 12/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
“HTML é uma linguagem descritiva de hipertextos composta por tags. Hoje o HTML em sua versão mais recente combina outras tecnologias como CSS e JavaScript que complementam os hipertextos com estilo e interatividade respectivamente.”
Sobre o tópico em questão considere as afirmações a seguir descreva:
I- é a tag para tabelas
II- é a tag que adiciona uma linha dentro da tabela
III-  é a tag para adicionar colunas na tabela
 
É correto o que se afirma em
Nota: 6.7
	
	A
	
	I apenas
	
	B
	
	II apenas
	
	C
	
	III apenas
	
	D
	
	I e II apenas
Você assinalou essa alternativa (D)
Você acertou!
(CORRETO) I.
(CORRETO) II.
(FALSO) III.
 
Conteúdo abordado na Aula 4
	
	E
	
	I, II e III.
Questão 13/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
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:
Nota: 6.7
	
	A
	
	Anna, 25, Anna, Erro (Uncaught ReferenceError)
Você assinalou essa alternativa (A)
Você acertou!
Será executado: Anna, 25, Anna, Erro
	
	B
	
	Anna, 25, Anna, 25
	
	C
	
	Anna, 25, undefined, undefined
	
	D
	
	Anna, 25, Anna, undefined
	
	E
	
	SyntaxError
Questão 14/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
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?
Nota: 6.7
	
	A
	
	O pseudoelemento ::after é usado para selecionar o elemento antes do conteúdo do elemento principal.
	
	B
	
	O pseudoelemento ::after é usado para selecionar o elemento depois do conteúdo do elemento principal.
Você assinalou essa alternativa (B)
Você acertou!
O pseudoelemento ::after é usado para selecionar o elemento depois do conteúdo do elemento principal.
	
	C
	
	O pseudoelemento ::after é usado para selecionar a primeira linha do elemento principal.
	
	D
	
	O pseudoelemento ::after é usado para selecionar a primeira letra do elemento principal.
	
	E
	
	O pseudoelemento ::after é usado para selecionar os marcadores de uma lista.
Questão 15/15 - Ferramentas de Desenvolvimento Web
  Ler em voz alta
No desenvolvimento de layouts com CSS 3, as propriedades float e clear são utilizadas para controlar o fluxo de elementos na página.
Assinale a alternativa que descreve corretamente a função e a relação entre essas duas propriedades.
Nota: 6.7
	
	A
	
	A propriedade float retira o elemento do fluxo normal, permitindo que outros elementos (como textos) o contornem lateralmente, enquanto a propriedade clear impede que um elemento seja posicionado ao lado de elementos flutuados anteriores, forçando-o a ser exibido abaixo deles.
Você assinalou essa alternativa (A)
Você acertou!
· Alternativa A (CORRETA): Está fiel à definição técnica. O material explica que o float auxilia no posicionamento de elementos, permitindo que flutuem à esquerda ou direita. Já o clear é utilizado para posicionar o próximo elemento abaixo (e não ao lado) de um elemento com float.
· Onde encontrar: Aula 2, página 20 (Material Escrito).
· Alternativa B (INCORRETA): O float não é uma ferramenta de centralização (para isso usamos margin: auto ou Flexbox/Grid). O clear não apaga conteúdo, apenas controla o fluxo visual do layout.
· Onde encontrar: Aula 2, página 20 e Aula 3, página 17.
· Alternativa C (INCORRETA): Visibilidade é controlada pela propriedade display ou visibility. Bordas arredondadas são definidas pela propriedade border-radius.
· Onde encontrar: Aula 2, páginas 12 e 22.
· Alternativa D (INCORRETA): As funções são distintas e complementares, não idênticas. Ambas podem ser aplicadas a qualquer elemento do tipo bloco, não se limitando a imagens ou parágrafos específicos.
· Onde encontrar: Aula 2, página 20 e Aula 2, página 4 (Slides).
· Alternativa E (INCORRETA): O posicionamento absoluto é feito via position: absolute. A sobreposição no eixo Z é controlada pela propriedade z-index.
· Onde encontrar: Aula 2, páginas 23 e 24.
	
	B
	
	O float serve para centralizar elementos em relação ao contêiner pai, enquanto o clear é utilizado exclusivamente para apagar o conteúdo de texto de uma div.
	
	C
	
	A propriedade float define a visibilidade de um elemento, enquanto o clear define se o elemento terá bordas arredondadas ou retas.
	
	D
	
	Ambas possuem a mesma função, sendo que o float é utilizado para imagens e o clear é utilizado apenas para parágrafos de texto
	
	E
	
	O float posiciona um elemento de forma absoluta na tela, enquanto o clear permite que o elemento flutue sobre outros elementos na camada do eixoZ
image1.wmf
image2.wmf