Exercicios Ferramentas de Desenvolvimento Web

Prévia do material em texto

Esses aparelhos são diferentes, mas possuem funcionalidades semelhantes.
Selecione a alternativa que apresenta orientação de design de interface utilizada nos aparelhos da imagem:
Consistência e Padrões
A Interação  Humano-Computador  (IHC)  trabalha com o projeto (design),  avaliação  e  implementação  de  sistemas  computacionais interativos  para  uso humano, investigando seu contexto de utilização. A construção de interfaces com alta qualidade é um dos campos de estudo da IHC. Nessa área são utilizadas algumas terminologias.
Assinale a alternativa que apresenta uma definição correta de interação.
Selecione a resposta correta:
Interação é o processo de comunicação entre pessoas e sistemas interativos.
O Design de Interface do Usuário deve ser pensado de maneira a não gerar momentos de insegurança ao usuário, deixando claros os resultados das ações e garantindo a realização simples e eficiente das tarefas. Jakob Nielsen, cientista da computação, criou um conjunto de dez heurísticas que orientam o projeto de uma boa interface que pretende oferecer uma ótima experiência de uso.
Quatro dessas heurísticas são: Consistência e padrões; Prevenção de erro; Reconhecer ao invés de relembrar; Estética e design minimalista.
Assinale a alternativa que apresenta uma definição correta de uma dessas quatro heurísticas de design:​​​​​​​
Selecione a resposta correta:
Manter padrões de interação em diferentes contextos.
Esta é a resposta correta
Wireframe é um esboço: uma simulação de como a interface deverá funcionar. Além de fornecer toda a estrutura para o designer elaborar o layout, ele fornece os elementos funcionais (como a navegação, por exemplo) que serão usados por um desenvolvedor.
Sobre os wireframes é correto afirmar:
Selecione a resposta correta:
Um wireframe permite visualizar as informações e comportamento de um site.
Você acertou!
Com o desenvolvimento de interfaces, os comandos de programação foram se transformando em botões no teclado, computador, mouse, itens de menu, na tela, entre outros. Proporcionando cada vez mais uma melhor experiência ao usuário.
Os itens a seguir são elementos que caracterizam a evolução das interfaces:
I. Interface a nível de programador (Cobol, Fortran)
II. Interface a nível de hardware, com painel de chaves
III. Interface a nível de grupos de trabalhos e sistemas distribuídos
IV. Interface a nível de diálogo como interação (GUIs, multimídia)
V. Interfaces pervasivas
VI. Interface a nível de terminal com linha de comando
Assinale a alternativa que organiza esses itens em ordem cronológica do mais antigo para o mais novo.
Selecione a resposta correta:
II – I – VI – IV – III - V
Você acertou!
Quais são as quatro TAGs básicas essenciais do HTML?
Selecione a resposta correta:
< html >, < head >, < body > e < title >.
Quais são as TAGs utilizadas como "cabeçalhos de título" dentro de um documento HTML?
As TAGs < h1 > até < h6 >.
São formatos de imagens que podem ser inseridos no HTML.
Selecione a resposta correta:
GIF, JPG e PNG.
Você acertou!
Qual a TAG indicada para uma quebra de linha dentro de um mesmo parágrafo?
Selecione a resposta correta:
< br/ >.
Quais são os tipos de listas que podemos ter no HTML?
Do tipo ordenada < ol > e do tipo não ordenada < ul >.
Você acertou!
De que formas a CSS pode ser definida no HTML?
Selecione a resposta correta:
Inline, interna e externa.
Você acertou!
Como é o "Bloco de declaração" de uma regra de CSS?
Selecione a resposta correta:
Seletor｛propriedade:valor;｝
Você acertou!
São tipos de seletores de CSS:
Selecione a resposta correta:
TAG, ID, classe, pseudoclasse e atributo.
Você acertou!
Que propriedade e valor de um seletor utliza-se para deixar dois elementos "lado a lado" em uma página?
Selecione a resposta correta:
float:left e float:right
Esta é a resposta correta
O que é um seletor universal e como é representado?
Selecione a resposta correta:
Um seletor que formatará todos os elementos dentro de uma página, representado por um asterisco (*).
Você acertou!
Podemos dividir uma ação feita com o JavaScript em dois elementos básicos. Quais são?
Selecione a resposta correta:
A
Variável e constante.
Comentários da resposta
Variável e constante são recursos específicos, e não elementos básicos do JavaScript.
B
Função e evento.
Você acertou!
Comentários da resposta
É a função que define o que ocorrerá, e o evento define quando ocorrerá a ação.
C
Função e variável.
Comentários da resposta
Variável é um elemento específico, e não básico do JavaScript.
D
IF e else.
Comentários da resposta
IF e else são recursos específicos, e não elementos básicos do JavaScript.
E
Evento e execução.
Comentários da resposta
Evento e execução são a mesma coisa no JavaScript, sendo necessário mais um elemento básico.
São exemplos de eventos do JavaScript:
Selecione a resposta correta:
A
OnClick, OnCharge e OnLoad.
Comentários da resposta
Não existe o evento OnCharge.
B
OnClick, OnSubmit e OnLoad.
Você acertou!
Comentários da resposta
Esses são os três exemplos de eventos de JavaScript.
C
OnForward, OnSubmit e OnLoad.
Comentários da resposta
Não existe o evento OnForward.
D
OnClick, OnSubmit e OnRewind.
Comentários da resposta
Não existe o evento OnRewind.
E
OnClick, OnReplay e OnLoad.
Comentários da resposta
São métodos de JavaScript bastante utilizados:
Selecione a resposta correta:
A
OnClick, OnSubmit e OnLoad.
Comentários da resposta
Esses recursos não são métodos de JavaScript.
B
Alarm(), Confirm() e Play().
Comentários da resposta
Não existem o métodos Alarm() e Play().
C
Alert(), Confirm() e Prompt().
Você acertou!
Comentários da resposta
Esses são métodos de aviso em janela no navegador.
D
if, elseif e else.
Comentários da resposta
Esses recursos não são métodos de JavaScript.
E
DOM, Canvas e Object.
Comentários da resposta
Qual a sintaxe correta de um código JavaScript?
Selecione a resposta correta:
​​​​​​​
Você acertou!
Qual a função de uma VARIÁVEL no JavaScript?
Selecione a resposta correta:
Ter um valor que varia ou que pode ser inserido pelo usuário.
Você acertou!
O HTML sofreu muitas atualizações ao longo do tempo e, atualmente, a versão HTML mais recente é HTML5.
HTML5 é, naturalmente, uma linguagem de marcação, mas adicionou uma infinidade de recursos para o original HTML e erradicou alguns dos rigores que estava presente no XHTML.
Com relação ao HTML, assinale a opção correta.
Selecione a resposta correta:
​​​​​​​
Você acertou!
O papel da HTML não é apenas estruturar documentos para a web, mas também descrever o significado do conteúdo presente nesses documentos por meio de tags semânticas, tornando o conteúdo mais claro tanto para programadores quanto para browsers e outras engines que processam essa informação.
Dadas as tags a seguir, quais são as utilizadas para prover a semântica no HTML5?
Selecione a resposta correta:
A
Você acertou!
Um desenvolvedor web mobile pretende utilizar os novos elementos semânticos disponíveis no HTML5 em suas páginas. Associe corretamente os elementos HTML5 enumerados com o posicionamento na ilustração que representa conceitualmente as partes de uma página HTML:
​​​​​​​​​​​​​​
Sendo
​​​​​​​A sequência correta é:
Selecione a resposta correta:
​​​​​​​
Esta é a resposta correta
CSS, folha de estilos em cascata, é uma linguagem que aplica formatações de estilo e de layout aos documentos web.
Na seguinte declaração CSS:
​​​​​​​
Serão centralizados e coloridos de vermelho os textos incluídos:
Selecione a resposta correta:
em todos os elementos que tiverem a classe com nome o center.
Esta é a resposta correta
Por meio do CSS, criou-se o conceito que prioriza o uso dos elementos HTML para marcar e estruturar o conteúdo do documento, não podendo ter nenhum atributo para a alteração visual, apenas para parte estrutural da página.
Analisando o código HTML a seguir:
​​​​​​​
Considerando a visualização dele no navegador, marque a opção correspondente.
A página utiliza um css incorporado e apresenta um título principal alinhado ao centro e na cor roxa, um parágrafo justificadoe uma imagem na largura 285px e alinhada à direita.
Esta é a resposta correta
PHP é uma linguagem que roda EXCLUSIVAMENTE no:
Selecione a resposta correta:
Servidor.
Você acertou!
Qual a sintaxe de um comentário de MÚLTIPLAS LINHAS no PHP?
Selecione a resposta correta:
" /* comentário */ "
Você acertou!
O que é um Array?
Selecione a resposta correta:
Um conjunto de variáveis indexadas em uma lista.
Você acertou!
São comandos do PHP para apresentar dados na tela:
Selecione a resposta correta:
Echo e Print.
Você acertou!
São estruturas de controle de repetição:
FOR e WHILE.
Você acertou!
O que é uma função no PHP?
Selecione a resposta correta:
Um bloco de instruções que realizam um determinado procedimento e que podem ser chamadas sempre que for necessário.
Você acertou!
É uma das vantagens da programação orientada a objetos:
Selecione a resposta correta:
 Reduzir o número de linhas de código evitando redundâncias e repetições.
Você acertou!
O que é uma classe?
Selecione a resposta correta:
Uma estrutura que define os tipos de dados (atributos e métodos) de seus objetos.
Você acertou!
O que é uma sessão?
Selecione a resposta correta:
Recurso utilizado para manter informações salvas entre as páginas de um site.
Você acertou!
Que comando utilizamos para encerrar uma sessão?
Selecione a resposta correta:
"session_destroy();"
Você acertou!
Quais as três extensões do PHP para conexão no banco de dados MySQL?
Selecione a resposta correta:
d) MySQL, MySQLi e PDO.
Você acertou!
Que comandos do PHP são utilizados para reutilizar código de outro arquivo PHP?
Selecione a resposta correta:
c) Include, Include_once, Require e Require_once.
Você acertou!
Qual o comando para verificar o número de linhas encontradas em uma consulta SQL realizada com a biblioteca MySQLi?
Selecione a resposta correta:
b) mysqli_num_rows
Você acertou!
Para criarmos uma conexão com o banco de dados utilizando a biblioteca MySQLi, utilizamos a expressão:
Selecione a resposta correta:
d) $conn = new mysqli(servidor, usuario, senha, banco_de_dados);
Esta é a resposta correta
Para uma consulta simples com PHP e MySQLi, usamos a expressão:
Selecione a resposta correta:
b) $sql = "SELECT * FROM banco";
Você acertou!