DESENVOLVIMENTO WEB EM HTML5, CSS, JAVASCRIPT E PHP

Prévia do material em texto

1. Em relação à responsabilidade de realizar as requisições no modelo Cliente x Servidor, 
assinale a alternativa correta: 
A- Uma das principais vantagens deste modelo é permitir a separação de 
responsabilidades. Com isso, caberá sempre e unicamente ao cliente realizar as 
requisições de serviços e/ou recursos, tendo o lado servidor um caráter sempre 
passivo. 
B- Embora inicialmente limitado a redes internas, com o surgimento da internet o 
modelo Cliente x Servidor evoluiu, tornando-se um modelo híbrido e bastante flexível, 
separado em N camadas, onde tanto o cliente quanto o servidor podem exercer as 
mesmas funções, ou seja, ambos podem requisitar e responder a solicitações. 
C- Para diminuir o custo de processamento no lado servidor, um cliente poderá 
solicitar a outros clientes recursos ou serviços já utilizados por eles. Isso é possível 
graças ao suporte fornecido por este modelo à comunicação Cliente x Cliente. 
D- Neste modelo, o lado cliente é, normalmente, o responsável por iniciar a 
comunicação através da realização de requisições ao lado servidor. Entretanto, o lado 
servidor também é capaz de iniciar a comunicação, disparando notificações ou 
enviando mensagens para o lado cliente, por exemplo. 
 
Comentário 
Parabéns! A alternativa "D" está correta 
Conforme visto na seção Solicitação e Resposta, normalmente é o cliente que inicia a 
comunicação no modelo Cliente x Servidor. Entretanto, o lado servidor também é capaz de 
realizar esta tarefa. 
 
2. Nós vimos que o modelo Cliente x Servidor é a base do Ambiente Web. Assinale a opção 
correta que descreve o Ambiente Web: 
A- O Ambiente Web é composto por diversos clientes e diversos servidores. Neste 
cenário, os clientes utilizam a internet e fazem requisições a diferentes servidores, 
localizados em diferentes partes do mundo. Os servidores então processam a 
requisição e devolvem a informação requisitada ou executam o serviço solicitado pelo 
cliente. 
B- No Ambiente Web, diferente do que acontecia nos primeiros Modelos de Camadas, 
há um modelo centralizado. Logo, todas as requisições são feitas a um único servidor, 
que as distribui para outros servidores e depois envia as respostas para os clientes. 
C- O avanço da tecnologia e o suporte oferecido pela internet permitiram uma 
importante mudança no Ambiente Web em relação aos modelos tradicionais de 
camadas. Com isso, neste Ambiente, o lado cliente tem as principais 
responsabilidades, incluindo manter no navegador ou em aplicativos mobile toda a 
lógica do negócio, facilitando assim o trabalho de processamento pelo lado servidor e 
agilizando a comunicação. 
D- O Ambiente Web é caracterizado, sobretudo, pela transparência, diferentemente 
do que era visto inicialmente no modelo Cliente x Servidor. Com isso, um cliente 
sempre terá controle total sobre o processo de comunicação por trás da requisição. Ele 
terá ciência, por exemplo, de onde se encontra o servidor ou servidores encarregados 
de receber e processar a sua requisição. Isso permite, por exemplo, que ele cancele a 
requisição a qualquer momento, caso o servidor encarregado de processá-la fique 
muito distante de onde ele se encontra. 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
Conforme visto na seção O Ambiente Web, o ambiente web tem como base o modelo Cliente x 
Servidor e a evolução de seu Modelo de Camadas. Faz uso, portanto, de um modelo de N 
camadas, onde a lógica da aplicação e os dados são distribuídos em um ou mais servidores e a 
interface para acesso a estes servidores fica a cargo do cliente. 
 
3.Assinale a alternativa que não corresponde ao conceito de interface: 
A- A interface tem como objetivo proporcionar uma comunicação mais natural entre 
usuário e sistema computacional. 
B- Interface é o meio pelo qual interagimos com um software, com uma aplicação, 
permitindo o acesso às opções e informações disponíveis. 
C- É o nome dado à parte de um sistema com a qual o usuário mantém contato ao usá-
lo. 
D- A interface é a disciplina responsável pelo layout no desenvolvimento de software. 
Um dos seus princípios é garantir a criação de telas mais bonitas, que chamem a 
atenção de quem utiliza um software ou aplicativo. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
O objetivo da interface vai além de aspectos como definir o que é ‘mais ou menos bonito’. Seu 
cerne está em garantir que, sobretudo, haja uma comunicação mais natural e intuitiva entre 
usuário e sistema computacional. 
 
4. Em relação ao design responsivo, assinale qual opção corresponde à melhor ação a ser 
tomada para sua aplicação: 
A- Estudar os dados provenientes das visitas ou, na ausência destes, os relacionados às 
pesquisas de comportamento de acesso a websites para planejar a construção ou 
remodelação de um site a fim de garantir que ele se adapte às características dos 
dispositivos que o acessa. 
B-Construir um site a partir de seis ou mais layouts fixos predefinidos. 
C-Escolher uma das três técnicas possíveis, preferencialmente o Javascript, uma vez 
que sua implementação é mais simples, além de ser mais completo que as demais 
técnicas. 
D-Aplicar simultaneamente as técnicas de Design Responsivo e Adaptativo. 
Comentário 
Parabéns! A alternativa "A" está correta. 
Como visto anteriormente, para aplicar o Design Responsivo devemos fazer uso de uma 
combinação de técnicas a fim de garantir que uma página corresponda às preferências e 
características dos seus usuários com base no tamanho da tela, plataforma e orientação dos 
dispositivos por eles utilizados. 
5-Ao desenvolvermos uma página Web devemos nos preocupar não somente com o 
resultado final, mas também em utilizarmos corretamente cada uma das tecnologias. 
Neste contexto, assinale a opção correta quanto às boas práticas a serem seguidas: 
A- Utilizar os elementos HTML corretamente, tendo em mente a semântica; separar as 
responsabilidades entre cada tecnologia; otimizar o tempo de carregamento das 
páginas; utilizar folhas de estilo e Javascript a partir de arquivos externos. 
B- Deve-se evitar, sempre que possível, fazer uso de novas técnicas ou novas 
funcionalidades no que diz respeito às tecnologias Client Side. Isso porque as 
tecnologias Web já possuem uma especificação própria, antiga, e, por isso, não se 
adaptam bem com novos recursos. 
C- A CSS possui um sistema de hierarquia, assim como o Javascript. Com isso, ao usarmos 
ambos no HTML, é recomendado usar estilos e scripts inline, já que facilitam o 
entendimento do comportamento e também visual do elemento ao qual foram 
aplicados. 
D- Remover tanto a CSS quanto o Javascript internos para o final da página otimiza o 
desempenho e acelera o tempo de carregamento da página. Logo, esta é uma das 
práticas mais recomendadas. 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
Como frisado nas seções de Boas Práticas, o Ambiente Web está em constante evolução. Tal 
fator, somado aos princípios básicos como semântica e separação de responsabilidades 
definem o que são as boas práticas quanto às tecnologias Client Side. 
 
6. Como vimos, cada tecnologia do lado cliente possui sua própria função. Logo, a respeito 
da separação de funções e responsabilidades, assinale a alternativa correta: 
A- O HTML cuida do conteúdo, o CSS, do layout/apresentação e o Javascript, do 
comportamento/interação. Com isso, ao não misturarmos as funções − embora seja 
possível −, obtemos vários benefícios, como o de separação de interesses e 
consequente facilidade para manter o código, uma vez que podemos ter diferentes 
pessoas trabalhando ao mesmo tempo em diferentes partes do site. 
B- O HTML é a base, a principal tecnologia do lado cliente. Apenas utilizando HTML é 
possível criar uma página rica em conteúdo – já que as tags servem justamente para 
isso −, layout – já que tudo fica dividido na estrutura semântica do HTML − e 
interatividade, já que elementos como o Formulárioexistem justamente para isso. 
C- Mais importante do que a preocupação com as funções de cada tecnologia é o 
resultado exibido no navegador. Logo, deve-se dar preferência ao resultado final, 
independente do que foi feito e de como foi feito, em termos de tecnologia, para se 
chegar a ele. 
D- Entre as três tecnologias do lado cliente, CSS é a mais dispensável e menos 
importante, já que é possível cuidar de todo o layout e apresentação fazendo uso 
apenas de HTML. 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
As tecnologias do lado cliente foram desenvolvidas em momentos distintos, a começar pela 
HTML. Com isso, a partir do surgimento de novas necessidades, novas tecnologias, como a CSS 
e o Javascript foram desenvolvidas. A utilização em conjunto destas tecnologias, que se 
complementam, traz inúmeros benefícios, desde a otimização na criação das páginas ao 
resultado final. 
 
7. O PHP é uma linguagem de script, altamente adaptável à HTML e que lhe possibilita 
interatividade e dinâmica. Assinale a alternativa correta quanto a esta afirmação: 
A- É possível criar um script PHP que faça acesso a banco de dados utilizando apenas 
código HTML. 
B- Para recuperar informações de um banco de dados, a HTML precisa fazer uso do 
PHP, seja diretamente − a partir de algum elemento próprio, − ou através de 
Javascript. 
C- Como o PHP é altamente adaptável à HTML e esta ao Javascript, um script escrito 
nesta última linguagem pode recuperar informações acessando diretamente o banco 
de dados. 
D- O PHP é altamente adaptável à HTML. Logo, assim como a HTML, um script PHP é 
renderizado diretamente pelo navegador. 
 
Comentário 
Parabéns! A alternativa "B" está correta. 
O PHP é uma linguagem Server Side, utilizada, sobretudo, para criar páginas dinâmicas, em 
conjunto com a HTML e demais tecnologias do lado cliente. Embora muito adaptável à HTML, 
o PHP é uma linguagem de programação completa, que possui uma sintaxe específica, assim 
como funções e métodos nativos que lhe possibilitam o acesso tanto ao sistema de arquivos 
quanto à diferentes bancos de dados. 
 
8. As páginas dinâmicas, ao contrário das páginas estáticas, proveem dinamismo ao 
Ambiente Web. Neste contexto, assinale a opção correta: 
A- Uma página Web completa só pode ser produzida com a utilização de páginas 
dinâmicas. 
B- As páginas dinâmicas são, resumidamente falando, uma forma de interação entre 
um usuário e uma página HTML. Logo, uma página que faz uso de Javascript é uma 
página dinâmica. 
C- A única vantagem, de fato, de se utilizar páginas dinâmicas é guardar os dados do 
site em um lugar mais seguro. 
D- A utilização de linguagens de programação Server Side é a principal característica de 
uma página dinâmica. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
Nas páginas dinâmicas, todo o conteúdo de um site pode ser gerenciado automaticamente 
através de scripts que rodam no servidor. 
 
9.Com relação aos Tipos de Documento, DocTypes, marque a afirmativa correta: 
A- O DocType não é importante e nem obrigatório. Portanto, sequer precisa ser 
declarado. Sendo assim, o que de fato importa são as tags utilizadas no documento. 
B- A especificação W3C (contendo as tags suportadas, entre outros padrões) para cada 
versão de HTML perde sua importância a partir do lançamento de uma nova versão. 
C- A combinação entre a definição de um DocType e a utilização das tags suportadas 
por ele permite a correta renderização de uma página Web. 
D- Nunca será possível renderizar uma página Web que contenha tags definidas como 
obsoletas pelo W3C. 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
Conforme visto nas seções Tipos de Documento e Utilizando DOCTYPEs – Document Types, o 
DocType é uma instrução obrigatória e permite que seja informado ao navegador ou 
dispositivo o tipo de documento a ser carregado, permitindo assim a correta renderização da 
página. 
 
10. Assinale a alternativa que contém o conjunto de tags que forma a estrutura considerada 
obrigatória em uma página HTML: 
A- <html> e <body> 
B- <html><body><header> e <footer> 
C- <DocType><html><head> e <body> 
D- <DocType><html><head>, <body> e <footer> 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
Conforme visto na Figura 1, a estrutura considerada obrigatória, para a correta renderização 
de uma página Web nos navegadores, é composta pelas tags <DocType><html><head> e 
<body>. 
 
11.Marque a alternativa incorreta e que não pode ser usada para definir o que são as tags:. 
A- São nomes, rótulos, que servem para informar ao browser como uma página deve 
ser renderizada. 
B- As tags são marcações que, embora possuam a mesma forma de serem declaradas, 
contêm instruções específicas de acordo com o seu nome. 
C- São elementos que têm a responsabilidade de organizar e identificar o conteúdo de 
uma página Web. 
D- As tags são textos simples inseridos entre o sinal de < e >, e podem tanto ser usadas 
a partir das especificações W3C ou serem criadas/inventadas por cada pessoa ao 
construir um documento HTML. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
As tags são elementos que servem para marcar quais informações uma página exibe. Por 
exemplo: a marcação <h1>Título de um bloco de texto</h1> insere um título em uma página 
HTML. Estes elementos são definidos, padronizados e mantidos em especificações suportadas 
pela W3C. 
 
12. Em termos de semântica, na utilização de tags, assinale a alternativa correta: 
A- O conceito de semântica pode ser resumido como a escolha e utilização de tags de 
acordo com o tipo de conteúdo ou função. 
B-Na prática, o que importa mesmo não é a amarração entre uma tag e seu conteúdo, 
mas sim o resultado final, ou seja, independente das tags usadas, o importante é o que 
será exibido no navegador. 
C-A criação de novas tags com teor semântico na HTML5, como <header> e <footer>, 
teve como finalidade apenas dar um novo nome à tags já existentes e amplamente 
utilizadas, já que a maioria das páginas Web possuía um cabeçalho e um rodapé. 
D- Um código HTML não pode ser dito semântico caso não faço uso de todas as tags 
definidas na HTML5. 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
A HTML semântica tem como objetivo principal descrever o significado do conteúdo contido 
em um documento HTML, a fim de torná-lo mais claro para os dispositivos que processam o 
documento e também para o programador que o criou ou precisará modificá-lo. 
 
13. Qual fragmento de código HTML, entre as opções abaixo, deve ser utilizado para 
representar a lista apresentada na figura abaixo: 
 
1-Capítulo I 
1-Primeira Seção 
2-Segunda Seção 
3-Terceira Seção 
2-Capítulo II 
3-Capítulo III 
A- <ol><li><ol><li></li><li></li><li></li></ol></li><li></li><li></li></ol> 
B- <ul><li><ol><li></li><li></li><li></li></ol></li><li></li><li></li></ul> 
C- <ul><li><ul><li></li><li></li><li></li></ul></li><li></li><li></li></ul> 
D- <ol><li><ul><li></li><li></li><li></li></ul></li><li></li><li></li></ol> 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
Os elementos de listas no HTML são bastante flexíveis, além de abrangentes, permitindo a 
estruturação das mais variadas combinações, incluindo listas aninhadas. Logo, é possível incluir 
uma lista aninhada − um elemento “filho” de um item de outra lista. 
 
14. As linhas e colunas de uma tabela HTML podem ser modificadas (mescladas) para 
permitir uma organização não uniforme. Assinale a opção verdadeira: 
A- Para modificar a organização de uma tabela basta inserir novas tabelas aninhadas. 
B- Os atributos colspan e rowspan são utilizados para modificar a organização de 
colunas e linhas em uma tabela. 
C- A organização de linhas e colunas de uma tabela pode ser modificada com a 
utilização de tags HTML como as listas, por exemplo. 
D- As tags HTML colspan e rowspan, quando inseridas dentro das tags e , permitem 
modificara organização das linhas e colunas da tabela, mesclando o seu conteúdo. 
 
Comentário 
Parabéns! A alternativa "B" está correta. 
Os atributos têm papel importante dentro da HTML. Combinados às tags, eles informam como 
elas devem se comportar. 
 
15. Sobre a composição e o comportamento do formulário HTML é incorreto afirmar que: 
A- É formado por um ou mais elementos que permitem ao usuário interagir com a 
página, selecionando opções, inserindo textos etc. 
B- O formulário HTML, por ser um elemento de interação, na maioria das vezes envia 
os dados nele contidos para um servidor Web, responsável por receber e tratar os 
dados. 
C- Apenas os formulários validados podem ser enviados/submetidos. 
D- Possui atributos que definem o endereço/URL para onde os dados serão enviados e 
o método como serão enviados. 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
Os formulários são compostos por tags que permitem a entrada e seleção de dados. Tal 
funcionalidade concede a este elemento a característica de interatividade, possibilitando que, 
a partir de ações do usuário, dados sejam enviados/informações sejam cadastradas ou 
comportamentos e conteúdo da própria página sejam modificados – como acontece, por 
exemplo, quando filtramos o resultado de uma pesquisa de produtos em um site de e-
commerce. Embora existam diferentes tipos de campos de formulários, permitindo a inserção 
padronizada de diferentes tipos de dados, é prática recomendada validar os seus dados antes 
de serem enviados/submetidos. 
 
 
16. Sobre a validação de formulários na HTML5, assinale a afirmativa verdadeira: 
A- A HTML5 é tão flexível que permite ao usuário, o visitante de uma página, decidir 
quando ele deseja ou não que o formulário que está preenchendo seja validado. 
B- A validação de formulários na HTML5 é habilitada por padrão. Entretanto, é possível 
desabilitar este recurso com a utilização de um atributo na tag <form>. 
C- A partir da HTML5, para facilitar o trabalho do desenvolvedor, novas tags foram 
criadas para que a validação aconteça apenas no lado servidor. 
D- Como a validação de formulários na HTML5 é habilitada por padrão, 
automaticamente todos os campos do formulário serão marcados como obrigatórios 
e, portanto, deverão ser preenchidos. 
 
Comentário 
Parabéns! A alternativa "B" está correta. 
Uma das grandes novidades da HTML5 foi implementar, nativamente, a validação de dados em 
um formulário − tarefa que, nas versões anteriores, só era possível no lado cliente, com a 
utilização de Javascript. 
 
17.A respeito da integração HTML e CSS, assinale a afirmativa correta: 
A- Tanto a HTML quanto a CSS são renderizadas pelo navegador que, interpretando as 
tags de marcação e os estilos que lhes são aplicados, as exibe em tempo de 
execução/requisição pelo usuário. 
B- Todo o código CSS é compilado pelo servidor web que o transforme em código 
HTML nativo a fim de que possa ser exibido no navegador. 
C- A CSS inline, incorporada e de escopo são renderizadas diretamente pelo 
navegador, juntamente com a HTML. Já a CSS externa, por não estar dentro do arquivo 
HTML, precisa ser compilada pelo servidor web antes de ser renderizada. 
D- Apenas a partir da HTML5, com a possibilidade de declaração de estilos em escopo, 
os navegadores passaram a dar suporte à renderização da CSS e do HTML sem 
necessidade de compilação. 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
Tanto a HTML quanto a CSS são linguagens interpretadas diretamente pelo browser e que não 
precisam ser compiladas – exceto a CSS quando se utiliza pré-processadores. 
 
 
18. Sobre a especificidade, assinale a opção que corresponde ao estilo mais específico e que, 
consequentemente, será aplicado ao elemento < p > abaixo: 
< div > 
< p id = "identificador" class = "classe" > 
Texto do parágrafo. 
< /p > 
< /div > 
 
A- div > p { background-color: blue; } 
B- #identificador{ background-color: black; } 
C- p#identificador{ background-color: red; } 
D- p.classe{ background-color:pink; } 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
As regras que utilizam seletores têm maior precedência. Entretanto, quanto mais específico, 
maior a precedência. Logo, a opção c é mais específica que a opção b). 
 
19. Sobre a estilização de textos e fontes, os navegadores possuem estilos padrões para 
esses tipos de elemento. Logo, é correto dizer que: 
A- Os estilos aplicados por padrão pelos navegadores existem para permitir que o 
controle do layout do conteúdo da página fique nas mãos do usuário, e não do 
desenvolvedor. 
B- Os navegadores padronizam os estilos dos elementos de texto e fonte para 
garantirem a usabilidade e acessibilidade das páginas. 
C- A CSS permite total controle sobre os elementos de texto e fonte. Com isso, todo o 
controle fica nas mãos do desenvolvedor, que poderá alterar qualquer aspecto desses 
elementos, tornando assim a página uniforme, uma vez que não dependerá dos estilos 
padrão dos navegadores, que são diferentes entre si. 
D- Embora a CSS permita a estilização de textos e fontes, os navegadores sempre terão 
controle sobre o layout da página, podendo, inclusive, redefinir os estilos CSS que não 
estejam de acordo com os padrões de acessibilidade. 
 
Comentário 
Parabéns! A alternativa "C" está correta.A CSS permite total controle sobre qualquer 
elemento em uma página. Deve-se ter em mente, ao utilizá-la, não só as preocupações com 
estética, mas também com usabilidade e acessibilidade, garantindo assim a melhor experiência 
possível aos usuários. 
 
20. Assinale a afirmativa CORRETA quanto à utilização de web fontes em relação às fontes 
CSS padrões: 
A-Por serem mais leves, uma vez que são nativas, as fontes definidas através de CSS 
sempre serão renderizadas, sem qualquer tipo de restrição, em qualquer sistema 
operacional. 
B-As web fontes devem ser usadas, em detrimento das fontes padrão, por terem maior 
apelo visual. 
C-A melhor escolha em relação aos estilos de fontes é não usar nem fontes padrão e 
nem webfontes, ou seja, é deixar que fique a cargo do navegador escolher a fonte 
padrão de acordo com as disponíveis no sistema operacional do usuário. 
D-Além de fornecerem mais opções, em termos visuais, as web fontes, quando usadas 
adequadamente, garantem uma menor degradação das páginas, uma vez que não 
haverá dependência do ambiente do usuário, quanto a esse possuir ou não a fonte 
definida. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
As web fontes permitem um maior controle visual sobre como cada usuário verá o site, 
diminuindo assim a dependência de fatores externos, como a disponibilidade de fontes no 
computador do visitante. 
 
21. Em relação às propriedades e dimensões do Box Model representado pelo elemento < 
div >, cujos estilos são definidos abaixo, assinale a afirmativa correta: 
div{ 
width:500px!important; 
border: 5px solid black; 
padding-top: 10px; 
padding-right:10px; 
padding-bottom: 5px; 
margin-left:50px; 
} 
 
 
A- A largura final da div será de 500px. 
 B- A largura final da div será de 520px. 
C- A largura final da div será de 510px. 
D- A largura final da div será de 570px. 
 
Comentário 
Parabéns! A alternativa "B" está correta. 
Como visto, as dimensões de largura e altura são alteradas de acordo com a borda e o padding 
definidos. No exemplo da questão, temos: 500px + 5px (borda da direita) + 5px (borda da 
esquerda) + 10px (padding da direita) = 520px. 
 
22. No fragmento de código abaixo, a propriedade position com o valor relative é definida 
para o elemento < p >. Considerando o código HTML e CSS, assinale a afirmativa correta. 
... 
< body > 
< div > 
< p > Texto < / p > 
< / div > 
< / body > 
... 
p{ 
position:relative; 
} 
A- A tag < p > será posicionada de forma relativa em relação ao seu elemento ancestral, 
ou seja, em relação à < div >. 
B- A tag < p > será posicionada em funçãoda tag < body >, uma vez que não foi declarada 
uma propriedade position para a < div >. 
C- A tag < p > será posicionada da mesma forma como se nenhuma propriedade de 
posicionamento lhe fosse atribuída. 
D- Para assumir a posição relativa, a tag < p > precisaria estar localizada fora da < div > ou 
de qualquer outro elemento pai. 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
As propriedades de posicionamento precisam ser utilizadas em conjunto com as propriedades 
top, bottom, right e left – e seus respectivos valores. Do contrário, nenhuma mudança será 
aplicada ao seu posicionamento. No código acima, a declaração CSS será ignorada pelo 
navegador. 
 
23. Em relação à utilização de Frameworks, assinale a afirmativa incorreta: 
A- Qualquer componente ou estilo disponibilizados pelos Frameworks podem ser 
produzidos apenas com código CSS e Javascript, ou seja, sem a utilização de 
Frameworks. 
B- Os Frameworks são um importante recurso que auxiliam no desenvolvimento, 
diminuindo o tempo, padronizando o código e garantindo uma maior compatibilidade 
entre navegadores e dispositivos. 
C- Para um melhor resultado é importante utilizar vários Frameworks em um mesmo 
projeto. Com isso, é possível aproveitar o que cada um oferece de melhor. 
D- Não há um melhor ou um pior Framework. Cada um oferece vantagens e 
desvantagens, prós e contras. Inclusive, alguns podem ser a melhor opção para um 
determinado projeto e para outro não. 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
A utilização de vários Frameworks CSS em um mesmo projeto pode causar inúmeros 
problemas, por exemplo conflitos de estilos, uma vez que alguns compartilham entre si os 
mesmos nomes de seletores. Logo, é imprescindível utilizar apenas um Framework por 
projeto. 
 
24. Dentre as opções abaixo, assinale a que não representa uma vantagem em se utilizar 
Frameworks CSS. 
A- Flexibilidade e Adaptabilidade 
B- Possibilidade de aprendizagem 
C- Auxílio em tarefas repetitivas 
D- Colaboração no trabalho em grupo 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
O sistema de Grids dos Frameworks, embora bastante útil, acaba fazendo com que, em muitas 
situações, seja necessário adaptar o layout do site ao Framework, e não o contrário. 
25. A linguagem JavaScript é uma linguagem tipicamente do lado cliente, embora também 
usada, mais recentemente, no lado servidor. Sobre sua utilização no lado cliente, e mais 
precisamente sobre sua relação com o DOM, assinale a afirmativa correta: 
A- JavaScript permite que a estrutura inicial de uma página HTML seja modificada. 
Além disso, como também é uma linguagem com suporte do lado servidor, ela permite 
que esses códigos HTML modificados sejam salvos na página HTML original. 
B- Um script JS pode ser incluído tanto no corpo do documento HTML como através de 
um arquivo externo. A diferença principal entre essas duas formas está no fato de que 
o código inserido diretamente na HTML faz parte da árvore DOM – sendo, portanto, a 
única forma de manipular os elementos dessa interface. 
C- Com a utilização da linguagem JavaScript, é possível ter acesso à árvore DOM. Com 
isso, tarefas como a modificação de elementos existentes e a inclusão de novos 
elementos, assim como conteúdos, se torna possível. 
D- Os códigos JavaScript incorporados ao final da página não permitem a manipulação 
da árvore DOM, já que são interpretados apenas após o carregamento de todos os 
elementos. 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
Através de JavaScript, é possível manipular a árvore DOM, independentemente do modo de 
incorporação ao documento HTML. A única ressalva diz respeito a eventos de manipulação 
que tentem acessar os nós e os elementos DOM antes que toda a página seja renderizada, 
como visto em um dos exemplos demonstrados. 
 
26. A respeito dos tipos e da utilização de variáveis em JavaScript, assinale a afirmativa 
incorreta: 
A- Os valores podem ser atribuídos no momento em que a variável é declarada. 
B- Valores de qualquer tipo podem ser atribuídos da mesma forma. 
C- JavaScript é uma linguagem fracamente tipada. Logo, não é necessário informar o 
tipo de dado no momento de criação da variável. 
D- As variáveis precisam ser declaradas antes de serem utilizadas. 
 
Comentário 
Parabéns! A alternativa "B" está correta. 
JavaScript é uma linguagem bastante flexível em relação à declaração e à utilização de 
variáveis. Entretanto, alguns cuidados são necessários, entre eles a atribuição de valores do 
tipo string, que precisam ser englobados por aspas – duplas ou simples. 
27. No que concerne às estruturas de decisão, mais precisamente à instrução “switch”, 
assinale a afirmação incorreta: 
A- Essa instrução serve para alterar o fluxo de execução de um programa. 
B- Com essa instrução, conseguimos realizar verificações que não são possíveis 
apenas utilizando "if" e "else". 
C- Essa instrução é uma forma de reduzir a complexidade proveniente da utilização de 
vários "if" e "else". 
D- Essa instrução é utilizada para testar várias opções de condicionais. 
 
Comentário 
Parabéns! A alternativa "B" está correta. 
A “switch”, assim como as instruções “if/else”, permite que o fluxo de um programa seja 
alterado a partir de verificações de condicionais. Logo, tais instruções não se diferem, sendo a 
"switch" mais utilizada quando há muitas condições a serem verificadas, diminuindo assim a 
complexidade do código caso fosse utilizado “if/else”. 
 
28. Observe o fragmento de código a seguir. Após a sua execução, qual o valor da variável 
cont − exibida na instrução "alert(cont)"? 
var cont = 1; 
do{ 
cont += 1; 
}while (cont < 10); 
alert(cont); 
A- 10 
B- 1 
C- 9 
D- 11 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
O laço "do/while" executa a primeira instrução antes de testar a condição fornecida. Nesse 
caso, a instrução consiste em incrementar, de 1 em 1, o valor da variável “cont”. Como se 
inicia em 1 e vai até 9, ao final o seu valor será 10. 
 
 
 
29.Em relação aos conceitos e ao uso de vetores em JavaScript, assinale a afirmativa 
incorreta: 
A- Um vetor, ou array, é um grupo de variáveis que contém valores, do mesmo tipo ou de tipos 
diferentes. 
B- Um array, em JavaScript, só permite dados do mesmo tipo. 
C- Em JavaScript, o primeiro elemento de um array tem o índice igual a 0. 
D- Em JavaScript, podemos acessar o último elemento de um array da seguinte forma: 
vetor[vetor.length-1]. 
 
Comentário 
Parabéns! A alternativa "B" está correta. 
JavaScript permite que um array seja composto por dados de diferentes tipos. 
 
30. Deseja-se excluir o último elemento do array abaixo. Assinale a alternativa cujo método 
não pode ser aplicado para realizar essa ação: 
var pares = [2,4,6,8,10,12]; 
A- pares.pop() 
B- pares.splice(5,1) 
C- pares.length = 5 
D- pares.splice(6,0,0) 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
Como visto, o método splice pode ser utilizado tanto para remover quanto para adicionar ou 
substituir elementos de um array. Quando usado para remover, sua sintaxe corresponde ao 
código visto na alternativa 'b', na qual indicamos o índice e a quantidade de elementos, a 
partir dele, a ser removida. Já a alternativa 'd' faz com que seja adicionado um novo elemento, 
com valor 0, após o índice 6. 
 
31. Sobre as requisições assíncronas em JavaScript – AJAX, é incorreto afirmar que: 
A- Essas requisições tornam a interação na página mais lenta, já que dependem do 
retorno de dados que são requisitados ao servidor. 
B- Várias requisições podem ser realizadas a um mesmo servidor em paralelo. 
C- O objeto utilizado para realização da requisição fica aguardando o retorno do 
servidor e é capaz de processar esse retorno, sendo esse bem-sucedido ou não. 
D- As requisições assíncronas não bloqueiam o cliente − por exemplo, o navegador 
Web −, permitindo que outras operaçõessejam realizadas enquanto se aguarda o 
retorno da requisição. 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
Como discutido, as requisições assíncronas tornam a interação mais rápida no cliente, uma vez 
que a página não fica bloqueada, aguardando o retorno do servidor. Isso torna possível que 
outras ações, incluindo novas requisições, sejam realizadas. 
 
32. A respeito do JSON, é correto afirmar que: 
A- O JSON é um formato leve de troca de informações e dados entre sistemas. 
B- Esse formato, cujo nome vem de JavaScript Object Notation, é exclusivo para a 
transmissão de dados na linguagem JavaScript. 
C- Quando utilizamos JavaScript, JSON é o único formato de transmissão de dados 
disponível, uma vez que é nativo desta linguagem. 
D- Não é possível transferir estruturas de dados mais complexas, como arrays, através 
de JSON. 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
JSON é uma notação simples para troca de dados. Embora proveniente de uma especificação 
JavaScript, não é exclusivo desta linguagem. 
 
33. Analise o fragmento de código abaixo e assinale a alternativa correspondente à sua 
saída: 
<?php 
$var1 == 2; 
echo $var1; 
 
A- 2. 
B- true. 
C- null. 
D- Variável indefinida (undefined variable). 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
Como vimos, a atribuição de variáveis é feita com a utilização do operador “=”, enquanto o 
sinal “==” é um operador de comparação. Logo, no código acima não foi realizada uma 
atribuição e nem mesmo uma comparação, uma vez que esta última precisa vir acompanhada 
de uma estrutura de decisão. 
 
34. A respeito da manipulação, em PHP, de valores recebidos através dos métodos HTTP 
POST e GET, assinale a afirmativa correta: 
A- A linguagem PHP oferece amplo suporte ao tratamento de variáveis HTTP. Com isso, 
independentemente do método utilizado no envio, podemos escolher entre as três 
variáveis superglobais - $_POST, $_GET e $_REQUEST. 
B- Em PHP, é possível tratar variáveis enviadas pelo método HTTP chamado REQUEST 
fazendo uso da variável $_REQUEST. 
C- Variáveis enviadas através do método HTTP GET podem ser manipuladas em PHP 
através das variáveis globais POST ou GET. Entretanto, as enviadas pelo método POST 
só podem ser manipuladas com a variável $_POST. 
D- Em PHP, estão disponíveis três variáveis superglobais para o tratamento de valores 
recebidos através de métodos HTTP. Nesse contexto, temos as variáveis $_GET para 
receber os dados enviados por GET, a $_POST para receber os dados enviados por 
POST e a $_REQUEST, que recebe tanto os dados enviados por POST quanto por GET. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
PHP possui variáveis globais específicas para tratar os dados recebidos através de métodos 
GET e POST, além de uma variável “coringa”, a $_REQUEST, que pode receber os dados desses 
dois métodos e também do método COOKIES. 
 
35. Em PHP é possível incluir subcondições dentro de uma verificação a ser tratada por uma 
estrutura de decisão. Considerando o código abaixo, assinale a opção equivalente à 
instrução a ser executada dentro do if: 
<?php 
$var1 = 10; 
$var2 = 20; 
$var3 = 25; 
if($var1 > $var2 || $var3 < ($var2 + $var1)){ 
...; 
A- echo "var3 é menor que a soma de var2 e var1". 
B- echo "var3 é maior que a soma de var2 e var1". 
C- echo "var3 é igual à soma de var2 e var1". 
D- echo "var1 é maior que var2". 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
Em PHP, é possível incluir e verificar uma subcondição dentro de uma condição a ser verificada 
em uma estrutura de decisão. Nesta questão, a utilização do operador “||” indica que apenas 
uma das condições verificadas deve ser verdadeira para que a instrução contida dentro dele 
seja executada. A primeira ($var1 > $var2) é falsa. Já a segunda é verdadeira, uma vez que a 
variável $var3 será comparada com o resultado da soma entre $var2 e $var1 − soma essa que 
será realizada antes da comparação. 
 
36. A respeito das estruturas de repetição na linguagem PHP, assinale a alternativa correta: 
A- A linguagem PHP possui dois pares de estruturas de repetição: while e do-while; for 
e foreach. Esses pares têm a mesma função, sintaxe, e são executados da mesma 
forma, tendo sido criados em duplicidade apenas para fornecer uma nomenclatura 
semelhante à vista em outras linguagens. 
B- O laço while é o mais simples disponível em PHP. Nele, obrigatoriamente, a primeira 
instrução sempre será executada. 
C- O laço for é bastante flexível, podendo ser usado tanto com múltiplas condições, 
quanto sem nenhuma condição para ser verificada. 
D- O laço foreach é bastante similar ao for, sendo uma forma mais simples para 
realizar interações em arrays PHP. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
A linguagem PHP possui quatro estruturas de repetição. Tais estruturas têm sintaxes 
diferentes, sendo cada uma mais indicada para determinadas situações. 
 
37.Em relação aos conceitos de vetores, assinale a alternativa incorreta: 
A- Vetores podem ser vistos como pilhas ou filas de itens, onde um novo elemento é, 
naturalmente, incluído ao seu final. 
B- Podemos incluir novos elementos em qualquer posição de um array, seja no início, 
meio ou fim. 
 
C- Um vetor pode conter diferentes tipos de dados, incluindo até mesmo outros 
vetores. 
D- Um array multidimensional é um vetor que possui tanto índice numérico quanto 
associativo. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
Um array multidimensional é composto por mais de uma dimensão. Em outras palavras, um 
array que contém outro pode ser chamado de multidimensional. 
 
38. As funções são um poderoso recurso disponível nas linguagens de programação. Sobre os 
conceitos e a sintaxe das funções na linguagem PHP, assinale a alternativa correta: 
A- Uma função que não recebe parâmetros não poderá, nunca, retornar resultado. 
B- Não é possível declarar variáveis dentro do escopo de uma função. Com isso, só 
estarão disponíveis as recebidas como parâmetro. 
C- Em PHP, diferentemente de outras linguagens, uma função pode ser invocada antes 
de ser codificada. 
D- Em PHP é possível iniciar o nome de uma função utilizando qualquer caractere, 
inclusive números. 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
As funções, em PHP, a exemplo do que ocorre com outros de seus recursos, possuem bastante 
flexibilidade. Dessa forma, é possível declarar novas variáveis dentro do seu escopo ou ter 
funções retornando ou não valores, independentemente de receberem ou não parâmetros. 
Além disso, elas podem ser invocadas antes mesmo de serem definidas. No entanto, é preciso 
ter atenção com algumas regras. O nome de uma função, por exemplo, deve seguir as mesmas 
normas para os nomes de variáveis. 
 
39.Em relação à utilização de uma Camada de Abstração de acesso a dados, assinale a 
afirmativa incorreta quanto às vantagens de sua utilização: 
A- O uso de uma camada de abstração reduz a quantidade de trabalho uma vez que 
fornece uma série de métodos e propriedades prontos para uso. 
B- A camada de abstração unifica o processo de comunicação entre uma aplicação e 
um banco de dados. 
C- A camada de abstração possibilita que o SGBD utilizado em uma aplicação seja 
trocado, sem que seja necessário reescrever todo o código responsável pela 
comunicação e transações com o banco de dados. 
D- A camada de abstração possui métodos prontos de acesso a SGBDs e execução de 
instruções. Com isso, sequer é necessário escrever as instruções SQL que se deseja 
executar, bastando configurar as credenciais de acesso ao banco de dados, como host, 
usuário e senha. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
A camada de abstração, como PDO, facilita o trabalho de integração com bancos de dados. 
Com seu uso, é possível reduzir a escrita de código, sendo esse independente das 
especificidades de cadaSGBD. Entretanto, além de configurar o acesso, é preciso escrever as 
instruções SQL que se deseja executar, além de tratar os seus resultados de acordo com a 
operação realizada. 
 
40. Em relação à utilização da Classe PDO com a linguagem PHP, assinale a afirmativa 
correta: 
A- Para utilizar a classe PDO, é preciso instalar os drivers de cada SGBD disponíveis 
para PHP. 
B- A principal desvantagem de se utilizar PDO é não contar com o suporte a conexões 
persistentes. 
C- Caso seja necessário alterar o SGBD utilizado, basta alterar o nome do driver na 
string de conexão – construtor da classe PDO. 
D- O encerramento de conexões, quando utilizada a classe PDO, é feito de forma 
automática. 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
Para utilizar a classe PDO, é necessário instalar o driver PDO específico do SGBD com o qual se 
deseja conectar. Após realizada a conexão, que pode inclusive ser persistente, já que PDO tem 
suporte a esse recurso, o seu controle fica a cargo do programador. Logo, tanto o tratamento 
de exceções quanto o encerramento de conexões não são inerentes à classe, devendo ser 
codificados com recursos próprios da linguagem PHP, como o bloco try/catch, para as 
exceções, e a atribuição de null à variável que armazena a conexão, para o seu encerramento, 
por exemplo. 
 
41. Em relação ao método Exec, assinale a alternativa correta: 
A- O método Exec não retorna dados. 
B- O método Exec, por ser o método mais simples da Classe PDO, pode ser usado sem 
que uma instância de conexão com o Banco de Dados seja declarada. 
C- O método Exec possui uma estrutura de decisão própria, que pode ser representada 
por uma propriedade da Classe PDO, que permite tratar o seu retorno, havendo 
sucesso ou não em sua execução. 
D- O método Exec retorna o número de linhas afetadas pela instrução executada, 
exceto quando executada a instrução SQL SELECT. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
O método Exec é um método simples, que executa uma instrução SQL e retorna à quantidade 
de linhas afetadas, exceto quando executada a instrução SELECT. A partir do seu retorno, é 
necessário utilizar recursos da linguagem PHP, como estruturas de decisão, para verificar se a 
operação executada obteve sucesso ou não. 
 
42. Em relação ao método Query, assinale a alternativa correta: 
A- O método Query retorna à quantidade de linhas afetadas pela instrução executada. 
B- O método Query é idêntico ao método Exec, exceto pelo fato de retornar à 
quantidade de linhas afetas pela instrução SELECT. 
C- O método Query retorna um objeto PDOStatement composto pelo conjunto de 
resultados da instrução executada ou false em caso de falha. 
D- O objeto $resultSet, nesse fragmento de código “$resultSet = $dsn->query($sql)”, 
contém um result set em formato de array. Logo, ao executar a instrução “SELECT 
nome, cpf, telefone, ... ”, basta utilizar o índice correspondente à coluna para acessar 
seu valor. Por exemplo $resultSet[‘nome’]. 
 
Comentário 
Parabéns! A alternativa "C" está correta. 
O método Query executa uma instrução SQL, retornando, quando houver, um conjunto de 
resultados como objeto PDOStatement. Com isso, para acessar os dados em uma instrução 
SELECT, por exemplo, é preciso fazer uso de um método da Classe PDOStatement, como o 
fetch, a partir do objeto que contém o conjunto de resultados. 
 
43. Para que um formulário HTML submeta dados para um script server side escrito em PHP, 
é necessário que alguns campos e atributos sejam definidos. Assinale a alternativa abaixo 
que corresponde a tais elementos. 
A- Com a HTML5, não são necessários elementos específicos para que um Formulário 
submeta dados para um script server side. Basta definir o atributo action. 
B- Os atributos action e method, pertencentes à tag form são obrigatórios. O primeiro, 
para indicar qual script processará o formulário. O segundo, para definir o método 
HTTP de transmissão dos dados, pois, sem ele, o script PHP não é capaz de capturar as 
informações. 
C- O atributo action, definido na tag form e o elemento input com “type=button”, são 
os únicos elementos obrigatórios em um formulário para que seus dados sejam 
enviados para um script server side. 
D- Os atributos action e name são obrigatórios. O primeiro, atribuído à tag form, indica 
qual script server side processará o formulário. O segundo, atribuído a cada 
elemento/campo pertencente ao formulário, define os nomes desses elementos e, 
consequentemente, o seu índice no array correspondente ao método HTTP utilizado. 
Além disso, o formulário deve conter um elemento button (ou um input) com 
“type=submit” para submeter o formulário. 
 
Comentário 
Parabéns! A alternativa "D" está correta. 
O Formulário HTML possui elementos de ligação com o script PHP. Alguns desses elementos 
e/ou atributos são obrigatórios: o atributo action, da tag form; o atributo name¸ dos campos 
do formulário; e um elemento button ou um input com “type=submit”. Há ainda um item que 
é opcional, o atributo method da tag form, que pode ser omitido, já que seu valor padrão é o 
método HTTP “post”. 
 
44. Em relação a um script server side, escrito em PHP, utilizado para processar os dados 
oriundos de um formulário HTML, assinale a alternativa correta: 
A- O script server side responsável por processar o formulário HTML deve possuir a 
lógica necessária para receber os dados (através das variáveis globais relativas ao 
método HTTP usado no formulário), tratá-los (embora não obrigatório, é recomendado 
validar as informações. Além disso, ao usar a classe PDO e seus métodos, é possível 
fornecer uma camada extra de segurança para evitar problemas como SQL Injection, 
por exemplo) e inseri-los no SGBD (tarefa também facilitada pela classe PDO, embora 
ainda seja necessário escrever as instruções SQL para cada operação a ser realizada). 
B- É obrigatório que o script server side valide os dados recebidos do formulário, 
implementando as mesmas regras usadas para validação no lado cliente side. 
C- O script server side precisa conter códigos específicos, escritos pelo programador, 
caso a caso, para tratar ameaças de SQL Injection. 
D- Ao utilizarmos a classe PDO para a conexão com o SGBD e inserção ou listagem de 
dados, não há necessidade de escrever as instruções SQL relacionadas. Ao invés disso, 
basta utilizar um dos métodos da classe PDO, indicando qual a tabela que receberá os 
dados ou da qual os dados serão recuperados. A partir daí, o método em questão 
monta automaticamente a instrução SQL correspondente. 
 
Comentário 
Parabéns! A alternativa "A" está correta. 
O código de um script server side que processa os dados de um formulário pode ser otimizado 
com a utilização de recursos como a classe PDO. Com isso, tarefas como tratamentos de 
segurança, conexão com o banco de dados, execução de instruções SQL e manuseio de dados 
recuperados são facilitados. Por outro lado, cabe ao programador utilizar corretamente esses 
recursos, além de escrever todo o código adicional necessário, como os de validação dos dados 
do formulário, por exemplo – tarefa essa que também pode ser facilitada com a utilização de 
técnicas como a orientação a objetos, onde métodos podem ser reaproveitados para a 
execução de tarefas repetitivas.