Ferramentas de Desenvolvimento WEB

Prévia do material em texto

*** PROJETANDO SITE 
1 - Quais são os passos para o desenvolvimento do site/aplicação web? 
Formalização de requisitos, guia do projeto, construção da aplicação e documentação. 
 
2 - Quais são as fases do projeto de um site/aplicação web, segundo o modelo incremental? 
Planejamento, análise, projeto, implementação e testes. 
 
3 - São requisitos de segurança relacionados a um projeto de site/aplicação web: 
Autenticação, desempenho, disponibilidade e confidencialidade. 
 
4 - São requisitos de qualidade relacionados a um projeto de site/aplicação web: 
Usabilidade, funcionalidade, confiabilidade e eficiência. 
 
5 - O que é PMBOK? 
Project Management Body of Knowledge. É um conjunto de regras e práticas para a gestão e planejamento de projetos. 
 
*** ARQUITETURA DA WEB 
1 - A criação de um sistema baseado na Web em três camadas apresenta benefícios para quem desenvolve o sistema 
e para os responsáveis por manter essa aplicação em funcionamento. Em virtude de ele ser dividido em três camadas, 
cada uma delas tem uma função específica dentro do seu contexto. A camada de apresentação: 
é a interface do sistema, que são as telas e as formas como o usuário interage com o sistema ou aplicativo. 
 
2 - A arquitetura Web apresenta diferentes modelos. Cada um deles reúne características que os definem e os 
diferenciam entre si, trabalhando componentes de sistemas de formas distintas. Os dois modelos que representam o 
atual cenário de aplicações Web são: monolítico e microsserviços. Dadas as características em comum entre eles, 
todos parecem ter uma mesma base, mesmo com suas distinções. Assinale a afirmativa correta quanto às 
características presentes nos modelos: 
Todos os modelos de arquitetura utilizam o acesso aos dados por ambiente Web usando protocolos de rede da Internet como 
HTTP, FTP, URL e SMTP. 
 
3 - O uso de protocolos de Internet é comum entre serviços da Web. Como forma de comunicação dos dados entre 
aplicativos por parte do usuário e do servidor de dados, a troca de informação acontece com o uso desses padrões 
Web. Um dos principais protocolos da Internet é o que permite a comunicação e a transferência de dados na grande 
rede e tem por característica uma versão mais simples e outra com uma camada de segurança. Indique a qual 
protocolo o enunciado se refere: 
HTTP — Hypertext Transfer Protocol, ou Protocolo de Transferência de Hipertexto. 
 
4 - No início da década de 1990 surgia a Web. Mas, em comparação com o que vemos no atual século, os primórdios 
da World Wide Web não eram nem sombra do que ela chegou a ser. Criada para ser uma tecnologia de comunicação 
mais eficiente do que o telefone, o código Morse, os Correios e os telégrafos, a Web trouxe ao mundo uma verdadeira 
revolução nas tecnologias de informação e comunicação. Sobre o surgimento da Web: 
Foi criada por Tim Berners-Lee nos laboratórios da CERN (Organização Europeia para a Pesquisa Nuclear), no intuito de 
propagar pesquisas científicas com pesquisadores do mundo todo. 
 
5 - A HTML (HyperText Markup Language) é uma linguagem de marcação de hipertexto. Ela se tornou o padrão desde 
o surgimento da Web até os dias atuais, independentemente do modelo de arquitetura Web utilizado. Ao longo desse 
tempo, ela passou por evoluções naturais, e novos recursos foram sendo incorporados ao seu uso. Folhas de estilo 
em CSS em seu código são utilizadas: 
com a versão 3.0, desde 1997. 
 
*** ANÁLISE DO SISTEMA 
1 - São características do modelo incremental: 
É flexível, possui gerenciamento de riscos e de fácil atualização. 
 
2 - Qual a função do banco de dados em uma aplicação Web? 
É onde as informações ficam salvas e podem ser lidas e alteradas. 
 
3 - O que é um modelo lógico? 
Modelo utilizado para mapear as partes da solução de um problema. 
 
4 - O que é uma chave primária? 
A coluna que é utilizada como índice no banco de dados. 
 
5 - O que é uma chave estrangeira? 
A coluna em outra tabela que faz relação à chave primária. 
 
 
*** NAVEGADORES 
1 - A web surgiu como uma das tecnologias mais promissoras. Com seu modo de trafegar informação, foi por meio 
dos navegadores que se iniciou a popularização da grande rede, com a troca de hipermídias por meio de páginas web. 
Sobre os navegadores, analise as afirmações a seguir: 
I. Os primeiros navegadores surgiram na década de 1960. 
II. A primeira organização a desenvolver um navegador foi a Netscape. 
III. O primeiro navegador da Microsoft foi o Internet Explorer. 
IV. A Mozilla é a fundação desenvolvedora do navegador Firefox. 
Quais são as afirmativas corretas? 
As afirmativas III e IV estão corretas. 
 
2 - Os primeiros navegadores surgiram com páginas web ainda de maneira textual. O primeiro navegador surgiu de 
pesquisas na National Center For Supercomputing Applications (NCSA), em que vários grupos e pesquisadores se 
empenharam para que esse navegador se tornasse realidade. Qual é o nome do primeiro navegador? 
Mosaic. 
 
3 - O navegador é um programa do lado cliente, responsável por realizar transações entre as requisições de usuários e 
o lado servidor. Quando um usuário digita uma URL ou domínio de um site na barra de endereços, todo um processo é 
iniciado em plano de fundo, com o navegador operando alguns protocolos da Internet para realizar a operação 
solicitada. Sobre protocolos e navegadores, analise as afirmações a seguir: 
I. HTTP 
II. FTP 
III. HTML 
IV. SMTP 
Quais são os protocolos de Internet utilizados por navegadores? 
I, II e IV. 
 
4 - Os navegadores têm características em comum, mesmo com os diversos modelos e versões. Sobre as 
características em comum estão o uso de protocolos padrão da Internet, como HTTP e SMTP, e o fato de serem 
programas cliente usados como interface entre o usuário e um servidor. Existem outras características de programas, 
como: 
I. navegação por abas 
II. instalação de plug-ins e extensões 
III. configuração de proxy de rede 
IV. controle do histórico de navegação 
V. controle de cookies 
Sobre os navegadores, está correto o que se afirma em: 
I, II, III, IV e V. 
 
5 - Mesmo tendo como foco principal a navegação do usuário na Internet, os navegadores modernos vão além e 
oferecem serviços adicionais. Seja para proteção ou como forma de adicionar extensões às suas funções, é comum o 
uso de uma forma de controlar dados de maneira temporária, a fim de poder abrir uma página visitada anteriormente 
de maneira mais rápida. Essa capacidade é chamada de: 
caching. 
 
*** CRIAÇÃO E FORMATAÇÃO DE PÁGINAS WEB COM HTML 
1 - Quais são as quatro TAGs básicas essenciais do HTML? 
< html >, < head >, < body > e < title >. 
 
2 - Quais são as TAGs utilizadas como "cabeçalhos de título" dentro de um documento HTML? 
As TAGs < h1 > até < h6 >. 
 
3 - São formatos de imagens que podem ser inseridos no HTML. 
GIF, JPG e PNG. 
 
4 - Qual a TAG indicada para uma quebra de linha dentro de um mesmo parágrafo? 
< br/ >. 
 
5 - Quais são os tipos de listas que podemos ter no HTML? 
Do tipo ordenada < ol > e do tipo não ordenada < ul >. 
 
*** TRABALHANDO COM LINKS E FORMULÁRIOS 
1 - Deseja-se criar uma página de contatos em um site empresarial. Você quer que seu formulário envie a data atual em 
um dos campos. Entretanto, esse campo não pode ser editável, caso contrário o usuário conseguiria fraudar a data de 
envio. Qual tipo de campo input poderia ser utilizado para isso? 
Hidden. 
 
2 - Ao criar um site para uma empresa de jornalismo, você utilizou links absolutos. Qual é o problema dessa 
abordagem? 
Links absolutos levam em consideração que o endereço do site seja constante. Se ele for alterado, todos os links pararão de 
funcionar. 
 
3 - Ao criar um site, o programador opta por utilizar campos do tipo text para receber senhas. Qual é o problema dessa 
abordagem? 
Campos text permitem que as senhas digitadas sejam visualizadas. 
 
4 - Ao analisar o formulário criado por um programador iniciante, você notou que o formulário não estava sendo 
enviado. Observe o código a seguir: 
<formaction=”processa.php” method=”post”> 
 <input type=”text” name=”nome”> 
 <input type=”text” name=”contato”> 
 <textarea></textarea> 
 <input type=”button” value=”Enviar”> 
</form> 
O código apresenta vários problemas. Qual solução a seguir resolveria o problema do envio? 
Substituir o tipo do botão enviar para submit. 
 
5 - Você está desenvolvendo um site com soluções para questões do ENEM (Exame Nacional do Ensino Médio). Para 
cada questão, você adicionou em seu site um texto explicando a solução e um vídeo. Entretanto, ao clicar no link para 
o vídeo, a página é redirecionada, fazendo com que o usuário não consiga ler o texto ao mesmo tempo. Qual atributo e 
valor poderiam ser adicionados ao link do vídeo para solucionar esse problema? 
target=”_blank”. 
 
*** CRIAÇÃO E FORMATAÇÃO DE PÁGINAS WEB COM CSS 
1 - De que formas a CSS pode ser definida no HTML? 
Inline, interna e externa. 
 
2- Como é o "Bloco de declaração" de uma regra de CSS? 
Seletor｛propriedade:valor;｝ 
 
3 - São tipos de seletores de CSS: 
TAG, ID, classe, pseudoclasse e atributo. 
 
4 - Que propriedade e valor de um seletor utliza-se para deixar dois elementos "lado a lado" em uma página? 
float:left e float:right 
 
5 - O que é um seletor universal e como é representado? 
Um seletor que formatará todos os elementos dentro de uma página, representado por um asterisco (*). 
 
*** APLICAÇÃO DE LAYOUT HTML+CSS 
1 - 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. 
A declaração <! DOCTYPE> não é uma tag HTML, mas uma instrução para o navegador da web identificar a versão do HTML. 
 
2 - 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? 
<header> , <footer> , <article> , <aside> , <section> , <nav> 
 
3 - 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: 1 - <header> 
 2 - <nav> 
 3 - <aside> 
 4 - <section> 
 5 - <article> 
 6 - <footer> 
A sequência correta é: 
A=1 , B=2 , c=4 , D=6 
 
 
 
4 - 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: 
 .center{ 
 color: red; 
 text-align: center; 
 } 
Serão centralizados e coloridos de vermelho os textos incluídos: 
em todos os elementos que tiverem a classe com nome o center. 
 
5 - 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 justificado e 
uma imagem na largura 285px e alinhada à direita. 
 
*** COMPORTAMENTO COM JAVASCRIPT 
1 - Podemos dividir uma ação feita com o JavaScript em dois elementos básicos. Quais são? 
Função e evento. 
 
2 - São exemplos de eventos do JavaScript: 
OnClick, OnSubmit e OnLoad. 
 
3 - São métodos de JavaScript bastante utilizados: 
Alert(), Confirm() e Prompt(). 
 
4 - Qual a sintaxe correta de um código JavaScript? 
<script type='text/javascript'>conteúdo do Script; </script> 
 
5 - Qual a função de uma VARIÁVEL no JavaScript? 
Ter um valor que varia ou que pode ser inserido pelo usuário. 
 
*** SERVIDORES DE PÁGINA E DE APLICAÇÃO 
1 - De acordo com Comer (2016, p. 510), um dos serviços dos servidores Web muito úteis "permite a uma companhia 
substituir um servidor único por um centro de dados que contém vários computadores, cada um deles rodando uma 
cópia do servidor Web; distribui as requisições que chegam entre os servidores físicos". O serviço descrito é 
apresentado corretamente na alternativa: 
Balanceador de carga. 
 
2 - Hoje em dia, para que uma aplicação Web seja utilizada, pouco é requerido da parte do usuário, pois a maior parte 
de uma aplicação e dos dados está do lado do servidor. De maneira geral, aplicações Web se utilizam do protocolo 
HTTP para requisitar e obter como resposta um conteúdo vindo de um servidor. Sobre o protocolo HTTP, assinale a 
alternativa correta: 
O HTTP é um protocolo de comunicação entre o lado cliente e um servidor Web. 
 
3 - A Apache Foundation é uma fundação que promove e desenvolve tecnologias voltadas para a área de dados e de 
serviços para a Web. Ela tem diversas aplicações e sistemas que têm como tarefa executar e processar dados para 
promoção de serviços Web. Dentre as opções a seguir, assinale a que descreve corretamente um servidor Apache: 
Servidor Web capaz de receber requisições via HTTP e responder em formato HTML. 
 
4 - Servidores de aplicação e servidores Web têm diversas semelhanças, porém apresentam diferenças entre si. Um 
grande diferencial de servidores de aplicação é a forma de comunicação de dados que eles permitem. Uma delas é a 
"capacidade de permitir que diferentes sistemas, criados em linguagens de programação distintas como Java, Python, 
Ruby, PHP, etc., possam acessar os mesmos dados vindos de bancos de dados diversos". Essa capacidade está 
corretamente descrita na alternativa: 
APIs - Interfaces de Programação de Aplicativos. 
 
5 - Um servidor Web e outro de aplicação podem atuar de maneira conjunta, de acordo com a necessidade da 
aplicação que será hospedada em seus domínios. Entretanto, alguns servidores têm a capacidade de fazer o papel de 
servidor Web e de servidor de aplicação. Sobre os servidores Web, analise os seguintes: 
I. Apache HTTP 
II. NginX 
III. GlasshFish 
IV. Microsoft IIS 
Dos itens listados, são servidores híbridos (tanto Web como de aplicação) apenas: 
I e IV. 
 
*** CRIAÇÃO DE PÁGINAS WEB COM HTML5 
1 - Sobre a instrução < !DOCTYPE html > do HTML5, marque a alternativa correta: 
Indica que o documento hipertexto foi escrito na versão 5 do HTML. 
 
2 - Indique a alternativa correta em relação ao elemento < section > do HTML5: 
Representa uma ou mais áreas de uma página HTML5. 
 
3 - Selecione a alternativa correta em relação à formatação de parágrafos com a tag < pre > em HTML5: 
Exibe o texto formatado tal como foi digitado no código-fonte. 
 
4 - Marque a alternativa correta sobre âncoras em HTML5: 
Realizam o direcionamento para um ponto da mesma página web. 
 
5 - Em relação às listas do HTML5, selecione a alternativa correta: 
Uma lista pode ser aninhada com outras sublistas, inclusive com tipos diferentes de lista. 
 
*** Persistência de dados 
1 - Persistir dados é uma maneira de ter informações baseadas em dados constantemente atualizados e armazenados 
em locais seguros e com alta disponibilidade. Armazenar dados não foi sempre da mesma forma. Pensando nisso, 
sobre os modelos de bancos de dados e sua evolução história, é correto afirmar que: 
os bancos de dados NoSQL são próprios para o mundo do big data 
 
2 - Banco de dados relacional é um sistema de armazenamento de dados baseado nos relacionamentos entre 
elementos de dados buscando uma normalização dos dados. A base dos bancos de dados relacionais é: 
sua estrutura em tabelas 
 
3 - A linguagem Java tem formas de acessar bancos de dados próprios de sua estrutura. Seu principalframework isola 
o aplicativo de contato direto com o banco de dados, servindo como ponte entre o sistema criado e o sistema de 
banco de dados. Esse famoso framework é encontrado em qual alternativa? 
Hibernate 
 
4 - O Hibernate é utilizado de uma forma padrão de estruturar a conexão de aplicações Java em bancos de dados. A 
forma padrão de estruturar um documento de persistência de dados do Hibernate utiliza a linguagem: 
XML 
 
5 - Os sistemas gerenciadores de bancos de dados (SGBDs) são softwares projetados para ajudar a manter e utilizar 
conjuntos de dados em bancos de dados. Sobre as vantagens do uso de SGBDs, observe as afirmações a seguir: 
I. Independência entre dados e linguagem de programação. 
II. Agilidade no acesso aos dados. 
III. Segurança e integridade dos dados. 
IV. Acesso concorrente sem controle a falhas. 
V. Administração dos dados. 
Sobre as vantagens de SGBDs, estão corretas: 
I, II, III e V 
 
*** LINGUAGEM PHP I 
1 - PHP é uma linguagem que roda EXCLUSIVAMENTE no: 
Servidor. 
 
2 - Qual a sintaxe de um comentário de MÚLTIPLAS LINHAS no PHP? 
" /* comentário */ " 
 
3 - O que é um Array? 
Um conjunto de variáveis indexadas em uma lista. 
 
4 - São comandos do PHP para apresentar dados na tela: 
Echo e Print. 
 
5 - São estruturas de controle de repetição: 
FOR e WHILE. 
 
*** INTEGRAÇÃO DE PHP E MYSQL 
1 - Quais as três extensões do PHP para conexão no banco de dados MySQL? 
MySQL, MySQLi e PDO. 
 
2 - Que comandos do PHP são utilizados para reutilizar código de outro arquivo PHP? 
Include, Include_once, Require e Require_once. 
 
3 - Qual o comando para verificar o número de linhas encontradas em uma consulta SQL realizada com a biblioteca 
MySQLi? 
mysqli_num_rows 
 
4 - Para criarmos uma conexão com o banco de dados utilizando a biblioteca MySQLi, utilizamos a expressão: 
$conn = new mysqli(servidor, usuario, senha, banco_de_dados); 
 
5 - Para uma consulta simples com PHP e MySQLi, usamos a expressão: 
$sql = "SELECT * FROM banco"; 
 
*** INSTALAÇÃO DE APLICAÇÕES WEB 
1 - As aplicações Web já não são mais tão simples como no início. Com os recursos avançados a começar da 
evolução das próprias linguagens de programação, os requisitos de servidor de hospedagem aumentaram 
consideravelmente. A respeito das técnicas modernas para hospedagem de sites da Web, é correto afirmar: 
Integração contínua e entrega contínua são técnias que trabalham em conjunto. 
 
2 - Um projeto Web passa por diferentes fases, em que cada uma delas é o complemento da outra: da ideia inicial, 
passando por levantamento de requisitos, desenvolvimento, testes e a implantação do sistema em si no servidor Web. 
A fase final de instalação e implantação do sistema é conhecida por: 
deploy. 
 
3 - Entrega contínua é uma prática comum no desenvolvimento de sistemas Web e reconhecida como boa prática por 
acompanhar alterações de código automaticamente e verificar se estão prontos a serem submetidos ao ambiente de 
produção. Sobre os benefícios do uso dessa prática, está correto o que se afirma em: 
Entrega de atualizações mais rapidamente. 
 
 
 
4 - O versionamento de código via GIT é uma forma de gerenciar código-fonte ou arquivos de maneira a criar 
instâncias deles. Com esse sistema, é possível compartilhar arquivos entre vários autores e colaboradores sob a 
segurança de estar criando cópias de cada versão de arquivo. Sobre os benefícios de se utilizar o versionamento via 
GIT, analise as afirmações a seguir: 
I. Acompanhamento do histórico de alterações do arquivo 
II. Redundância e backup dos arquivos 
III. Aumento na velocidade e na produtividade no desenvolvimento 
IV. Menor acoplamento entre equipes de desenvolvimento e produção 
Estão corretas as afirmativas: 
I, II e III. 
 
5 - DevOps é uma cultura implementada em equipes de criação de aplicações cujo objetivo principal é trazer uma 
aproximação entre os times de desenvolvimento (programação) e produção (infra e manutenção de servidor e 
serviços). Com DevOps, o uso de algumas ferramentas traz mais agilidade ao processo de desenvolvimento, do 
projeto ao deploy. Sobre as ferramentas mais utilizadas, analise as afirmações a seguir: 
I. Docker é uma plataforma para criação de containers. 
II. Jenkins realiza a automatização de entregas e integrações contínuas. 
III. Flume realiza um controle de repositórios GIT. 
IV. ELK é uma ferramenta Apache para controle de versionamento de código. 
Está correto o que se afirma em: 
I e II. 
 
*** Projeto de software WebApps 
1 - Uma característica essencial de uma aplicação web é seu dinamismo. As necessidades de uma aplicação web 
podem mudar em pouquíssimo tempo, levando à necessidade de projetos que tomem cada vez menos tempo e 
aplicações cada vez mais adaptáveis às necessidades atuais de seus usuários. Sendo assim, qual das opções abaixo 
representa a melhor decisão ao se iniciar um projeto de WebApp? 
Adaptar modelos tradicionais, realizando todas as etapas previstas no processo de desenvolvimento, e, sempre que possível, 
realizar atividades em paralelo. 
 
2 - A entrada de um usuário em um WebApp pode ocorrer a partir de diversas origens, sendo um dos maiores desafios 
em projetos de WebApp. Em qual das atividades a seguir esse tipo de problema deve ser tratado? 
Projeto de interface. 
 
3 - Um projeto de arquitetura permite definir quais serão as regras de navegação em um WebApp, ou seja, por quais 
caminhos o usuário poderá seguir uma vez que estiver dentro da aplicação web. O modelo de arquitetura que permite 
o agrupamento de dois ou mais objetos por categoria e que é altamente aplicado em modelos de e-commerce é 
conhecido como: 
modelo em grade. 
 
4 - Todo projeto de WebApp deve levar em consideração alguns requisitos que, mesmo não especificados pelo 
usuário, são necessários. O principal grupo de requisitos a ser observado em um projeto de WebApp são os 
requisitos de qualidade, que devem estar presentes em qualquer projeto. Assim sendo, a descrição a seguir é 
referente a qual requisito de qualidade? “Capacidade de busca e recuperação de dados, facilidade de navegação e 
leitura das informações, características relacionadas ao domínio da aplicação, etc.” 
Funcionalidade. 
 
5 - O desenvolvimento de um projeto de WebApp deve atender a uma série de objetivos que, muitas vezes, não são 
especificados pelo usuário durante o processo de coleta de requisitos, mas que são observados em inúmeros 
projetos web, uma vez que, quando não aplicados, elevam as chances de fracasso do projeto. Observe a afirmação a 
seguir e responda a qual objetivo se refere: “O usuário espera que o conteúdo seja relevante às suas expectativas. A 
falta ou insuficiência de elementos pode levar ao fracasso do WebApp”. 
Robustez.