1 JavaScript. 2 JavaScript  Introdução  Fatos Sobre JavaScript  Embutindo JavaScript no HTML  Características da Linguagem:  sintaxe  objetos 

Apresentação em tema: "1 JavaScript. 2 JavaScript  Introdução  Fatos Sobre JavaScript  Embutindo JavaScript no HTML  Características da Linguagem:  sintaxe  objetos "— Transcrição da apresentação:

1 1 JavaScript

2 2 JavaScript  Introdução  Fatos Sobre JavaScript  Embutindo JavaScript no HTML  Características da Linguagem:  sintaxe  objetos  eventos  Aplicações no Lado do Cliente  Conectividade com JavaScript  Segurança  Conclusão e Exemplos Adicionais

3 3 Introdução  Tecnologia desenvolvida pela Netscape em 1995  Da “vida” às páginas HTML estáticas  Move algum processamento lógico para o lado do cliente  Linguagem de script de alto nível, baseada em objeto  Usada por aplicações tanto no lado do cliente quanto no lado do servidor

4 4 Para que serve JavaScript?  Realçar páginas HTML estáticas  Dar Interatividade a formulários  Validar dados no cliente  Conectividade com Banco de Dados sem CGI  Interligação entre objetos HTML, Applets Java, ActiveX, e plug-ins no lado do cliente  Aplicações no lado do Servidor

5 5 Fatos Sobre JavaScript  Código embutido na página HTML  Não gera programa executável do tipo arquivo exe  Código interpretado pelo navegador  Dependente do navegador  Baseado em objeto  Não aceita herança

6 6 Fatos Sobre JavaScript  Guiada por evento  Respostas a eventos gerados pelos objetos HTML tais como botões e caixas de texto  JavaScript NÃO É Java!  Sintaxe semelhante, mas conceitos diferentes

7 7 Embutindo JavaScript no HTML  O código JavaScript pode também ficar em um arquivo de texto separado da página HTML  O código JavaScript pode ser escrito em qualquer lugar do documento HTML mas é boa prática coloca-lo no cabeçalho do documento (... )

8 8 Linguagem JavaScript  Tipos de dados  number, Boolean, string,function, object  linguagem fracamente tipada  Variáveis  global x local  To var or Not to var?!!  Operadores  similares aos das linguagens C++ e Java (ex. x += y é equivalente a x = x + y)  Operadores no nível de bits (Bitwise Operators)  Operadores relacionais (comparações)

9 9 Linguagem JavaScript  Controle de fluxo e repetição  if... else, while, do... while, for, with, switch e case  break, continue e rotulada.  for... in  Funções  retornam valor, retornam expressão  manipulam argumentos extras  passagem de parâmetro por valor ou por referência

10 10 Modelo de Objetos JavaScript  JavaScript organiza hierarquicamente os objetos em uma página  Objetos JavaScript  Objetos de navegação:  window, frame, document, form, button, checkbox, hidden, fileUpload, password, radio, reset, select, submit, text, textarea, link, anchor, applet, image, plugin, area, history, location, navigator..  Objetos JavaScript x tags HTML.  Objetos predefinidos da linguagem  nunca são visíveis na página  por exemplo: String e Array

11 11 Modelo de Objeto JavaScript  Criando um novo objeto:  function Livro(titulo,...) { this.titulo = titulo }  java = new Livro(java,...)  Objetos de navegação  criando uma janela  window.open(URL, Nome, "height=400,width=600")  exibindo uma caixa de mensagem  alert(mensagem)  location e history

12 12 Modelo de Objetos JavaScript  Objeto Document ... ...  propriedades  métodos  Objeto Form  reflete um formulário HTML em JavaScript ... ...  Botão  Multiseleção

13 13 Modelo de Objetos JavaScript  Objetos predefinidos  String  ex. length, substring, fontsize, link(URL), toUpperCase  Array  new Array  Date  new Date, getMonth, getCalendarMonth  Math  random, sin, sqrt  Number  new Number(MAX_VALUE)

14 14 Modelo de Objetos JavaScript  Manipulando Eventos  onClick x onSubmit    onReset, onChange, onFocus e onBlur, onMouseOver e onMouseOut, onLoad e onUnload, onError, onAbort

15 15 Aplicações no Servidor  No lado do servidor, substitui scripts CGI na execução de tarefas específicas do servidor tais como:  Criação dinâmica de páginas HTML  Acesso a arquivos  Conectividade com base de dados  LiveWire: conjunto de extensões para JavaScript no servidor (Netscape Enterprise Server)  Tags e são usadas no servidor para embutir código JavaScript em páginas HTML  Os arquivos HTML são compilados no servidor gerando arquivos.web

16 16 Aplicações no Servidor  LiveWire inclui um objeto file que permite acesso ao sistema de arquivos do servidor  contém métodos tais como: open(), close(), read(), write(), eof().  O objeto database encapsula toda funcionalidade para interação com bancos de dados relacionais  contém métodos tais como:  connect(), disconnect()  execute (“SQL statement”)  SQLTable(“SQL Select statement”) gera uma tabela HTML para mostrar o resultado de uma consulta SELECT

17 17 Conectividade  Um código JavaScript pode acessar métodos e campos públicos de uma applet Java  A comunicação inicia com uma referência a uma applet:  document.applet[0] (referência à 1ª applet na página)  document.applet[“AppletName”] (referência por nome)  Estabelecida a referência, o código JavaScript pode chamar os métodos da applet

18 18 JavaScript e Java  Se o objeto myApplet implementa um método público hello [ public method hello() ] esse método pode ser invocado pelo seguinte código: <input type=“radio” checked=“true” name= “Ola” onclick=“document.myApplet.hello()”></form>

19 19 JavaScript e Java  A passagem de argumentos deve ser feita com atenção pois os tipos de argumentos são diferentes nessas linguagens  Os três tipos básicos string, number e Boolean em JavaScript são diretamente compatíveis com os tipos objeto string, Boolean, e Double em Java  Objetos complexos em JavaScript, como arrays, são refletidos em Java como objetos do tipo JSObject

20 20 JavaScript e Java  JavaScript também pode acessar métodos e campos estáticos das bibliotecas Java (core packages) var pi = Packages.java.lang.Math.PI;  Também é possível construir novos objetos Java dinamicamente, usando o operador new var theDate = new java.util.Date()

21 21 JavaScript e ActiveX  A tecnologia ActiveX da Microsoft fornece meios de embutir controles Microsoft OLE em documentos HTML  Alguns controles ActiveX:  Botão animado  Gráfico  Gradiente  Rótulo  Menu suspenso  Temporizador

22 22 JavaScript e ActiveX  Exemplo de um controle ActiveX <OBJECT ID=“MyButton” WIDTH=83 HEIGHT=27 <OBJECT ID=“MyButton” WIDTH=83 HEIGHT=27CLASSID=“CLSID:3472D900-5A27-11CF-8B11-00AA00C00903” </OBJECT>  Uma vez que o controle ActiveX esteja embutido no documento o código JavaScript pode ser adicionado e trabalhar com ele como qualquer outro objeto (conjunto de propriedades, resposta a eventos ou chamada de métodos do controle ActiveX)

23 23 JavaScript e Plug-ins Netscape  Plug-ins são aplicações que habilitam o navegador Web a executar arquivos não nativos na sua janela  Alguns benefícios do uso de plug-ins:  Ampliar as capacidades do navegador (pode ler mais arquivos)  Autores podem usar conteúdos disponíveis de vários formatos de arquivos  Torna o conteúdo mais dinâmico e excitante (multimídia)  Reduz a demanda do servidor Web (uma vez que a página é carregada muitas das tarefas podem ser realizadas pelos plug-ins na máquina do cliente)

24 24 JavaScript e Plug-ins Netscape  JavaScript pode ser usada para determinar quais plug-ins e tipos MIME são suportados pelo cliente  Isto dá ao desenvolvedor Web o controle sobre o conteúdo a ser passado para o usuário  O objeto plugins é um array de todos os plug-ins atualmente instalados no cliente e tem as seguintes propriedades sobre plug-ins:  name: O nome do plug-in name (ex. “Shockwave”)  filename. O nome do arquivo plug-in  description: Fornecida pelo distribuidor do plug-in  length:O número de elementos no array

25 25 JavaScript e Segurança  “O risco de segurança mais freqüente para máquinas locais acessando a Internet está relacionado à execução de código JavaScript no cliente”  Não há um modo de determinar ou parar a execução de código JavaScript embutido em páginas HTML (se estiver habilitado pelo navegador)  JavaScript não deveria ser usado para criar aplicações responsáveis pelo controle de acesso porque o código é acessível através da janela de fonte e o algoritmo de segurança pode ser facilmente deduzido  Service Attacks, tais como laços infinitos, diálogos modais infinitos e uso total da memória podem bloquear a interface do usuário e requerer que o usuário feche o navegador

26 26 JavaScript e Segurança  JavaScript implementa as seguintes características de segurança:  Não é capaz de ler ou escrever arquivos  Não há acesso a informações do sistema de arquivos  JavaScript não pode executar programas nem comandos do sistema  JavaScript não pode fazer conexões de rede com outros computadores, exceto com a máquina de onde a applet foi carregada  Assinatura eletrônica de objeto

27 27 Mais Exemplos de JavaScript  Esmaecimento de cor (Color Fading - Java não pode fazer !!)  Letreiros deslizantes (Scrolling Marquees)  Billboards  http://www.jsworld.com/ http://www.jsworld.com/