Javascript para concursos

Juliana Jenny Kolb

teste seu conhecimento

Home > Simulados on-line  Questões de Concursos > Tecnologia da Informação (TI)

Javascript para concursos

JavaScript é uma linguagem de programação criada pela Netscape em 1995, que a princípio se chamava LiveScript, para atender, principalmente, as seguintes necessidades: Validação de formulários no lado cliente (programa navegador);Interação com a página. 

Apostila-JavaScript

Javascript

JavaScript foi inicialmente criado para “tornar as páginas da web vivas”, ou seja, para
que as páginas tivessem alguma reação às ações do usuário, algum tipo de animação
ou de customização de lógica.

Eles podem ser escritos diretamente no HTML de uma página da web e executados automaticamente quando a página é carregada. Em outras palavras, o script é escrito e embutido na página, o que pode ser feito de várias formas, sem necessidade
de compilação prévia como outras linguagens.

Existem ganhos e perdas quando há e não há compilação; quando há compilação, em geral a linguagem é um pouco mais performática, sem uma fase de interpretação, além de ser uma linguagem mais segura por verificar uma série de problemas e de erros em tempo de compilação.

No caso de uma linguagem de script, a vantagem é que ela é muito mais dinâmica, pois
só é preciso escrever o arquivo, salvar e ele já roda na página muito mais facilmente, embora
perca um pouco da performance; como os computadores evoluíram tanto nos últimos anos,
essa alteração de performance nem é tão sensível assim.

Características Javascript

  • Imperativa e estruturada;
  • Dinâmica: fornecidos e executados como texto simples, sem uma fase prévia de compilação;
  • Baseada em Objetos;
  • Funcional;
  • Multi ambientes: web, mobile e servidor.

*O javascript  pode ser executado em um ambiente fora do navegador, do browser (Internet Explorer, Edge, Chrome etc.), isoladamente, mas o mais tradicional é ser executado de maneira embutida no navegador. Como há vários fabricantes (como Microsoft, Apple e Google) desses navegadores, é necessária uma especificação para dizer como essa linguagem vai funcionar para que não haja problemas de compatibilidade nesses navegadores.

Motor JavaScript

O navegador em si tem um mecanismo interno chamado máquina virtual JavaScript ou
Motor JavaScript, motor interno para interpretar essa linguagem. Dependendo do navegador, podem haver motores diferentes: no Chrome, é o chamado V8; no Firefox, é o SpiderMonkey; dentre outros.

Esse motor do JavaScript funciona até certo ponto de maneira parecida com a de um compilador, mas em tempo real; ou seja, à medida que o código chega, ele o compila e o executa.

O que o JavaScript no navegador PODE fazer

  • Adicionar novo HTML à página, alterar o conteúdo existente, modificar estilos etc.;
  •  Reagir às ações do usuário, executar em cliques do mouse, movimentos do ponteiro, pressionamentos de teclas;
  • Enviar solicitações pela rede para servidores remotos, baixar e enviar arquivos (AJAX); é possível fazer uma requisição remota entrando na página;
  •  Obter e configurar cookies, fazer perguntas ao visitante, mostrar mensagens;
  • Recuperar os dados do lado do cliente (“armazenamento local”); os navegadores, através das especificações de HTML, fornecem cada vez mais APIs para trabalharmos com o navegador.

O que o JavaScript no navegador NÃO PODE fazer

A capacidade do JavaScript no navegador é limitada geralmente por questões de segurança do usuário. Dessa forma, o JavaScript não pode fazer uma série de coisas:

  • Não pode ler/gravar arquivos arbitrários no disco rígido, copiá-los ou executar programas;
  • Não tem acesso direto às funções do sistema operacional; o código JavaScript roda dentro da chamada sandbox, uma caixa de areia que segura e não permite que ele faça esse tipo de alteração;
  • Existem maneiras de interagir com a câmera/microfone e outros dispositivos, mas exigem a permissão explícita do usuário (pedida pelo site e com um alerta exibido pelo navegador para que o usuário autorize, de maneira semelhante à dos dispositivos mobile);
  • Geralmente, diferentes guias/janelas não se comunicam; quando há duas abas da página, elas não se comunicam, pois poderiam roubar informações. Em alguns cenários, o JavaScript até permite que duas abas se comuniquem entre si, como quando usamos o script para abrir uma outra aba, sendo possível controlá-la até certo ponto; porém, nesse caso, elas precisam ser duas páginas do mesmo domínio, do mesmo endereço.
  • JavaScript pode se comunicar facilmente pela rede com o servidor de onde veio a página atual, mas sua capacidade de receber dados de outros sites/domínios é limitada. Quando se tem, no mesmo navegador, duas páginas de domínios diferentes, ele corta a comunicação entre elas.

Essas restrições sempre existem quando se fala de JavaScript do lado do navegador;
quando ele é utilizado do lado do servidor, não há mais essas restrições. Os navegadores modernos também nos permitem colocar alguns plug-ins e extensões no JavaScript para dar a ele alguns poderes a mais.

 

Palavras Reservadas (+) 

Variáveis (+)

Operadores (+)

Eventos (+)

Funções (+)

DOM (Document Object Model)

Ligação do javascript com o HTML. Toda hierarquia do HTML é acessada pelo DOM.

getElementById

  • innerHTML -> mostra a valor;
  • Ex. document.getElementById(“x”).innerHTML = elementos[1].innerHTML;

getElementByClassName

  • Acessa uma classe específica ou uma coleção de HTML
  • Ex. document.getElementByClassName (“x”).[0] -> “primeira classe” do HTML.
  • Ex. document.getElementsByClassName (“x”);  -> retorna todas as classes (arrays).

getElementTagName

  • Ex. document.getElementTagName(“button”)[0].innerHTML -> retorna o valor do “button”.

querySelector

  • Pode substituir o getElementByClassName, getElementTagName  e getElementById;
  • Não busca array.

querySelectorAll

  • Acessa todos os elementos -> apenas para leitura.
  • Ex. document.querySelectAll(“.x”)
  • Ex. document.Element.ById(“pai).querySelectorAll(“.filho”) -> busca todos os filhos do pai.

 

 

Vídeos Selecionados

 

Deixe uma resposta