Prova - P2 - Front End

Prévia do material em texto

11/04/2024, 11:26 P2 - Prova On-line (Acessar)
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432 1/7
...
Página inicial Disciplinas e Espaços GRADUAÇÃO A DISTÂNCIA 2024 2024-1
Programação Frontend - 2024_01_EAD_A Avaliações P2 - Prova On-line (Acessar)
Questão 1
Ainda não respondida
Vale 1,00 ponto(s).
Você está tentando construir um algoritmo, em JavaScript, que receba uma letra do usuário e verifique se a letra
inserida é "F" ou "M", para escrever "Feminino" ou "Masculino", mas você também quer escrever "Opção Inválida" se o
usuário digitar uma letra que não seja essas duas. Seu código ficou como o exibido na Figura 1. Selecione a
alternativa que mostra o código necessário para que condição na linha 3 funcione corretamente:
Figura 1 - Código JS Incompleto
Escolha uma opção:
a. sexo == "F" || "M"
b. sexo == "F" && "M"
c. sexo == "F" && sexo == "M"
d. sexo == "F" || sexo == "M"
e. sexo = "F" || sexo = "M"
Limpar minha escolha
https://ava.candidomendes.edu.br/moodle/
https://ava.candidomendes.edu.br/moodle/course/index.php?categoryid=8
https://ava.candidomendes.edu.br/moodle/course/index.php?categoryid=175
https://ava.candidomendes.edu.br/moodle/course/index.php?categoryid=176
https://ava.candidomendes.edu.br/moodle/course/view.php?id=13937
https://ava.candidomendes.edu.br/moodle/course/view.php?id=13937&section=4
https://ava.candidomendes.edu.br/moodle/mod/quiz/view.php?id=465432
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432
11/04/2024, 11:26 P2 - Prova On-line (Acessar)
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432 2/7
Questão 2
Ainda não respondida
Vale 1,00 ponto(s).
Tabelas são utilizadas para exibir um conteúdo tabulado em uma página HTML, ou seja, uma tabela formata e
apresenta os elementos dispostos em linhas e colunas. Leia as seguintes afirmações sobre algumas tags HTML
usadas na construção de uma tabela:
1. A tag <table> define uma tabela;
2. A tag <tr> define uma linha em uma tabela;
3. A tag <th> define uma célula comum em uma tabela;
4. A tag <td> define uma célula de cabeçalho em uma tabela.
Assinale a alternativa que apresenta a afirmativa correta.
Escolha uma opção:
a. Todas as afirmações estão corretas.
b. Apenas as afirmações I e IV estão corretas.
c. Apenas as afirmações II e III estão corretas.
d. Apenas as afirmações I e II estão corretas.
e. Apenas as afirmações III e IV estão corretas.
Limpar minha escolha
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432
11/04/2024, 11:26 P2 - Prova On-line (Acessar)
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432 3/7
Questão 3
Ainda não respondida
Vale 1,00 ponto(s).
Há duas maneiras de especificar borda para tabelas HTML: por atributo de borda da tabela em HTML ou por
propriedade em CSS. Não é recomendada a utilização da maneira por atributo em HTML, e sim por propriedades
CSS. Selecione a alternativa que mostra a regra CSS necessária para adicionar bordas na tabela exibida na Figura 1,
de modo que ela fique como exibido na tabela da Figura 2.
Figura 1 - Tabela sem Borda
Figura 2 - Tabela com Borda
Escolha uma opção:
a.
table, th, td {
  border: 1px black;
}
b.
table, th, td {
  border-style: 1px solid black;
}
c.
table, th, td {
  border-radius: 1px solid black;
}
d.
table, th, td {
  border: 1px;
}
e.
table, th, td {
  border: 1px solid;
}
Limpar minha escolha
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432
11/04/2024, 11:26 P2 - Prova On-line (Acessar)
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432 4/7
Questão 4
Ainda não respondida
Vale 1,00 ponto(s).
Para criar um formulário em uma página web você precisa usar a tag <form>, que especifica a abertura de um
formulário em um documento HTML. Dentro dessa tag, você vai colocar os atributos de seu formulário, como campos
para a entrada ou visualização de dados, botões para submeter dados, etc. Analise as seguintes afirmações sobre
as algumas propriedades da tag <form>:
1. A propriedade name permite identificar cada formulário em uma página que contenha vários formulários
2. A propriedade method especifica a URL de destino que irá processar as informações enviadas pelo formulário
3. A propriedade action define o método (get/post) HTTP
Marque a alternativa que apresenta a afirmação correta.
Escolha uma opção:
a. Todas as afirmações estão corretas.
b. Nenhuma das afirmações está correta.
c. Apenas a afirmação em III está correta.
d. Apenas a afirmação em II está correta.
e. Apenas a afirmação em I está correta.
Limpar minha escolha
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432
11/04/2024, 11:26 P2 - Prova On-line (Acessar)
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432 5/7
Questão 5
Ainda não respondida
Vale 1,00 ponto(s).
A lista não ordenada usa a tag HTML <ul> e exibe os elementos no formato com marcadores. Podemos usar uma lista
não ordenada, quando não precisamos exibir itens em alguma ordem específica. Selecione a alternativa que mostra
o código HTML necessário, para fazer o navegador renderizar a lista exibida na Figura 1.
Figura 1 - Lista Não Ordenada em HTML
Escolha uma opção:
a.
    <ul type="circle">
      <li> Ruby   </li>
      <li> Python </li>
      <li> PHP    </li>
    </ul>
b.
    <ul type="none">
      <li> Ruby   </li>
      <li> Python </li>
      <li> PHP    </li>
    </ul>
c.
    <ul type="square">
      <li> Ruby   </li>
      <li> Python </li>
      <li> PHP    </li>
    </ul>
d.
    <ul type="disc">
      <li> Ruby   </li>
      <li> Python </li>
      <li> PHP    </li>
    </ul>
e.
    <ul>
      <li> Ruby   </li>
      <li> Python </li>
      <li> PHP    </li>
    </ul>
Limpar minha escolha
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432
11/04/2024, 11:26 P2 - Prova On-line (Acessar)
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432 6/7
Questão 6
Ainda não respondida
Vale 1,00 ponto(s).
Lista ordenada em HTML, ou lista numerada, exibe elementos em formato numerado e utiliza a tag HTML <ol>. Pode
haver diferentes tipos de lista ordenada. Selecione a alternativa que mostra o código necessário para fazer o
navegador renderizar a lista exibida na Figura 1.
Figura 1 - Lista Ordenada
Escolha uma opção:
a.
    <ol type="I">
      <li> Chrome  </li>
      <li> Firefox </li>
      <li> Edge    </li>
    </ol>
b.
    <ol type="i">
      <li> Chrome  </li>
      <li> Firefox </li>
      <li> Edge    </li>
    </ol>
c.
    <ol type="A">
      <li> Chrome  </li>
      <li> Firefox </li>
      <li> Edge    </li>
    </ol>
d.
    <ol type="a">
      <li> Chrome  </li>
      <li> Firefox </li>
      <li> Edge    </li>
    </ol>
e.
    <ol type="1">
      <li> Chrome  </li>
      <li> Firefox </li>
      <li> Edge    </li>
    </ol>
Limpar minha escolha
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432
11/04/2024, 11:26 P2 - Prova On-line(Acessar)
https://ava.candidomendes.edu.br/moodle/mod/quiz/attempt.php?attempt=482043&cmid=465432 7/7
Questão 7
Ainda não respondida
Vale 2,00 ponto(s).
Questão 8
Ainda não respondida
Vale 2,00 ponto(s).
O HTML5 foi desenvolvido por um grupo conhecido como WHATWG (WEB HYPERTEXT APPLICATION TECHNOLOGY
WORKING GROUP), com o objetivo de aprimorar as versões HTML anteriores e resolver alguns problemas de
compatibilidade entre navegadores.  Cite, no mínimo, três (3) principais diferenças entre as versões anteriores de
HTML e HTML5.
        
HTML5 trouxe várias melhorias em relação às versões anteriores do HTML. Algumas das principais diferenças são:
1. Semântica Aprimorada: HTML5 introduziu novas tags semânticas, como `<header>`, `<footer>`, `<nav>`, `<article>`,
entre outras, que permitem uma melhor estruturação e descrição do conteúdo, tornando o código mais
compreensível para os desenvolvedores e mais acessível para os mecanismos de busca.
2. Suporte para Multimídia: HTML5 trouxe suporte nativo para áudio e vídeo, através das tags `<audio>` e `<video>`,
eliminando a necessidade de plugins como o Flash para reprodução de mídia. Isso proporcionou uma experiência
mais integrada e consistente aos usuários, além de tornar o desenvolvimento mais simples e eficiente.
3. APIs Avançadas: HTML5 introduziu várias APIs avançadas, como a API de Geolocalização, API de Armazenamento
Local (localStorage e sessionStorage), API de Canvas para gráficos dinâmicos e a API de WebSockets para
comunicação bidirecional em tempo real. Essas APIs ampliam significativamente as capacidades das aplicações
web, permitindo a criação de experiências mais ricas e interativas.
Escreva o código HTML necessário para o navegador renderizar um formulário como o exibido na Figura 1. O método
HTTP deve ser o post, a URL de destino deve ser "index.html". Não permita que o formulário seja enviado com os
campos em branco, ou seja, adicione validações de forma que ambos os campos sejam requeridos
Figura 1 - Formulário HTML
        
<form action="index.html" method="post"> 
 <label for="usuario"><b>Usuário:</b></label> 
 <input type="email"  required>
 <label for="senha"><b>Senha:</b</label>
 <input type="password" id="password" name="senha" required>
 <input type="submit" value="Enviar">
 </form>
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687
https://ava.candidomendes.edu.br/moodle/mod/resource/view.php?id=479687