Desenv Web em Html5, Css, Javascript e Php1

Prévia do material em texto

Reconhecer o Ambiente Web 
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. 
 
A alternativa "D" está correta. 
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. 
 
A alternativa "A" está correta. 
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. 
 
Descrever o conceito de interface 
 
1. 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. 
 
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. 
 
 
2. 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. 
 
A alternativa "A" está correta. 
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. 
Reconhecer as tecnologias do lado cliente 
 
1. 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. 
 
A alternativa "A" está correta. 
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. 
 
 
2. 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 intera vidade, já que elementos como o Formulário existem 
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, independentedo 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. 
 
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. 
Reconhecer as tecnologias do lado servidor 
 
1. 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 par r 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. 
 
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. 
 
 
2. 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. 
 
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. 
Descrever a estrutura de uma página Web 
 
1. 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áginas Web. 
D - Nunca será possível renderizar uma página Web que contenha tags definidas como obsoletas pelo W3C. 
 
A alternativa "C" está correta. 
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. 
 
 
2. 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> 
 
A alternativa "C" está correta. 
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>. 
Descrever o uso das Tags na HTML 
 
1. 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. 
 
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. 
 
 
2. 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. 
 
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. 
Demonstrar as tags complementares às tags básicas em uma página Web 
 
1. 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> 
 
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. 
 
 
2. 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 modificar a 
organização das linhas e colunas da tabela, mesclando o seu conteúdo. 
 
A alternativa "B" está correta. 
Os atributos têm papel importante dentro da HTML. Combinados às tags, eles informam como elas 
devem se comportar. 
Aplicar um formulário em uma página Web 
 
1. 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. 
 
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. 
 
 
2. 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. 
 
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. 
 Identificar os fundamentos da CSS 
 
1. 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. 
 
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. 
 
2. 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; } 
 
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). 
Reconhecer os recursos de cores, texto, fontes e web fontes da CSS3 
 
1. 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. 
 
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. 
 
 
2. 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. 
 
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. 
Identificar os conceitos de Box Model, pseudoclasses, pseudo-elementos e posicionamento 
 
1. 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. 
 
A alternativa "B" está correta. 
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. 
 
2. 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ção da 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. 
 
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. 
Reconhecer Frameworks CSS 
 
1. 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. 
 
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. 
 
 
2. 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 
 
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. 
Identificar os conceitos básicos, a sintaxe e as formas de utilização do JavaScript 
 
1. 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. 
 
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. 
 
 
2. 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. 
 
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. 
Aplicar as estruturas de decisão e de repetição 
 
1. 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. 
 
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”. 
 
2. 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 
 
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. 
Identificar o conceito de vetor e sua utilização em JavaScript 
 
1. 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 JS, podemos acessar o último elemento de um array da seguinte forma: vetor[vetor.length-1]. 
 
A alternativa "B" está correta. 
JavaScript permite que um array seja composto por dados de diferentes tipos. 
 
2. 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) 
 
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. 
Reconhecer os recursos assíncronos Ajax e JSON 
 
1. 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 −, permi ndo que 
outras operações sejam realizadas enquanto se aguarda o retorno da requisição. 
 
A alternativa "A" está correta. 
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. 
 
 
2. A respeito do JSON, é corretoafirmar 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. 
 
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. 
Examinar a linguagem PHP e seus conceitos básicos 
 
1. 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). 
 
A alternativa "D" está correta. 
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. 
 
 
2. 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. 
 
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. 
Aplicar as estruturas de decisão e repetição disponíveis em PHP 
 
1. 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". 
 
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. 
 
2. 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. 
 
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. 
Identificar conceitos relativos a vetores e funções em PHP 
 
1. 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. 
 
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. 
 
 
2. 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. 
 
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. 
Definir a Classe PDO e sua utilização com MySQL e PostgreSQL 
 
1. 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. 
 
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 cada SGBD. 
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. 
 
 
 
2. 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 desvantagemde 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. 
 
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. 
Descrever os principais métodos da Classe PDO 
1. 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. 
 
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. 
 
 
2. 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’]. 
 
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. 
Construir uma aplicação contendo um formulário HTML, uma tabela HTML 
e scripts PHP para inserção e listagem de dados em/de um SGDB 
1. 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. 
 
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”. 
 
2. 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. 
 
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.