Projeto de Interfaces para Web

Question 1 of 22

Medal-premium 1

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:

Select one of the following:

  • 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 of 22

Medal-premium 1

A regra @media foi criada na CSS2.1 para permitir

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

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:

Select one of the following:

  • 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 of 22

Medal-premium 1

Um polyfill é um trecho de código que

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

O sistema de grade dos frameworks responsivos é construído por meio de

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

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:

Select one of the following:

  • 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 of 22

Medal-premium 1

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:

Select one of the following:

  • 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 of 22

Medal-premium 1

Os recursos dos frameworks são considerados padrões de projeto de interface, porque representam

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

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:

Select one of the following:

  • URI de dados.

  • minimização de código (code minification).

  • eliminação de metadados.

  • compressão de dados no servidor.

Question 10 of 22

Medal-premium 1

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:

Select one of the following:

  • 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 of 22

Medal-premium 1

Uma rede de distribuição de conteúdo (CDN) reduz o tempo de carga de uma página, pois

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

Uma URI de dados é

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

O objeto $scope é um objeto de aplicação. Ele é usado para

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

O que o módulo ngRoutes faz?

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

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:

Select one of the following:

  • 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 of 22

Medal-premium 1

O que é uma diretiva?

Escolha uma:

Select one of the following:

  • É 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 of 22

Medal-premium 1

Um pixel de referência (ou pixel CSS) significa

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

A detecção de recursos feita por bibliotecas como a Modernizr é feita por meio da

Escolha uma:

Select one of the following:

  • 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 of 22

Medal-premium 1

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:

Select one of the following:

  • I e II, apenas.

  • I e III, apenas.

  • II e III, apenas.

  • I, II e III.

Question 20 of 22

Medal-premium 1

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:

Select one of the following:

  • 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 of 22

Medal-premium 1

A classe do framework AngularJS usada para formatar campos de formulários com os quais o usuário ainda não interagiu é

Escolha uma:

Select one of the following:

  • ng-valid

  • ng-invalid

  • ng-pristine

  • ng-dirty

Question 22 of 22

Medal-premium 1

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:

Select one of the following:

  • I, II e III, apenas.

  • I, II e IV, apenas.

  • I, III e IV, apenas.

  • II, III e IV, apenas.

Icon_fullscreen

Projeto de Interfaces para Web

Cristiano Barcelos
Quiz by , created about 1 year ago

Projeto de Interface - Questões

Eye 45
Pin 1
Balloon-left 0
silviacunha.m
Created by silviacunha.m about 1 year ago
Cristiano Barcelos
Copied by Cristiano Barcelos about 1 year ago
Close