Avaliativa_Semana_4_FormacaoProfissional

Prévia do material em texto

Conforme Zabot e Matos (2020), o JavaScript e, consequentemente, o jQuery interagem com os elementos HTML 
por meio de eventos que acontecem em diferentes situações: um click em um botão, o movimento de passar com 
o mouse sobre um elemento da página, a pressão do dedo sobre a tela de um dispositivo touch e quando o navegador 
termina de carregar a página web. 
 
Sobre o uso de jQuery/JavaScript, analise o código abaixo: 
 
1. $('#box87').on('click', fx) 
2. function fx(event){ 
3. $('#box87').css('width', 400) 
4. } 
 
Assinale a alternativa que descreve o resultado CORRETO. 
 
 
a. Na linha 1, é definido um observador do evento largura do elemento “box87”, e é indicada a função “fx” como 
gerenciador do evento. Na linha 2, a função “fx” recebe automaticamente um parâmetro, que é o evento que 
gerou a chamada. Na linha 3, o observador seleciona novamente o “box87” e modifica sua largura com o 
método CSS. Por fim, a linha 4 apenas encerra o código. 
 
 
b. Na linha 1, é definido um observador do evento click sobre o elemento “box87”, e é indicada a função “fx” 
como gerenciador do evento. Na linha 2, a função “fx” recebe automaticamente um parâmetro, que é o evento 
que gerou a chamada. Na linha 3, a função seleciona novamente o “box87” e modifica sua largura com o 
método CSS. Por fim, a linha 4 apenas encerra o código. 
 
c. Na linha 1, é definida uma função do tipo observador click sobre o elemento “box87”, e é indicado o objeto “fx” 
como gerenciador do evento. Na linha 2, o objeto “fx” recebe automaticamente um parâmetro, que é o 
observador que gerou a chamada. Na linha 3, o objeto seleciona novamente o “box87” e modifica sua largura 
com o método CSS. Por fim, a linha 4 apenas encerra o código. 
 
d. Na linha 1, é definido um observador do evento click sobre o elemento “box87”, e é indicado o evento “fx” 
como gerenciador da função. Na linha 2, o evento “fx” recebe automaticamente um parâmetro, que é a função 
que gerou a chamada. Na linha 3, o evento seleciona novamente o “box87” e modifica sua largura com o 
método CSS. Por fim, a linha 4 apenas encerra o código. 
 
e. Na linha 1, é definida uma função do tipo evento click sobre o elemento “box87”, e é indicado o observador “fx” 
como gerenciador do evento. Na linha 2, o observador “fx” recebe automaticamente um parâmetro, que é o 
evento que gerou a chamada. Na linha 3, o observador seleciona novamente o “box87” e modifica sua largura 
com o método CSS. Por fim, a linha 4 apenas encerra o código. 
 
1. O Bootstrap é uma coleção de ferramentas de código aberto para desenvolvimento de sites e 
aplicativos web. Inclui modelos de design baseados em HTML e CSS, um sistema de grade responsivo, 
componentes predefinidos e plug-ins em jQuery. Desenvolvido para uniformizar os componentes do Twitter, foi 
liberado como código aberto em 2011. 
Sobre Bootstrap e desenvolvimento web, analise as afirmativas a seguir. 
 
I. O Bootstrap vem com estilos responsivos, como contêineres e consultas de mídia, para garantir que o site se 
ajuste à janela de visualização, mas ainda se encontra em desenvolvimento para tablets (disponível apenas 
para smartphones). 
II. Considerando o Bootstrap e seus recursos, a classe base .btn é usada para todos os estilos comuns que 
você deseja para seus botões, como display, padding, border-width. Com tal classe, você não precisa repetir 
essas propriedades CSS em sua folha de estilo. 
III. Embora o Bootstrap simplifique o processo de construção de um site, você terá de estar familiarizado com 
HTML e CSS para usar a estrutura, e entender o modelo de box CSS será importante ao usar a 
classe container. 
 
Está correto o que se afirma em: 
 
a. ) I, apenas 
 
b. II e III, apenas 
 
c. I e III, apenas 
 
d. I e II, apenas 
 
e. I, II e III, apenas 
 
 
As bibliotecas são um conjunto de funções que visam facilitar a utilização de uma determinada linguagem. Já 
o framework difere das bibliotecas, pois é um conjunto de componentes que contém uma base pronta de um projeto. 
 
Nesse sentido, avalie as sentenças a seguir, em relação aos quatro frameworks para desenvolvimento de sistemas, 
relacionando-as adequadamente. 
 
1 – React. 
2 – AngularJS. 
3 – Bootstrap. 
4 – jQuery. 
 
I. O código é pouco protegido, mas, em contrapartida, tem o benefício de contar com muitos plugins à disposição e 
ocupar pouco espaço em disco. 
II. Apresenta pouca documentação, mas agiliza a prototipagem de aplicativos e favorece a reutilização de 
componentes em uma mesma aplicação. 
III. Tem foco na experiência do usuário, além de suportar a maioria dos navegadores de Internet (browser). 
IV. Focada na interface do usuário e facilita a criação de aplicações web dinâmicas. 
 
Assinale a alternativa que correlaciona adequadamente os dois grupos de informação: 
 
 
a. 1-IV; 2-II; 3-III; 4-I. 
 
b. 1-IV; 2-III; 3-II; 4-I. 
 
c. 1-I; 2-II; 3-III; 4-IV. 
 
 
d. 1-II; 2-I; 3-IV; 4-III. 
 
 
e. 1-II; 2-IV; 3-III; 4-I. 
 
 
1. Segundo Zabot e Matos (2020), para auxiliar na programação de aplicações web, é necessário conhecer 
linguagens, bibliotecas, frameworks e ferramentas. 
Uma linguagem é um método padronizado para se comunicar com o computador. É importante distinguir 
entre linguagem de _______ (tipo HTML), na qual definimos elementos, e linguagem de _______ (tipo 
JavaScript), utilizada para definir programas. 
Já _______ é uma coleção de códigos implementados, empregada para facilitar a escrita do código. 
E framework é _______ que fornece modelos com diferentes funcionalidades já implementadas, que podem 
ser utilizadas ou não pelo desenvolvedor. 
 
ZABOT, D; MATOS, E. Aplicativos com Bootstrap e Angular: como desenvolver apps responsivos. São 
Paulo: Érica, 2020. 
 
Preencha as lacunas escolhendo a alternativa CORRETA: 
 
 
a. Programação, marcação, repositório, uma plataforma de criação. 
 
 
b. Marcação, programação, biblioteca, uma plataforma de desenvolvimento. 
 
 
c. Marcação, programação, repositório, uma plataforma de criação. 
 
 
d. Marcação, programação, repositório, uma plataforma de desenvolvimento. 
Correta 
Correta 
 
e. Programação, marcação, biblioteca, uma plataforma de criação. 
 
 
Com a chegada do HTML 5, novos tipos de campos foram disponibilizados para certificar que o 
usuário digite a informação solicitada. Há campos que verificam automaticamente se o valor é uma 
data, hora, e-mail, número etc. Entretanto nem todos os navegadores os implementam, o que torna 
necessária uma validação mais específica. 
 
Observe um trecho de código: 
 
Fonte: Elaborada pelo autor. 
A partir da análise do código e de suas funcionalidades, julgue as afirmativas a seguir. 
 
I. O código não funcionará, pois JavaScript necessita ser carregado através de um arquivo 
separado com a extensão .js. 
II. Nesse caso, se o usuário digitar um caractere de espaço e pressionar enter, a chamada será 
realizada normalmente. 
III. O código executará com erro caso a página requisitada na expressão action não exista ou esteja 
em pasta diferente da chamada. 
IV. O alert será exibido no momento em que o usuário terminar de digitar uma expressão inválida 
no campo de busca. 
 
Está correto que se afirma em: 
 
 
a. II e III, apenas 
 
b. I e II, apenas 
 
c. I, III e IV, apenas 
 
d. I e III, apenas 
 
e. I, II e IV, apenas 
 
1. O propósito dos padrões web discutidos e propostos pelo W3C (World Wide Web Consortium) é informar aos 
desenvolvedores quais são as melhores práticas e as mais recomendadas para a criação de sites e sistemas, 
proporcionando aos usuários acessibilidade e compatibilidade. 
Levando em consideração as características dos padrões clássicos da web, identifique se são (V) 
verdadeiras ou (F) falsas as afirmativas a seguir. 
 
I. ( ) HTML (Hypertext Markup Language ou Linguagem de Marcação de Hipertexto) é o bloco de construção 
mais básico da web, no qual "hipertexto" corresponde aos links queconectam páginas da web entre si. 
II. ( ) CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata) é uma linguagem utilizada para descrever 
os links de um documento escrito em HTML. 
III. ( ) JavaScript é uma linguagem de programação que possibilita implementar itens não estáticos, como 
mapas interativos, gráficos ou jogos. 
IV. ( ) AJAX (Asynchronous JavaScript e XML) é uma prática de programação da combinação de HTML, 
CSS, JavaScript, e XMLHttpRequest object, para a construção de páginas web mais complexas. 
V. ( ) XML (Extensible Markup Language) é uma linguagem de marcação genérica, em que as tags XML são 
empregadas para descrever dados, e não somente apresentar, como as tags HTML. 
VI. ( ) JSON (Notação de Objetos JavaScript) é um formato de dados concomitante incapaz de representar 
números, booleanos, textos, vazios, listas (sequência ordenada de valores) e objetos (mapeamento de 
valores de texto), composto por esses valores (ou por outras listas e objetos) sem que tenham sido 
declarados em uma classe básica anteriormente. 
 
Assinale a alternativa que apresenta a sequência CORRETA. 
 
 
a. V - F - V - F - V - V. 
 
 
b. V - F - V - V - V - F. 
 
 
c. F - V - F - F - F - F. 
 
 
d. V - V - V - V - V - V. 
 
 
e. V - V - F - F - V - V. 
 
JavaScript, uma das linguagens mais populares da web, se caracteriza por ter tipagem dinâmica, 
ser baseada em objetos e orientada a eventos (p. ex., movimentos do mouse, pressionar botão, 
arrastar e soltar etc.) e realizar avaliação em tempo de execução. Ela é padronizada pela ECMA 
International (European Computer Manufacturers Association) nas especificações ECMA-2623 e é 
baseada em ECMA Script. 
 
Observe o seguinte código em JavaScript: 
 
Fonte: Adaptada de Miletto e Bertagnolli (2014, p. 112). 
MILETTO, E. M.; BERTAGNOLLI, S. C. Desenvolvimento de software II: introdução ao 
desenvolvimento web com HTML, CSS, JavaScript e PHP. Porto Alegre: Bookman, 2014. E-book. 
 
De acordo com o código, podemos afirmar que os termos “do” e “endereco” são respectivamente: 
 
 
Correta 
 
a. palavra reservada e palavra reservada 
 
b. variável e variável 
 
c. palavra reservada e variável 
 
d. variável e palavra reservada 
 
e. número e texto 
 
1. Replit é um site que disponibiliza ambiente interativo on-line para linguagens de 
programação. Pode ser utilizado com diferentes linguagens, como JavaScript, C e Python, 
sem demandar instalação no próprio computador. É ótimo para testar e praticar uma 
linguagem de programação e possui suporte para HTML, CSS e JavaScript, contando com 
as possibilidades de organizar uma pasta de trabalho com subpastas e criar arquivos de tipo 
diferente. 
 
Sobre essa e outras ferramentas relacionadas ao desenvolvimento web, avalie as 
afirmações a seguir. 
 
I. JS Bin é uma ferramenta que mostra em tempo real a renderização do código digitado, 
que fica automaticamente salvo caso o usuário esteja cadastrado. 
II. O Replit não demanda “implantar” projetos em nenhum serviço: eles estarão 
instantaneamente disponíveis a você assim que começar a digitar. 
III. Focando o desenvolvimento web, a ferramenta Replit não possui suporte a linguagens 
como Java e Python, limitando-se à tríade HTML, CSS e JavaScript. 
 
Está correto que se afirma em: 
 
a. I, II e III 
 
b. I e II, apenas 
 
c. II e III, apenas 
 
d. I e III, apenas 
 
e. I, apenas 
 
1. Django é uma estrutura de aplicativo da web baseada em Python, gratuita e de código 
aberto. Frameworks, por sua vez, são simplesmente coleções de módulos que facilitam o 
desenvolvimento — eles são agrupados e permitem criar aplicativos ou sites do zero, em 
vez de começar do zero. Desenvolvimento rápido e design limpo e pragmático são os 
principais benefícios do Django; quando instalado em servidor web, o framework 
web Django pode ajudar os desenvolvedores a criar rapidamente um frontend web rico em 
recursos, seguro e escalável. 
 
No que diz respeito a frameworks e linguagem Python, avalie as asserções a seguir e a 
relação proposta entre elas. 
 
I. São necessárias ferramentas adicionais auxiliares para que a administração do Django 
possa ser realizada, e, assim, atualizado seu sistema. 
POIS 
Correta 
Correta 
II. O Django permite o desenvolvimento utilizando templates que conseguem separar o 
HTML da linguagem Python. 
 
A respeito dessas asserções, assinale a alternativa correta. 
 
a. A asserção I é uma proposição falsa, e a II é uma proposição verdadeira 
 
b. A asserção I é uma proposição verdadeira, e a II é uma proposição falsa 
 
c. As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa da I 
 
d. As asserções I e II são proposições verdadeiras, e a II é uma justificativa da I 
 
e. As asserções I e II são falsas 
 
A forma mais comum de adicionar o código JavaScript no HTML é a separação em dois arquivos: 
a marcação fica em HTML; a programação, em JavaScript. A ligação entre eles se dá também 
pela tag <script>. Nesse caso será indicado o endereço onde está o arquivo JavaScript, conforme 
explanado a seguir (MILETTO; BERTAGNOLLI, 2014). 
 
MILETTO, E. M.; BERTAGNOLLI, S. C. Desenvolvimento de software II: introdução ao 
desenvolvimento web com HTML, CSS, JavaScript e PHP. Porto Alegre: Bookman, 2014. E-book. 
 
 
Fonte: Adaptada de Miletto e Bertagnolli (2014, p. 97). 
 
 
Isso considerado, avalie as afirmações a seguir. 
 
I. O arquivo meuscript.js é um arquivo de texto comum no qual é inserido qualquer código 
JavaScript, que será lido no programa. 
II. Os arquivos podem ser abertos e programados em qualquer editor de texto, como o Bloco de 
Notas, nativo do sistema operacional. 
III. O arquivo de texto pode ser um programa estruturado ou separado por funções e classes, como 
numa classe comum. 
 
Está correto o que se afirma em: 
 
a. I e III, apenas 
 
b. I e II, apenas 
 
c. I, apenas 
 
d. II e III, apenas 
 
e. I, II e III 
 
O jQuery é uma biblioteca JavaScript que “facilita manipulação de elementos HTML, gestão de eventos, animações e 
utilização de AJAX (Asynchronous JavaScript and XML — JavaScript assíncrono e XML), dentre outros”. Ele 
disponibiliza também um “conjunto de widgets, componentes predefinidos com funcionalidades embutidas, e uma 
série de temas gráficos (jQuery UI)”. (ZABOT e MATOS, 2020). 
ZABOT, D.; MATOS, E. de S. Aplicativos com Bootstrap e angular — como desenvolver apps responsivos. São 
Paulo: Saraiva, 2020. E-book. (Disponível na Minha Biblioteca). 
Em relação a conceitos e práticas relacionados a linguagens e bibliotecas web, analise as afirmativas a seguir. 
I. As linguagens de programação são divididas em linguagens de baixo e alto níveis, sendo as primeiras 
relativamente legíveis por humanos — elas tendem a seguir a estrutura e a sintaxe das linguagens reais. 
II. O AngularJS, um framework JavaScript de código aberto mantido pela Google, possui como funcionalidade a 
programação de aplicativos de página única (single-page application). 
III. O Node.js é um ambiente runtime JavaScript multiplataforma de código aberto que executa JavaScript no lado do 
servidor. Ele é utilizado principalmente para escrever scripts do lado do servidor. 
IV. Python é uma das principais linguagens orientadas a objetos para construção de software. Mesmo com alta 
complexidade e flexibilidade, sua sintaxe permanece fácil de aprender. 
Está correto o que se afirma em: 
 
a. I e III, apenas 
 
b. I, II e IV, apenas 
 
c. II, III e IV, apenas 
 
d. I e II, apenas 
 
e. II e III, apenas 
 
Os eventos são ações realizadas dentro de uma página HTML e, por esse motivo, são vinculados 
às tags HTML. Dependendo da ação, o evento pode ou não ser chamado. Há eventos realizados com 
o mouse, outros, com o teclado, e, ainda, outros, vinculados a objetos. Observe a seguinte codificação: 
 
 Fonte: Elaborada pelo autor. 
Baseando-se em funcionalidade de eventos, a alternativaque contém a linha com a função ligada 
a evento e sua descrição correta é: 
 
a. 5 — passar mouse 
 
b. 11 — passar mouse 
 
c. 11 — soltar a tecla 
 
d. 11 — clique do mouse 
 
e. 5 — soltar a tecla 
 
ERRADA