informática – parte 14 prof. márcio hunecke€¢ onload – método utilizado para tomar uma...

Escriturário

Informática – Parte 14

Prof. Márcio Hunecke

www.acasadoconcurseiro.com.br 3

Informática

JAVASCRIPT/ECMASCRIPT 6

A linguagem JavaScript foi originalmente desenvolvida por Brendan Eich quando trabalhava na Netscape em 1995, posteriormente teve seu nome mudado de LiveScript para JavaScript e atu-almente pode ser identificada como ECMAScript, pois a linguagem é mantida pela ECMA (Euro-pean Computer Manufacturers Association), empresa que facilita a criação de normas globais de tecnologia da informação e comunicações (TIC) para linguagens de programação.

JavaScript é uma linguagem de programação interpretada pelo navegador. Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem com o usuário sem a necessidade deste script passar pelo servi-dor, controlando o navegador, realizando comunicação assíncrona e alterando o conteúdo do documento exibido.

É atualmente a principal linguagem para programação client-side em navegadores web. Co-meça também a ser bastante utilizada do lado do servidor através de ambientes como o node.js (Assunto da nossa aula 25). Foi concebida para ser uma linguagem script com orientação a objetos baseada em protótipos, tipagem fraca e dinâmica e funções de primeira classe. Possui suporte à programação funcional e apresenta recursos como fechamentos e funções de alta ordem comumente indisponíveis em linguagens populares como Java e C++.

É baseada em ECMAScript padronizada pela Ecma international nas especificações ECMA-262 e ISO/IEC 16262.

De acordo com os padrões da W3C, em geral as páginas internet são compostas por três com-ponentes: Estrutura (HTML), Estilo Visual (CSS) e Ação (JavaScript). Obs.: Os itens HTML e CSS são apresentados nas aulas 20 e 21).

A linguagem JavaScript é utilizada para manipular e interagir com conteúdo das páginas, res-ponder às atividades do usuário. Entre os três componentes acima, é o responsável pela intera-ção com o usuário.

O código JavaScript pode ser colocando junto com o código HTML, conforme abaixo.

www.acasadoconcurseiro.com.br4

Apesar de funcionar no modelo acima, a melhor prática é criar um arquivo separado para o có-digo JavaScript e então fazer uma chamada ao arquivo (src="/builds/core.js”) no código HTML, conforme abaixo.

O código HTML tem duas divisões principais: Tag (ou elemento) <Head> (cabeçalho da página) e <Body> (conteúdo da página). O código JavaScript pode ser incluído em ambas, depende da neces-sidade. Se o conteúdo JavaScript deve ser executado antes de carregar a página, recomenda-se co-locar na Tag <Head>, mas isso pode deixar a página mais lenta para carregar. Se o objetivo é carregar a página rapidamente e depois mostrar o conteúdo JavaScript, ele deve ser colocado na Tag <body>.

Banco do Brasil - TI (Escriturário) – Informática – Márcio Henecke


Exemplo de código HTML com código JavaScript na Tag Head.

Características da programação JavaScript

• Variáveis que são utilizadas somente na própria função são chamadas de Locais e são atri-buídas utilizando a palavra var. Ex.: var nome = valor;

• Variáveis que são utilizadas em outras funções são chamadas de Globais e são atribuídas sem a palavra var. Ex.: nome = valor;

• Os tipos primitivos de variáveis são String (texto), Number (qualquer número) e Boolean (true ou false)

• As variáveis só podem iniciar com letras, $ ou _ (underline). Nunca com números ou outros caracteres.

• Atribuição de constantes é realizada usando a palavra const e recomenda-se escrever o nome da constante em maiúsculo. Ex.: const NOME = valor;

• Operador de igualdade (testa somente o valor): ==

• Operador de identidade (testa o valor e o tipo de variável): ===

Conceitos de componentes relacionados à JavaScript

• Document Object Model (DOM) é utilizado pelo navegador Web para representar a sua página Web.

• jQuery é uma biblioteca de funções JavaScript que interage com o HTML, desenvolvida para simplificar os scripts interpretados no navegador do cliente (client-side).

• AngularJS é um framework JavaScript open-source, mantido pelo Google. Será melhor ava-liado na aula 24.

• Ajax (Asynchronous Javascript and XML) é o uso metodológico de tecnologias como Javas-cript e XML, providas por navegadores, para tornar páginas Web mais interativas com o usuário, utilizando-se de solicitações assíncronas de informações.


Informações para auxiliar na resolução das questões abaixo

• Método pop() – Mostra os itens do arranjo (array), eliminando o último.

• Onclick – método utilizado para tomar uma ação quando o usuário clicar com o mouse so-bre o objeto.

• Onmouseouver – método utilizado para tomar uma ação quando o usuário passar o mouse sobre o objeto.

• Onload – método utilizado para tomar uma ação quando a página é carregada.

• Onchange – método utilizado para tomar uma ação quando a página sofre qualquer altera-ção.

• % → representa o resto da divisão entre dois números (função MOD do Excel).

• Tipos não primitivos de variáveis:

• NaN – variável do tipo “Not a Number”, ou seja, variáveis que não podem receber nú-meros.

• Infinity – Variável do tipo infinito, usada para representar números muito grandes.

• Método Window.prompt ou somente prompt (objeto raiz) semelhante ao input do Python (solicita informações na tela).

• Função Eval – Avalia ou executa expressões.


Questões

1. (2018 – CESPE – STM – Técnico Judiciário – Programação de Sistemas)

Acerca de Bootstrap e Javascript, julgue o próximo item. Em Javascript, a função top (5,7) é usa-da para encontrar o maior valor entre 5 e 7.

( ) Certo ( ) Errado


Acerca de Bootstrap e Javascript, julgue o próximo item. O código Javascript a seguir altera a palavra Pergunta para Resposta quando o evento onclick é disparado.


3. (2017 – FEPESE – JUCESC – Analista de Informática)

A conversão de uma string vazia (“”) em Javascript para número, string, e boolean, respectiva-mente, resultaria em:

a) 0 – “” – false b) 1 – ”” – true c) 1 – ”” – false d) null – ”” – false e) null – null – false

4. (2017 – FUNCERN – IF-RN – Professor – Sistemas de Informação)

Em JavaScript, um array chamado cargos pode ser definido e inicializado da seguinte forma:

Após a execução da instrução cargos.pop(), em JavaScript, os elementos do array cargos serão

a) analista, DBA e gerente de projetos. b) desenvolvedor, DBA e gerente de projetos. c) desenvolvedor, analista e DBA. d) desenvolvedor, analista e gerente de projetos.


5. (2017 – FUNDEP (Gestão de Concursos) – UFVJM-MG – Prova: Técnico de Laboratório/Informática )

O JavaScript é uma linguagem leve, interpretada e baseada em objetos, mais conhecida como a linguagem de script para páginas Web. Assinale a alternativa que apresenta corretamente uma biblioteca de JavaScript.

a) JQuery b) HTML c) AJAX d) CSS

6. (2018 – COPERVE – UFSC – UFSC – Analista de Tecnologia da Informação)

A respeito de linguagens de programação, é correto afirmar que:

a) a linguagem Java não permite herança múltipla. Com isso, uma classe Java pode estender uma única classe ou interface.

b) as linguagens JavaScript e PHP não possuem suporte a herança. c) as linguagens JavaScript e PHP são fracamente tipadas. d) as linguagens Java e PHP possuem tipagem dinâmica e forte. e) as linguagens Java e JavaScript empregam JSON como formato padrão para serialização de

dados.

7. (2018 – FCC – DPE-AM – Assistente Técnico de Defensoria – Programador)

Os Padrões Web em Governo Eletrônico, sugerem que o código das páginas web seja organizado nas camadas de conteúdo, apresentação e comportamento. A recomendação é que a camada de comportamento seja construída utilizando

a) PHP, ASP ou XML.b) CSS ou XSLT.c) JavaScript e DOM. d) HTML, XHTML, WML ou XML.e) JSP, Servlet e XSS.

8. (2017 – CS-UFG – CELG/GT-GO – Analista Técnico – Analista de Infraestrutura em Tecnologia da Informação T.I)

Código Javascript pode ser embutido em páginas HTML, o que permite a modificação dinâmica do conteúdo das páginas. Assim, o código Javascript deve ser inserido dentro do código HTML no

a) final do elemento <body> , pois isso torna mais rápida a apresentação da página no navegador.

b) final do elemento <body> , pois todos os elementos da página precisam ser declarados antes de serem usados no código Javascript.

c) início do elemento <head> , pois as variáveis declaradas no código Javascript precisam ser conhecidas no restante da página.

d) início do elemento <head> , pois isso torna mais rápida a apresentação da página no navegador.



9. (2013 – CESGRANRIO – IBGE – Tecnologista – Programação Visual)

Considere o seguinte trecho de código em Javascript.

var studentGrade;

var firstNumber = 50;

var secondNumber = 90;

studentGrade = firstNumber*0.7 + secondNumber*0.3;

if (studentGrade>=90) document.writeln (“A”);

else if (studentGrade>=80) document.writeln (“B”);

else if (studentGrade>=70) document.writeln (“C”);

else if (studentGrade>=60) document.writeln(“D”);

else document.writeln (“E”);

Após análise desse trecho, constata-se que será impresso o

a) Ab) Bc) Cd) De) E


Considere o seguinte trecho de código em Javascript.

var sum = 0;

for (var number = 2; number < 100; number +=2)

sum+=number;

Após análise do trecho, verifica-se que será armazenado na variável sum a soma de todos os números.

a) pares entre 2 e 98b) pares entre 2 e 100 c) ímpares entre 2 e 98 d) ímpares entre 2 e 100e) entre 2 e 100


Pela sintaxe da linguagem Javascript a operação 17%5 resulta no valor

a) 0,85b) 2c) 3d) 3,4e) 85


12. (2012 – CESGRANRIO – LIQUIGÁS – Profissional Júnior – Análise de Sistemas)

Duas das tecnologias que compõem o Ajax são:

a) DOM e CSS b) ASP e XML c) Java e X d) Java e CSS e) JavaScript e ASP


Julgue o item seguinte, a respeito de JQuery. Em JQuery, o método $.get() é usado para executar uma solicitação HTTP.


14. (2018 – CONSULPLAN – Câmara de Belo Horizonte – MG – Analista de Tecnologia da Informa-ção – Infraestrutura de Sistema)

Acerca das funções em JavaScript, analise as afirmativas a seguir.

I – Uma função é invocada por uma chamada de função. A chamada de função especifica o nome da função e fornece as informações (na forma de argumentos) que as chamadas de fun-ção precisam para fazer sua tarefa.

II – O método max do objeto Math determina o maior de seus dois valores de argumento.

III – O método random do objeto Math gera valores numéricos de 0.0 até, incluindo, 1.0.

IV – A função unescape recebe um argumento de string que representa o código em JavaScript a ser executado. O interpretador de JavaScript avalia o código e o executa quando a função unescape é chamada.

Está(ão) correta(s) apenas a(s) afirmativa(s)

a) II. b) III. c) I e II. d) I e IV.

15. (2017 – CONSULPLAN – TRE-RJ – Técnico Judiciário – Programação de Sistemas)

A respeito da linguagem JavaScript, é INCORRETO afirmar que

a) os valores Infinity e -Infinity são usados para representar os infinitos positivo e negativo. b) quando declarado, o evento onchange ocorre quando o valor de um elemento é alterado. c) em JavasScript existem dois operadores que expressam igualdade entre valores de mesmo

tipo: == e ===. d) o valor NaN pode resultar de uma operação numérica que não resulte em um número

preciso e significativo.



16. (2017 – FGV – SEPOG – RO – Analista em Tecnologia da Informação e Comunicação)

Essa questão utiliza a seguinte convenção nas opções de resposta:

nome em português (nome em inglês)

Um navegador web, para executar um código Javascript, utiliza um

a) carregador (loader). b) compilador (compiler). c) interpretador (interpreter). d) ligador (linker). e) montador (assembler).

17. (2017 – FCC – DPE-RS – Analista – Desenvolvimento de Sistemas)

AngularJS é um framework JavaScript, também referenciado como uma biblioteca escrita em JavaScript. Esse framework permite o uso de

a) expressões escritas dentro de uma diretiva no formato: ng-bind = "expression". b) expressões escritas dentro de colchetes duplos, no formato [[expression.]]. c) filtros que devem ser adicionados às expressões por meio do caractere cerquilha (#). d) XML com diretivas xsd, como xsd-app, xsd-model e xsd-bind. e) expressões que suportam condicionais, loops e exceções, mas não suportam filtros.

18. (2017 – CESPE – TRE-BA – Analista Judiciário – Análise de Sistemas)

Considere que, no desenvolvimento de um sistema para a Web, um analista pretenda criar pá-ginas dinâmicas que serão executadas na máquina do cliente. Considere, ainda, que, nesse tra-balho, o analista opte por uma biblioteca que ofereça capacidade de seleção e manipulação de HTML (Hyper Text Markup Language), manipulação de CSS (Cascade Style Sheets) e requisições AJAX (Asynchronus JavaScript e XML). Nessa situação, o analista deverá utilizar a ferramenta

a) JQuery. b) JSP (Java Server Pages). c) JSF (Java Server Faces). d) APEX (Oracle Application Express). e) JPA (Java Persistence API).

19. (2017 – CESPE – TRE-BA – Técnico Judiciário – Programação de Sistemas)

Em JavaScript, a função

a) max adiciona zeros à frente do número informado até o tamanho do campo. b) prompt acessa o ambiente de comando do banco de dados para digitar. c) eval interpreta e executa strings com código JavaScript embutido. d) string converte em número uma string informada. e) parseInt converte um número inteiro em uma string.,


20. (2017 – NC-UFPR – ITAIPU BINACIONAL – Profissional de Nível Superior Jr – Computação ou Informática – Sistemas)

A respeito do JavaScript, considere as seguintes afirmativas:

1. As palavras reservadas var, let, const e globals são utilizadas para declaração de variáveis.

2. É uma linguagem de script multiparadigma, baseada em protótipo, e suporta estilos de pro-gramação orientada a objetos, imperativo e funcional.

3. O operador === (três símbolos de igual) retorna verdadeiro caso os operandos sejam iguais e do mesmo tipo.

4. Introduzido em ECMAScript 6, objetos Proxy permitem que se interceptem determinadas operações e personalize o comportamento da função.

5. O uso da sintaxe ${expressão} em literais string é denominada Template Strings. A interpola-ção ocorre em textos delimitados por aspas duplas (“).

Assinale a alternativa correta.

a) Somente a afirmativa 1 é verdadeira. b) Somente as afirmativas 1, 4 e 5 são verdadeiras. c) Somente as afirmativas 2, 3 e 4 são verdadeiras. d) Somente as afirmativas 2, 3 e 5 são verdadeiras. e) As afirmativas 1, 2, 3, 4 e 5 são verdadeiras.

21. (2017 – IBFC – EMBASA – Analista de Tecnologia da Informação (Desenvolvimento))

Assinale, das alternativas abaixo, a única que identifica corretamente uma das principais carac-terísticas do jQuery.

a) Tem problemas com a implementação dos recursos do CSS, em todas as suas versõesb) O jQuery apresenta incompatibilidade técnica para trabalhar com AJAX e DOM c) É uma biblioteca de funções, puramente em linguagem Java, que interage com HTMLd) A resolução da incompatibilidade entre os navegadores (browsers)

22. (2017 – Quadrix – CFO-DF – Analista de Desenvolvimento de Sistema de Informação)



Com base no código acima, escrito na linguagem de implementação JavaScript, julgue o item subsecutivo. O JavaScript não exige que seja colocado ponto e vírgula (;) ao término das instruções, bastando que se mude de linha para que ele perceba que a instrução chegou ao fim.



Com base no código acima, escrito na linguagem de implementação JavaScript, julgue o item subsecutivo. A variável soma, neste script, é um tipo de variável local.




Com base no código acima, escrito na linguagem de implementação JavaScript, julgue o item subsecutivo. Neste código, o ciclo for define uma variável de índice (var i = 0) e verifica se a condição declarada é cumprida, ou seja, i < 1.


25. (2017 – CONSULPLAN – TRF – 2ª REGIÃO – Técnico Judiciário – Informática)

Brendan Eich desenvolveu a primeira versão do JavaScript para o browser Mozilla, em 1995. A ideia era que a linguagem tivesse uma sintaxe parecida com Java, utilizando até mesmo alguns objetos e métodos com nomes iguais. Dessa forma, a sintaxe correta para a inicialização de um array em Javascript corresponde à questão:

a) var array = [16, 34, 36, 42, 50, 58]. b) Int[ ] array = [16, 34, 36, 42, 50, 58]. c) int array[ ] = [16, 34, 36, 42, 50, 58]. d) var array = int[16, 34, 36, 42, 50, 58].

26. (2017 – FCC – TRT – 11ª Região (AM e RR) – Técnico Judiciário – Tecnologia da Informação)

Considere o fragmento de código HTML abaixo.

<body>

<div>

<label>processo N°:</label>

<input types="text" ng-model="processo">

<p>o número do processo é {{processo}} . </p>

</div>

</body>

Este fragmento evidencia o uso de

a) QueryJS. b) Facelets. c) AngularJS. d) Portlets. e) PrimeFaces.

27. (2017 – IF-CE – IF-CE – Técnico de Tecnologia da Informação)

Sabendo-se que programas de computador podem ser compilados ou interpretados, é verdadeiro dizer-se que programas

a) desenvolvidos com Java igualmente aos desenvolvidos com C# são compilados. Ambos se utilizam de uma linguagem intermediária, para independer do sistema operacional.

b) em PHP são interpretados tanto quanto programas em Java para web.c) em JavaScript funcionam Client-Side, ou seja, rodam no lado cliente, por isso precisam ser

previamente compilados.



d) desenvolvidos para internet precisam de um servidor de aplicação como IIS ou Apache. Devido a isso, são linguagens interpretadas pelo servidor.

e) feitos com linguagem que precise de uma máquina virtual ou semelhante, como o Java, são executados e interpretados por ela em tempo de execução (Just-in-time), por isso não precisam ser compilados.

28. (2017 – IF-CE – IF-CE – Técnico de Tecnologia da Informação)

Considere as afirmações.

I – PHP é uma linguagem de programação interpretada Server-Side, que precisa ser utilizada em conjunto com HTML e normalmente é auxiliada por JavaScript.

II – C# é uma linguagem de programação que faz uso do .Net Framework da Microsoft. O código em C# pode ser compilado tanto no Windows quanto no Linux.

III – A linguagem JavaScript pode ser interpretada, tanto no lado cliente (Client-Side), quanto no lado do servidor (ServerSide).

IV – Linguagens de script são compiladas através de interpretadores no servidor de aplicação.

V – Para compiladores ou interpretadores, linguagens de script são tão flexíveis quanto às lin-guagens compiladas.

VI – As linguagens utilizadas na programação para internet são scripts, portanto são interpreta-das pelo servidor de aplicação. Já linguagens que fazem programas instalados localmente são compiladas, para não precisar de servidores.

São corretas:

a) I, II e VI. b) I, II e III. c) IV, V e VI. d) I, III e V. e) II, IV e VI

29. (2017 – CESPE – SEDF – Analista de Gestão Educacional – Tecnologia da Informação – ALTERADA)

Julgue o item subsecutivo, relacionados aos aspectos fundamentais de arquitetura e desenvol-vimento em nuvem. AngularJS, Ajax, JQuery, são tecnologias para desenvolvimento web front--end.


Gabarito: 1. Errado 2. Certo 3. A 4. C 5. A 6. C 7. C 8. A 9. D 10. A 11. B 12. A 13. Certo 14. C 15. C 16. C 17. A 18. A 19. C 20. C 21. D 22. Certo 23. Errado 24. Certo 25. A 26. C 27. A 28. B 29. Certo

informática – parte 14 prof. márcio hunecke€¢ onload – método utilizado para tomar uma...

Documents