Desenvolvimento WEB - Exercícios

Prévia do material em texto

Questão 1
Correta
Questão com problema?
Ao receber os arquivos correspondentes a um website, um programador notou que o diretório
"site" era composto por quatro arquivos:
- index.html
- primeira_página.html
- astra.html
- processamento.php
E duas pastas:
- /css
- /js
Ao acessar a URL correspondente ao diretório “site” qual será o documento executado por
padrão? Assinale a alternativa correta.
Sua resposta
Correta
index.html, pois corresponde ao nome do índice.
Comentário
Alternativa correta: index.html, pois corresponde ao nome do índice. Arquivos
denominados index.html (ou ainda, index.htm ou index.php) são executadas por padrão, uma
vez que correspondem ao índice da página. Caso um arquivo com esse nome não esteja
presente, o navegador irá exibir uma lista com o conteúdo do diretório ou uma página
indicando um erro por falta de permissão de acesso (isso irá depender das configurações do
servidor web, do diretório de acesso ou do navegador).
Questão 2
Correta
Questão com problema?
Um documento web é composto por tags inseridas dentro da tag principal . A tag pode
receber o atributo lang, que indica a linguagem padrão do documento. Essa tag receberá ainda
duas tags principais: , que armazena o cabeçalho com metadados do documento, e , que
armazena as tags do corpo do documento.
Considerando as informações apresentadas, analise as afirmativas a seguir:
I. header é uma das tags que são geralmente incluídas no cabeçalho da página.
II. meta é uma das tags que são geralmente incluídas no cabeçalho da página.
III. charset é uma das tags que são geralmente incluídas no cabeçalho da página.
IV. link é uma das tags que são geralmente incluídas no cabeçalho da página.
V. title é uma das tags que são geralmente incluídas no cabeçalho da página.
VI. h1 é uma das tags que são geralmente incluídas no cabeçalho da página.
É correto o que se afirma em:
Sua resposta
Correta
II, IV e V, apenas.
Comentário
Alternativa correta: II, IV e V, apenas. Tags geralmente inseridas dentro do são (insere
metadados), (vincula o documento a um arquivo externo) e
Questão 3
Correta
Questão com problema?
O desenvolvimento web constitui na prática de construção de documentos web que podem
ser acessados a partir de navegadores. O desenvolvimento web utiliza linguagens próprias
para construção de documentos, como linguagens de estilo, de marcação ou de programação.
Em geral, as linguagens de programação podem ser classificadas de acordo com o local a
qual são executadas, podendo ser back-end para aplicações server-side, e front-end, para
aplicações client-side.
MARIANO, D. C. B. Desenvolvimento web. Londrina: Editora e Distribuidora Educacional
S.A, 2021.
Podemos citar como exemplo de linguagem de programação utilizada no front-end:
Sua resposta
Correta
JavaScript.
Comentário
Alternativa correta: JavaScript. Apenas JavaScript pode ser considerado uma linguagem de
programação executada no front-end. HTML, CSS e PHP são consideradas linguagens de
marcação de hipertexto, de estilo e de programação executada em back-end, respectivamente.
Questão 4
Correta
Questão com problema?
URL (Uniform Resource Locator ou na tradução "localizador uniforme de recursos")
constitui numa estrutura utilizada para navegação em redes permitindo acessar recursos e
dispositivos. Elas são comumente utilizadas por navegadores de internet para acessar
websites armazenados remotamente.
Constitui um componente essencial para acessar um website remoto (e que não pode ser
inferido pelo navegador):
Sua resposta
Correta
domínio.
Comentário
Alternativa correta: domínio. Para acessar um website é essencial apresentar o domínio.
Protocolo, porta e recurso podem ser inferidos pelo navegador (por padrão, HTTP, 80 e
index.html, respectivamente). Além disso, o identificador constitui em um componente
opcional que permite acessar posições específicas de uma página.
Questão 5
Incorreta
Questão com problema?
HTML é uma linguagem de marcação de hipertextos composta por tags que, quando usadas
de forma estruturada, permitem a construção de um documento que pode ser lido de forma
estruturada por um navegador de internet (também conhecido como browser). Observe a
estrutura da uma página HTML e a representação de como ela aparecerá no navegador:
Figura. Estrutura de uma página HTML (esquerda), tags e partes do código de um documento web. Visão do navegador (direita) da página
executada.
MARIANO, D. C. B. Desenvolvimento web. Londrina: Editora e Distribuidora Educacional
S.A, 2021.
As tags
Sua resposta
Incorreta
Solução esperada
Comentário
Alternativa correta: A tag
exibe um título com uma fonte maior, além
do destaque em negrito, enquanto
aumenta o tamanho da fonte e adiciona
negrito, enquanto
EX-2
Questão 1
Correta
CSS é a linguagem utilizada para construção de estilos para documentos web. A sintaxe da
linguagem CSS é composta por:
seletor{
propriedade: valor;
}
Sobre quais são declarações CSS válidas, analise as declarações a seguir:
I. .corpo{ background-color: red; }
II. { color: blue; }
III. #casa{ font-size: 12px; }
IV. p { style{color: blue}; }
Considerando o contexto apresentado, é correto o que se afirma em:
Sua resposta
Correta
I e III, apenas.
Comentário
Alternativa correta: I e III, apenas. I. .corpo{ background-color: red; } CORRETO, uma
declaração que altera a classe “corpo”. II. { color: blue; } INCORRETO, não corresponde à
declaração válida. III. #casa{ font-size: 12px; } CORRETO, uma declaração que altera o
elemento de identificador “casa”. IV. p { style{color: blue}; } INCORRETO, não
corresponde à declaração válida.
Questão 2
Correta
As propriedades CSS relacionadas à cor podem ser aplicadas à vários elementos. Por
exemplo, para textos pode-se utilizar a propriedade color. Para alterar a cor de fundo pode-se
utilizar a propriedade background-color. Há diversas formas de se declarar cores para textos.
Sobre quais são valores de cores válidas que podem ser aplicados à propriedade CSS de cor,
analise as declarações a seguir:
I. #ffc6d9
II. rgb(255,235)
III. rgba(255,235,0, 0.7)
IV. hsla(155,80%,35%,0.4)
V. red
Considerando o contexto apresentado, é correto o que se afirma em:
Sua resposta
Correta
I, III, IV e V, apenas.
Comentário
Alternativa correta: I, III, IV e V, apenas. Apenas o comando rgb(255,235) está incorreto,
pois o método rgb( ) requer três parâmetros de entrada: os valores correspondentes às cores
vermelho (red), verde (green) e azul (blue).
Questão 3
Correta
Observe a declaração CSS a seguir:
{
margin: 0; / margem de 0px /
padding: 0; / preenchimento de 0px /
}
Nessa declaração são apresentados duas propriedades CSS, margem e preenchimento, ao
seletor .
No código apresentado, qual a função do símbolo ? Assinale a alternativa correta.
Sua resposta
Correta
Corresponde ao seletor universal usado para aplicar regras a qualquer elemento.
Comentário
Alternativa correta: Corresponde ao seletor universal usado para aplicar regras a qualquer
elemento. O seletor corresponde ao seletor universal. Ele usado para aplicar regras CSS a
qualquer elemento de um documento Web. Logo, o código acima zera as margens e
preenchimento de qualquer elemento, removendo assim estilos aplicados pelo navegador.
Questão 4
Correta
Questão com problema?
Observe o código a seguir:
Assinale a alternativa correta.
Sua resposta
Correta
Azul.
Comentário
Alternativa correta: Azul. A cor do texto será azul, uma vez que a propriedade color: blue
foi a última declaração aplicada ao elemento. Portanto, ela irá sobrepor todas as outras
propriedades.
Questão 5
Correta
Os seletores CSS podem utilizar nomes de tags, valores de identificadores (indicados com o
símbolo # antes da declaração do nome) ou classes (indicados com um ponto antes da
declaração do nome).
Analise o código CSS a seguir:
p, span{
color: red;
}
Assinale a alternativa que representa corretamente o estilo aplicado por esse código.
Sua resposta
Correta
Aplica a mesmaregra às tags span e p.
Comentário
Alternativa correta: Aplica a mesma regra às tags span e p. Aplica vermelho apenas aos
textos presentes dentro das tags . INCORRETO. Essa opção está incorreta, pois o estilo é
aplicado também a . Aplica a mesma regra às tags span e p. CORRETO. O uso de vírgula
permite que regras sejam aplicadas a múltiplos seletores. Nesse exemplo, as mesmas regras
são aplicadas às tags p e span. Aplica as propriedades apenas a tags span filhas de tags p.
INCORRETO. Essa opção está incorreta, pois aplica a p e a span. Aplica regras apenas a tags
p filhas de uma tag span. INCORRETO. Essa opção está incorreta, pois aplica a ambos os
seletores. Essa não é uma declaração CSS válida. INCORRETO. Essa opção está incorreta,
pois é a declaração é válida.
EX-3
Questão 1
Correta
Questão com problema?
As estruturas de controle condicionais controlam o fluxo de execução do código. Elas
controlam se blocos serão executados ou não, por meio da avaliação se condições foram
estabelecidas ou não.
Observe o código a seguir:
var a = 3;
var b = 4;
if((a+b)%2==0){
console.log("árvore");
}
else if((a+b)%2==1){
console.log("casa");
}
else{
console.log("cachorro")
}
Ao executar esse código, será impresso no console o seguinte:
Sua resposta
Correta
casa
Comentário
Alternativa CORRETA: casa Como a soma de a e b será um número ímpar (3+4=7), logo
será executado a segunda condicional, ou seja, será impresso “casa”.
Questão 2
Correta
Questão com problema?
Uma função constitui num conjunto de códigos que serão executados caso a função seja
chamada. Além disso, pode-se utilizar a chamada de uma função como argumento de entrada
para a mesma função. Nesse caso, parênteses são utilizados para indicar a ordem de
execução. As funções mais internas são executadas primeiro e seus resultados são utilizados
na execução das funções mais externas.
Observe o script a seguir:
function calculate(a, b){
return ab;
}
console.log(calculate(calculate(2, 2), calculate(3, 2)));
De acordo com o código mostrado, assinale a alternativa que contém o número que será
impresso no console.
Sua resposta
Correta
24
Comentário
Será impresso 24. A função calculate( ) multiplica os dois números recebidos como entrada.
Dessa forma, veja a execução de cada função separadamente: calculate ( calculate(2, 2) ,
calculate(3, 2) ); calculate ( 4 , calculate(3, 2) ); calculate ( 4 , 6 ); 24
Questão 3
Incorreta
Questão com problema?
Variáveis de escopo global correspondem a variáveis cujo valor pode ser alterado em
qualquer parte de um código. Para isso, elas devem ser declaradas apenas uma vez usando a
palavra reservada var.
Observe o código a seguir:
1. var a = 1;
2. var b = 2;
3.
4. function soma(x, y){
5. a = y;
6. return x + y;
7. }
8.
9. console.log(soma(a, b))
10. console.log(soma(a, b))
Aqui, a função soma() é executada duas vezes (linhas 9 e 10) usando como entrada os
mesmos parâmetros.
Assinale a alternativa do que seria impresso na tela ao executar esse código, indicando
também o que seria impresso caso a variável usada na linha 1 fosse declarada usando const.
Sua resposta
Incorreta
Código atual: 3 e 4 / declaração usando const: 3 e 3.
Solução esperada
Código atual: 3 e 4 / declaração usando const: erro de sintaxe.
Comentário
Alternativa CORRETA: Código atual: 3 e 4 / declaração usando const: erro de sintaxe.
Ao executar o código atual, na primeira execução da função a corresponde a 1 e b a 2. Logo,
será impresso 3. Entretanto, na linha 5 a variável a irá receber um novo valor (2), logo o
resultado da segunda execução será 4. Ao inserir a palavra reservada const na linha 1, o
código retornará erro de sintaxe, pois uma constante não pode ser reatribuída.
Questão 4
Correta
Questão com problema?
O operador de atribuição (=) permite atribuir valores a uma variável. Esse operador pode ser
utilizado até mesmo para atribuir uma variável a uma outra variável.
Assim, dado o código:
var a = 1;
let b = 2;
const c = 3;
function soma(x, y){
return x + y;
}
a = b
b = c
c = a
console.log(soma(a, b))
Assinale a alternativa com o que será impresso ao executar esse código.
Sua resposta
Correta
Nada, pois o código retorna um erro de sintaxe.
Comentário
O código retorna um erro de sintaxe na declaração: c = a pois c é uma constante, logo ela não
pode ser reatribuída.
Questão 5
Correta
Questão com problema?
Em JavaScript, objetos podem receber uma coleção de chaves e valores. Veja a seguir um
exemplo de objeto:
let nomes = {
"A": "Avestruz",
"B": "Banana",
"C": "Casa"
}
Nesse exemplo, a chave “A” corresponde ao valor “Avestruz”, “B” a “Banana” e “C” a
“Casa”. Assim, ao executar o comando:
console.log(nomes);
O console irá retornar listar todo o conteúdo do objeto.
Se desejarmos obter uma informação específica desse objeto. Assinale a alternativa que
contém o comando que deverá ser utilizado para obter o valor correspondente à chave “C”.
Sua resposta
Correta
console.log(nomes["C"]);
Comentário
Alternativa CORRETA: console.log(nomes["C"]); Para obter um valor, deve-se informar o
nome da variável que armazena o objeto, seguido da chave entre colchetes. É importante
ressaltar que essa consulta é case sensitive, logo “C” é diferente de “c”. As demais
alternativas estão incorretas. - console.log(nomes["c"]); INCORRETA. Pois, a consulta deve ser
case sensitive, logo “C” é diferente de “c”. - console.log(nomes["Casa"]); INCORRETA. Pois, não
há chave. - console.log(nomes[2]); INCORRETA. Pois, essa sintaxe só é válida para arrays. -
console.log(nomes[3]); INCORRETA. Pois, essa sintaxe só é válida para arrays.
EX-4
Questão 1
Correta
Questão com problema?
Uma das estruturas importantes na linguagem de programação PHP é a de repetição, a qual
permite que um bloco de código possa executar várias vezes. Quando conhecemos a
quantidade de repetições desejada, podemos utilizar a estrutura "for".
Assinale a alternativa que apresenta o código PHP capaz de mostrar a sequencia de números
de 1 até 10, sendo que cada número deverá aparecer abaixo do outro na página HTML.
Sua resposta
Correta
for ($i=1;$i<=10;$i++) { echo $i; echo "
"; }
Comentário
Alternativa correta: for ($i=1;$i<=10;$i++) { echo $i; echo "
"; } CORRETA. O exercício pede para mostrar a sequencia de 1 até 10, sendo assim a
variável $i deve começar com 1 e repetir enquanto ela for menor ou igual a 10. é importante
notar que o exercício pede ainda que se faça uma quebra de linha em HTML, imprimindo a
TAG
. - for ($i=1;$i<=10;$i++) { echo $i;
} INCORRETA. A TAG
não pode ser coloca solta no código PHP. - for ($i=1;$i<10;$i++) { echo $i .
; } INCORRETA. O exercício pede para mostrar a sequencia de 1 à 10, e nesta alternativa
ele imprime número menores com 10, ou seja, até o 9. - for ($i in 1 to 10 go) { echo $i; echo
"
"; } INCORRETA. A sintaxe do comando "for" está incorreta. - for ($i=0;$i<=10;$i++) {
echo $i; } INCORRETA. A sequencia iniciou do zero, quando o exercício pede para iniciar
do um. além disso não foi impressa a quebra de linha
.
Questão 2
Correta
Questão com problema?
Na linguagem PHP, assim como outras linguagens de programação, é possível fazer um
desvio condicional. Este tipo de estrutura é importante para quando desejamos executar um
bloco de código apenas se uma determinada condição for atendida.
Assinale a alternativa que apresenta o código correto para que, dado uma distância qualquer,
seja exibido se esta distância deve ser percorrida a pé (até 5km), de bicicleta (acima de 5km e
abaixo de 15km) ou de carro (a partir de 15km para cima).
Sua resposta
Correta
$distancia = 7; if ($distancia <= 5) { echo "a pé"; } else if (($distancia > 5) && ($distancia <
15)) { echo "bicicleta"; } else { echo "carro"; }
?>
Comentário
Alternativa correta: $distancia = 7; if ($distancia <= 5) { echo "a pé"; } else if (($distancia
> 5) && ($distancia < 15)) { echo "bicicleta"; } else { echo "carro"; }
?>
CORRETA. Nesta questão é importante prestar atenção ao queo enunciado pede, pois para
ir a pé a distancia deve ser menor ou igual a 5. Já para ir de bicicleta a distancia é maior que 5
e menor que 15. Para ir de carro a distancia deve ser a partir de 15, ou seja inclui o número 15
e os números maiores que 15. - $distancia = 7; if ($distancia < 5) { echo "a pé"; } else if
(($distancia >= 5) && ($distancia <= 15)) { echo "bicicleta"; } else { echo "carro"; }
?>
INCORRETA. O número 5 deveria entrar na resposta para ir a pé, porém apenas números
menores que 5 estão entrando nesta condição. - $distancia = 7; if ($distancia <= 5) { echo "a
pé"; } if (($distancia > 5) && ($distancia < 15)) { echo "bicicleta"; } else { echo "carro"; }
?>
INCORRETA. O comando "else" pertence apenas ao segundo "if", fazendo com que
números menores que 5 entrem tanto no primeiro "if" como também na condição "else." -
$distancia = 7; if ($distancia <= 5) { echo "a pé"; } if (($distancia > 5) && ($distancia < 15))
{ echo "bicicleta"; } if ($distancia > 15) { echo "carro"; }
?>
INCORRETA. O número 15 não entra em condição algum, sendo que deveria entrar na
condição para ir de "carro". - $distancia = 7; if ($distancia <= 5) { echo "a pé"; } else if
(($distancia > 5 && < 15)) { echo "bicicleta"; } else { echo "carro"; }
?>
INCORRETA. Há um erro de sintaxe na linha do comando "else if", já que cada condição
deve possuir a variável, o operador relacional e o valor de parâmetro.
Questão 3
Correta
Questão com problema?
A Linguagem PHP tem como característica marcante o fato de poder ser inserida dentro de
uma página HTML, tornando possível assim gerar conteúdo dinamicamente. Este conteúdo
dinâmico pode inclusive ser formado por outras TAGs HTML.
Sabendo-se que a TAG HTML é capaz de deixar um texto em negrito e que esta TAG
pode ser inserida dentro de um código PHP, assinale a alternativa que apresenta o
código correto para imprimir uma palavra em negrito com PHP:
Sua resposta
Correta
echo "negrito";
Comentário
Alternativa correta: echo "negrito"; CORRETA: a tag HTML não é um comando
reconhecido pelo PHP, sendo tratada como uma simples String. portanto ela deve vir entre
aspas. - echo . "negrito" . ; INCORRETA. A tag não pode ficar fora das aspas - echo
negrito; INCORRETA. A tag não pode ficar fora das aspas - echo + "negrito" + ;
INCORRETA. A tag não pode ficar fora das aspas e o símbolo de concatenação no php é
ponto e não o símbolo de adição. - echo ""; INCORRETA. A tag HTML está representada
de forma incorreta.
Questão 4
Correta
Questão com problema?
Para o usuário interagir inserindo dados como entrada para uma página PHP é necessário
utilizar um formulário HTML. Considere o seguinte código HTML:
Assinale a alternativa que apresenta o código PHP capaz de pegar os dois números digitados
pelo usuário e mostre qual é o maior deles.
Sua resposta
Correta
if ($_POST["numero1"] > $_POST["numero2"]) { echo "O maior número é " .
$_POST["numero1"]; } else { echo "O maior número é " . $_POST["numero2"]; } ?>
Comentário
Alternativa correta: if ($_POST["numero1"] > $_POST["numero2"]) { echo "O maior
número é " . $_POST["numero1"]; } else { echo "O maior número é " .
$_POST["numero2"]; } ?> CORRETA. Como o formulário apresentado utiliza o método
"post" todos os valores digitados pelo usuário são enviados para o vetor $_POST do PHP,
atendendo a condição. - if ($_GET["numero1"] > $_GET["numero2"]) { echo "O maior
número é " . $_GET["numero1"]; } else { echo "O maior número é " . $_GET["numero2"]; }
?> INCORRETA. Está incorreta pois utiliza o vetor $_GET, que aplica-se apenas quando o
formulário for do método "get". - if ($numero1 > $numero2) { echo "O maior número é " .
$numero1; } else { echo "O maior número é " . $numero2; } ?> INCORRETA. As variáveis
$numero1 e $numero2 não existem. - if ($_POST["numero1"] <= $_POST["numero2"]) {
echo "O maior número é " . $_POST["numero1"]; } else { echo "O maior número é " .
$_POST["numero2"]; } ?> INCORRETA. O operador relacional utilizado é de menor ou
igual, quando na verdade deveria ter utilizado o perador "maior". - if ($post["numero1"] >
$post["numero2"]) { echo "O maior número é " . $post["numero1"]; } else { echo "O maior
número é " . $post["numero2"]; } ?> INCORRETA. Utiliza o vetor $post sem o underscore e
em caixa baixa, quando na verdade o correto seria utilizado o vetor $_POST
Questão 5
Correta
Questão com problema?
Uma equação de segundo grau pode ser resolvida através da fórmula de Bhaskara, tendo
como entrada de dados os números representados pelas variáveis "a", "b" e "c". Nesta
fórmula a expressão presente dentro da raiz é conhecida como "delta", o qual pode ser
calculado através da fórmula Δ = b2 – 4ac. Caso o valor de delta seja menor que zero a
equação de segunda grau não pode ser solucionada, pois não há raízes válidas. Caso o
resultado de delta seja zero, há uma raiz como resposta à equação de segundo grau e caso seja
maior que zero existirão duas raízes possíveis.
Assinale a alternativa que apresenta um código PHP capaz de calcular e identificar a
quantidade de raízes que uma equação de segundo grau possui.
Sua resposta
Correta
$a = 1; $b = -3; $c = -10; $delta = ($b $b) - (4 $a $c); if ($delta<0) { echo "não há raízes
válidas"; } else if ($delta=0) { echo "exite uma raiz válida"; } else { echo "exitem duas raízes
válidas"; } ?>
Comentário
Alternativa correta: $a = 1; $b = -3; $c = -10; $delta = ($b $b) - (4 $a $c); if ($delta<0) {
echo "não há raízes válidas"; } else if ($delta=0) { echo "exite uma raiz válida"; } else {
echo "exitem duas raízes válidas"; } ?> CORRETA. Para calcular o delta, pode utilizar $b
ao quadrado ou $b vezes $b. é importante que o cálculo seja feito utilizando parênteses para
garantir que o cálculo seja feito corretamente. - $a = 1; $b = -3; $c = -10; $delta = $b $b - 4
$a $c; if ($delta<0) { echo "não há raízes válidas"; } else if ($delta=0) { echo "exite uma raiz
válida"; } else { echo "exitem duas raízes válidas"; } ?> INCORRETA. Como não foram
utilizados parênteses para o cálculo, o resultado fica incorreto. - $a = 1; $b = -3; $c = -10;
$delta = ($b 2) - (4 $a $c); if ($delta<0) { echo "não há raízes válidas"; } else if ($delta=0) {
echo "exite uma raiz válida"; } else { echo "exitem duas raízes válidas"; } ?> INCORRETA.
Ao invés de fazer $b ao quadrado, está se calculando $b vezes 2. - $a = 1; $b = -3; $c = -10;
$delta = ($b ^ 2) - (4 . $a . $c); if ($delta<0) { echo "não há raízes válidas"; } else if
($delta=0) { echo "exite uma raiz válida"; } else { echo "exitem duas raízes válidas"; } ?>
INCORRETA. O símbolo de ponto concatena valores ao invés de fazer a multiplicação, que
seria o correto. - $a = 1; $b = -3; $c = -10; $delta = $b2 - (4 $a $c); if ($delta<0) { echo "não
há raízes válidas"; } else if ($delta=0) { echo "exite uma raiz válida"; } else { echo "exitem
duas raízes válidas"; } ?> INCORRETA. A variável $b2 não existe.