Atividade A2 DESENVOLVIMENTO WEB CLIENTE - Respostas

Prévia do material em texto

ATIVIDADE 2 (A2)
Respostas:
Questão 1
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
No dia a dia, a correria em cumprir prazos nos faz buscar e fazer uso de ferramentas que possam auxiliar na velocidade de desenvolvimento. Seja no front ou no design, em tempos de mudanças e transições, nada mais justo que uma lista de algumas ferramentas especiais para que você mantenha seu processo profissional e ágil. 
Assinale a alternativa que descreve corretamente a ferramenta Bootstrap: 
a. O Bootstrap conta com uma série de classes em CSS prontas, além de plugins em JavaScript (jQuery) para implementar recursos gráficos de maneira fácil e com pouco código. 
b. O Bootstrap é um sistema comercial, mas o investimento vale a pena, pois a equipe de desenvolvimento ágil consegue construir em menos de uma semana um sistema completo. 
c. O Boostrap é uma ferramenta que veio para substituir as Folhas de Estilo em Cascata, pois tem uma sintaxe totalmente própria e os componentes são visualmente mais bonitos. 
d. O Boostrap contém uma biblioteca de componentes que implementam as definições do HTML 5 e dá um ar mais profissional nos sistemas web. 
e. O Boostrap já tem embutido em sua definição o HTML, CSS e o JavaScript para construir qualquer sistema, sendo possível construir um site rápido apenas com plug-and-play. 
Questão 2
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
Frameworks são muito importantes para a agilidade e facilidade de realizar determinadas tarefas em seus projetos, mas devemos tomar muito cuidado ao usar frameworks. No caso daqueles voltados para o desenvolvimento front-end é preciso ter um ótimo conhecimento da linguagem nativa, no caso o HTML e o CSS, antes mesmo de pensar em utilizar algum framework. 
Selecione a opção que contém a sintaxe correta definir o conteúdo da imagem para que leitores de texto consigam informar a uma pessoa com deficiência visual qual o conteúdo da imagem: 
a. <img src="cinqueterre.jpg" class="img-responsive" value="Cinque Terre">. 
b. <img src="cinqueterre.jpg" class="img-responsive" content="Cinque Terre">. 
c. <img src="cinqueterre.jpg" class="img-rounded" alt="Cinque Terre">. 
d. <img src="cinqueterre.jpg" class="img-circle">. 
e. <img src="cinqueterre.jpg" class="img-bootstrap" read="Cinque Terre">. 
Questão 3
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
O framework Bootstrap tem várias vantagens mas também possui uma desvantagem apontada por desenvolvedores de uma forma geral. Por mais que a padronização seja algo buscado com o Bootstrap, o resultado pode acabar sendo muito parecido com demais sites. Existem muitas opções de botões, painéis e ícones, mas, ainda assim, é comum ver os mesmos elementos em diferentes portais. Isso acontece porque o framework é muito popular. 
Assinale a alternativa correta que descreve uma solução para o cenário apresentado. 
a. Contratar a versão completa do framework para ter acesso a recursos exclusivos. 
b. Investir um tempo de desenvolvimento para customizar o Bootstrap.
c. Contratar uma equipe de designers gráficos para construir todas as telas. 
d. Utilizar outro framework de front-end. 
e. Adotar apenas o CSS e transferir o custo de desenvolvimento para o cliente. 
Questão 4
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
A navegação disponível no Bootstrap compartilha várias marcações e estilos, desde a classe base “nav” até os estados ativo e desativo. Troque de classes modificadoras para mudar de estilo. Analise o trecho de código a seguir:
Com base nessas informações, selecione a opção que contém uma afirmação correta. 
a. A classe "nav-link" pode ser retirada dos elementos, pois o que vai definir os itens da lista é a disposição dentro da tag <nav>. 
b. O código não está completo, pois é necessário utilizar o atributo “order=valor” para indicar a ordem das opções na barra de navegação. 
c. A barra de navegação não será exibida, pois o valor de href tem que ser preenchido para essa navegação funcionar. 
d. Se for retirada a classe “nav” da tag <nav> mais externa, o componente de navegação deixará de existir, mesmo com os itens da barra de navegação.
e. Se for retirada a classe “active” do elemento “Ativo”, o próximo item da lista passa a ser o elemento ativo. 
Questão 5
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
O Bootstrap contém a definição de uma série de classes para os diversos componentes, inclusive imagens. É possível, assim, associar ao atributo class de uma tag <img> os valores “img-rouded”, “img-responsive” e “img-circle” para obter efeitos distintos nas imagens associadas. Analise agora o trecho de código a seguir: 
Com base no trecho de código anterior podemos afirmar que: 
a. O efeito da classe “img-responsive” é proporcionar um arredondamento nas bordas da imagem. 
b. Ao inserir os valores “img-rounded img-responsive”, o resultado será uma imagem com borda e adaptável a diferentes tamanhos de dispositivos. 
c. O efeito da classe “img-circle” é proporcionar um arredondamento nas bordas da imagem, com raio de 50%. 
d. O efeito da classe “img-rounded” é inserir uma borda na imagem, com raio de 30%. 
e. Ao inserir os valores “img-circle img-responsive” o resultado será uma imagem em formato circular e adaptável a diferentes tamanhos de dispositivos. 
Questão 6
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
Um carrossel de imagens consiste em um conjunto de imagens que pode ser visualizado como uma apresentação ou slide show. É um tipo de componente muito utilizado para dar dinamicidade ao sistema web. Com o Bootstrap é possível construir um carrossel de imagens utilizando as classes do framework, como apresentado no trecho de código abaixo: 
Fonte: Elaborado pela autora, 2019. 
Sobre o trecho de código anterior, podemos afirmar que: 
a. Para adicionar novas imagens, é necessário apenas acrescentar um item na lista "carousel-indicators".  
b. Para adicionar novas imagens, é necessário acrescentar um item na lista "carousel-indicators" e a imagem na div "carousel-inner".  
c. Para adicionar novas imagens, é necessário apenas acrescentar a imagem na div "carousel-inner".  
d. Somente imagens de alta resolução podem ser inseridas nesse carrossel. 
e. Para que o carrossel de imagens seja exibido corretamente na tela do usuário é necessário informar o atributo alt associado com cada imagem do carrossel. 
Q7
Questão 7
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
O Bootstrap é um framework front-end que permite a construção de interface gráfica responsiva que se adaptam a dispositivos de diferentes tamanhos. Essa propriedade é bem interessante, mas não exime o desenvolvedor de realizar testes prévios de sua aplicação em dispositivos de tamanhos diferentes. 
Assinale a alternativa abaixo sobre os testes em dispositivos de diferentes tamanhos. 
 
a. Devem ser testados apenas fisicamente em todos os dispositivos para ter a ideia de como está a visualização do sistema web. 
b. Os testes podem ser feitos por qualquer desenvolvedor, utilizando o recurso gratuito já presente em todos os navegadores. 
c. É importante ter um profissional da área de design para fazer a definição do layout para cada dispositivo e fazer esse teste. 
d. É possível adquirir uma ferramenta comercial que garante que o sistema será adaptável a dispositivos de tamanhos diferentes. 
e. O teste deve ser feito de acordo com a demanda, pois é impossível adquirir todas as combinações possíveis de tamanho de telas de dispositivos. 
Questão 8
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
As listas são comumente utilizadas nas páginas HTML para apresentar de forma organizada uma enumeração de elementos. Considere a lista apresentada abaixo: 
O trecho HTML que foi utilizado para renderizar essa lista está apresentado no trecho de código a seguir com Bootstrap:
Com base nessasinformações, selecione a opção que contém uma afirmação correta. 
a. A classe "list-group-item" pode ser retirada dos elementos, pois o que vai definir os itens da lista é a disposição dentro da tag <div>. 
b. O código não está completo, pois é necessário utilizar os elementos <ul> e <li> para definir uma lista. 
c. Se for retirada a classe “active” do Segundo item, a cor azul não será exibida nesse item da lista. 
d. Se for retirada a classe “container” da <div> mais externa, a lista deixará de existir e os textos serão dispostos em uma única linha. 
e. Os itens da lista não serão exibidos, pois o valor de href tem que ser preenchido para essa lista funcionar. 
Questão 9
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
Além de padronizar uma série de parâmetros, o Bootstrap é uma das formas mais fáceis de deixar um sistema web responsivo. A responsividade significa que o sistema web é adaptável a diferentes tipos de tela, como diferentes smartphones, tablet ou computador. 
Selecione a opção que corresponde a uma afirmativa correta com relação a modificações no código que podem afetar responsividade proporcionada pelo Bootstrap: 
a. Deve ser feito override da propriedade width da classe container no próprio arquivo CSS do framework ou em outro arquivo CSS. 
b. O código não pode ter imagens, pois elas são complicadas de adaptar a diferentes dispositivos.
c. Deve ser utilizada a classe “container” na tag <head>. 
d. A folha de estilo indicada neste caso é a externa, pois todas as alterações ficam concentradas em um único arquivo. 
e. Deve ser incluída a tag <meta name=”viewport”> dentro da seção <head> do HTML. 
Questão 10
Ainda não respondida
Vale 1,00 ponto(s).
Marcar questão
Texto da questão
Mais do que outros framework front-end, o Bootstrap tem se tornado ao longo dos anos uma dos frameworks mais importantes para a criação de sistemas web, pois seus padrões seguem os princípios de usabilidade e as tendências de design para interfaces. 
Selecione a opção que descreve a diferença entre framework e biblioteca: 
a. Um framework é um mecanismo comercial que exige o pagamento de licença de utilização, já uma biblioteca é gratuita e, geralmente, tem código aberto. 
b. Uma biblioteca é um mecanismo comercial que exige o pagamento de licença de utilização, já um framework é gratuito e, geralmente, tem código aberto. 
c. Não há diferença entre framework e biblioteca. 
d. Em um framework, as funções operam de forma relativamente independente e em uma biblioteca há relações já embutidas de dependência entre os componentes. 
e. Nas bibliotecas, as funções operam de forma relativamente independente e em um framework há relações já embutidas de dependência entre os componentes.