Projeto de Interfaces para Web

Description

Projeto de Interface - Questões
Cristiano Barcelos
Quiz by Cristiano Barcelos, updated more than 1 year ago More Less
silviacunha.m
Created by silviacunha.m about 9 years ago
Cristiano Barcelos
Copied by Cristiano Barcelos about 9 years ago
50
1

Resource summary

Question 1

Question
O W3C defende a ideia de uma Web única, em que, enquanto isso for razoável, a mesma informação e os mesmos serviços estejam disponíveis aos usuários independentemente dos dispositivos que eles estiverem usando (http://www.w3.org/TR/mobile-bp/#OneWeb). No entanto, o W3C não quer dizer que exatamente a mesma informação deve estar disponível exatamente com a mesma representação em todos os dispositivos. Considerando isso, é possível dizer que a proposta de Web Design Responsivo de Ethan Marcotte é uma forma de implementação da ideia de uma Web única? Escolha uma:
Answer
  • Não, pois o Web Design Responsivo apenas altera a forma de apresentação das informações e não as informações propriamente ditas.
  • Não, porque o Web Design Responsivo só se aplica a computadores, tablets e smartphones e não a outros aparelhos como TVs, computadores de bordo e óculos de realidade aumentada.
  • Sim, mas o Web Design Responsivo se limita aos recursos da especificação Media Queries.
  • Sim, mesmo que outras técnicas também possam ser usadas para termos apenas uma Web.

Question 2

Question
A regra @media foi criada na CSS2.1 para permitir Escolha uma:
Answer
  • a aplicação de regras de formatação específicas para cada tipo de mídia.
  • a criação de regras de formatação específicas de acordo com as dimensões da janela de visualização.
  • que a largura de um elemento da página fosse dimensionada como uma porcentagem da largura da janela de visualização.
  • que, quando a janela de visualização fosse maior que a largura da página, o espaço extra fosse igualmente dividido entre as margens esquerda e direita.

Question 3

Question
A especificação Media Queries foi criada na CSS2.1, antes do surgimento dos smartphones, e já permitia a definição de regras CSS diferentes para mídias diferentes, como screen e handheld. Os fabricantes de smartphones, no entanto, optaram por classificar seus aparelhos como uma mídia do tipo screen e isso foi um importante fator de motivação para se estender as Media Queries na CSS3, permitindo a criação de regras CSS também em função da resolução do aparelho. Se, no entanto, os fabricantes de smartphones tivessem adotado a mídia handheld para seus aparelhos, ainda haveria a necessidade dessa extensão das Media Queries na CSS3? Escolha uma:
Answer
  • Não, porque os smartphones, mesmo com resoluções diferentes, adotam uma quantidade limitada de pixels relativos (de 300px a 360px) e o tipo de mídia seria suficiente para distingui-los dos computadores.
  • Não, porque como os celulares antigos estão sumindo rapidamente do mercado, a mídia handheld poderia ser usada especificamente para os smartphones.
  • Sim, pois há uma variedade muito grande de tamanhos de tela e de resoluções entre smartphones e, portanto, a necessidade de um controle mais preciso sobre a apresentação.
  • Sim, pois ainda há navegadores que não reconhecem o tipo de mídia handheld e, portanto, necessitariam da extensão para a exibição correta das páginas nos smartphones.

Question 4

Question
Um polyfill é um trecho de código que Escolha uma:
Answer
  • testa se um determinado recurso está disponível em um navegador.
  • oferece uma funcionalidade não existente de forma nativa no navegador.
  • detecta se o dispositivo do usuário é portátil ou não.
  • oferece uma forma de se adaptar uma página para diferentes contextos de navegação.

Question 5

Question
O sistema de grade dos frameworks responsivos é construído por meio de Escolha uma:
Answer
  • elementos <table> da HTML.
  • elementos <frameset> da HTML.
  • manipulação do conteúdo da página com JavaScript.
  • ajustes na largura dos elementos (propriedade width da CSS).

Question 6

Question
O Bootstrap usa diversos recursos de acessibilidade em seus elementos. Um desses recursos é a classe sr-only que pode ser usada nos rótulos de campos de formulários e em outros lugares. O objetivo desse recurso é Escolha uma:
Answer
  • restringir a visualização das informações a telas apenas.
  • restringir a visualização das informações a leitores de telas apenas.
  • assegurar a visibilidade do rótulo em qualquer contexto.
  • assegurar que o rótulo só será apresentado quando o campo também for.

Question 7

Question
Os frameworks responsivos como o Bootstrap e o Foundation permitem a personalização dos componentes antes do download. Um dos objetivos dessa personalização é permitir Escolha uma:
Answer
  • a criação de regras de formatação específicas do desenvolvedor no código fonte do framework.
  • a incorporação de plug-ins em JavaScript externos ao framework.
  • a redução do tamanho do framework, eliminando componentes desnecessários em um determinado projeto.
  • a combinação com outros frameworks responsivos.

Question 8

Question
Os recursos dos frameworks são considerados padrões de projeto de interface, porque representam Escolha uma:
Answer
  • especificações formais, estabelecidas por entidades tradicionais, de como o usuário deve interagir com o site.
  • soluções de interface já experimentadas em vários projetos para problemas comuns de interação.
  • trechos prontos de código em JavaScript, evitando que o desenvolvedor tenha que criá-los.
  • uma metodologia de projeto de sites.

Question 9

Question
A técnica que reduz o tamanho dos arquivos textuais por meio da eliminação das informações que não são importantes para a apresentação das páginas é a Escolha uma:
Answer
  • URI de dados.
  • minimização de código (code minification).
  • eliminação de metadados.
  • compressão de dados no servidor.

Question 10

Question
Existem várias técnicas para aumentar o desempenho das páginas por meio da redução da quantidade de bytes a serem transferidos. Um exemplo de técnica assim é Escolha uma:
Answer
  • assegurar que os códigos JavaScript estão corretos.
  • mover todos os arquivos JavaScript externos para o fim da página em HTML.
  • mover todos os arquivos CSS externos para o início da página em HTML.
  • eliminar a sobreposição de regras de formatação em CSS.

Question 11

Question
Uma rede de distribuição de conteúdo (CDN) reduz o tempo de carga de uma página, pois Escolha uma:
Answer
  • facilita o reaproveitamento das bibliotecas que já tenham sido carregadas por outros sites.
  • oferece uma versão menor das bibliotecas mais usadas.
  • oferece um forma mais longa de armazenamento das bibliotecas no computador do usuário.
  • compacta os arquivos antes de enviar ao navegador.

Question 12

Question
Uma URI de dados é Escolha uma:
Answer
  • uma forma de combinar diferentes imagens em um único arquivo de imagens.
  • uma forma de URI que especifica o tempo que os dados devem ficar no cache do navegador.
  • uma forma de inserção de dados multimídia no corpo de uma página web.
  • uma forma de compressão de objetos multimídia.

Question 13

Question
O objeto $scope é um objeto de aplicação. Ele é usado para Escolha uma:
Answer
  • definir o conteúdo a ser apresentado de acordo com o fragmento do URL.
  • permitir a separação de tarefas específicas do resto do contexto.
  • definir a lógica da aplicação no contexto de uma visão.
  • criar uma ligação de dados entre o modelo e a visão.

Question 14

Question
O que o módulo ngRoutes faz? Escolha uma:
Answer
  • Cria uma ligação bidirecional de dados entre a visão e o controlador.
  • Mapeia diferentes fragmentos de URL a diferentes blocos de conteúdo.
  • Permite que os dados em JSON sejam recuperados ou enviados a um servidor.
  • Estabelece o conjunto de serviços que serão usados em uma determinada página.

Question 15

Question
As imagens incorporadas por meio do framework AngularJS devem ser encaixadas em um elemento <img> por meio da diretiva “ng-src” e não pelo tradicional atributo “src”. A razão para isso é que Escolha uma:
Answer
  • o framework desabilita o carregamento de imagens por meio do atributo “src”.
  • o framework não permite a inclusão de uma expressão dentro do atributo “img”.
  • o navegador tentará carregar a imagem antes que o framework processe a página.
  • o framework recomenda que todos os atributos da HTML sejam prefixados com “ng-“.

Question 16

Question
O que é uma diretiva? Escolha uma:
Answer
  • É um conjunto de elementos e atributos incorporados por meio do roteamento.
  • É uma propriedade que transforma os dados a serem apresentados.
  • É um atributo que associa um comportamento a um elemento da página.
  • É um trecho de código que é substituído por um dado do modelo.

Question 17

Question
Um pixel de referência (ou pixel CSS) significa Escolha uma:
Answer
  • o menor ponto colorido que a tela do dispositivo é capaz de apresentar.
  • o tamanho do pixel físico de uma tela com 320 pixels de largura e um tamanho de 3,5 polegadas, que serve como referência para o tamanho das outras coisas.
  • o tamanho do ponto físico observado a uma determinada distância da tela.
  • um determinado tamanho de ponto a partir de uma determinada distância da tela, que serve como referência para o tamanho das outras coisas.

Question 18

Question
A detecção de recursos feita por bibliotecas como a Modernizr é feita por meio da Escolha uma:
Answer
  • tentativa de uso do recurso e verificação do sucesso desse uso.
  • análise da User Agent String.
  • consulta a uma base de dados como a WURLF.
  • tentativa de uso de polyfills.

Question 19

Question
Considere as seguintes afirmações sobre os frameworks responsivos: I – Os elementos de formulário originais da HTML são descartados pelos frameworks e os campos são construídos por meio de <div>s e de formatação em CSS. II – O ajuste do layout para cada classe de dispositivo é feito por meio das media queries. III – Os componentes que estendem as funcionalidades dos frameworks, como as janelas popup e os slideshows, são construídos apenas com os padrões web (HTML, CSS e JavaScript). É correto o que se afirma em Escolha uma:
Answer
  • I e II, apenas.
  • I e III, apenas.
  • II e III, apenas.
  • I, II e III.

Question 20

Question
O código CSS e o código JavaScript devem sempre ser escritos dentro do arquivo HTML PORQUE uma das principais recomendações da otimização de páginas web é a redução do número de recursos externos. Analisando-se essas informações, conclui-se que Escolha uma:
Answer
  • as duas informações são verdadeiras e a segunda justifica a primeira.
  • as duas informações são verdadeiras, mas a segunda não justifica a primeira.
  • a primeira afirmação é falsa e a segunda verdadeira.
  • as duas afirmações são falsas.

Question 21

Question
A classe do framework AngularJS usada para formatar campos de formulários com os quais o usuário ainda não interagiu é Escolha uma:
Answer
  • ng-valid
  • ng-invalid
  • ng-pristine
  • ng-dirty

Question 22

Question
Considere as seguintes afirmações sobre as expressões em AngularJS: I – A expressões são analisadas dentro do contexto de um objeto escopo ($scope). II – Uma expressão inválida resulta em null ou undefined. III – Uma expressão pode incluir laços de repetição com o uso dos comandos for ou while. IV – Uma expressão pode ser formatada por meio do uso de filtros. É correto o que se afirma em Escolha uma:
Answer
  • I, II e III, apenas.
  • I, II e IV, apenas.
  • I, III e IV, apenas.
  • II, III e IV, apenas.
Show full summary Hide full summary

Similar

Web Design
rose.santos8
Curso AlgaWorks - Angular, Rest,SpringBoot
Carlos Eduardo De Barros Souza
OBJETOS DE APRENDIZAGEM
energiaazul
PHP e Laravel
Danilo Righetto
AngularJs 1.3.x
Wesley Lemos
Curso Básico I PHP & MYSQL
Silvio H Fleming
GRADES Mobile App
Aldo Hembherty
FPC - Formação Profissional em Computação COM200
Cláudio Cuimar
Projeto de Programação de Sistemas: Criando um Aplicativo : MY NOTE BY ENIAC
Sandra Fialho
Interface do Revit
Mateus Azevedo