Métodos de Programação

Tamanho: px

Começar a partir da página:

Download "Métodos de Programação"

Sofia de Almada Canário
7 Há anos
Visualizações:

1 Métodos de Programação Programação Notas Introdutórias Javascript não é Java, linguagens diferentes com fins diferentes. Java > Linguagem de programação tradicional Javascript > Linguagem para Web de complemento ao HTML Aumenta as potencialidades do HTML

2 Lado Cliente Client side Consiste em 4 blocos Browsers HTML Client side extensions (Java applets, ActiveX, Plug ins) Linguagens de Script (Java Script, VB Script) Lado Servidor Server side Aplicações que estão a correr do lado do servidor: CGI (Pouco usadas actualmente) Server API Javascript Java PHP

3 Independente do ambiente Todos os browser s, ou seja, programas que permitem navegar na net tem javascript embutido, ou seja, permitem correr pequenos programas de javascript Linguagem interpretada É interpretada em tempo real pelo browser Estáintegrada no documento de HTML Demora mais tempo na execução porque tem que ser compilada antes da execução

4 Exemplo de implementação de Java script <script> tag Language Indica qual a liguagem que está a ser usada <script language= JavaScript > src Indica a localização externo do ficheiro de javascript <script src= /jscript/meyscript.js >

5 Javascript a abrir a página <head> <title>untitled Document</title> alert("chamada de diálogo"); > </head> <body> <strong>chama de javascript</strong> </body> </html> Javascript a carregar a página <head> <title>documento</title> function opendoc() { alert("chamada de diálogo"); > </head> <body onload="opendoc()"> Chama de javascript </body> </html>

6 Chamada por acção do utilizador <head> <title>exercicio</title> function opendoc() { alert("chamada de diálogo"); > </head> <body> <p>teste de chamada com botão </p> <p> <form name="form1" method="post" action=""> <input type="submit" name="submit" value="submit" onclick="opendoc()"> </form> </p> </body> </html> Escrita directa no documento <head> <title>untitled Document</title> function passchech(){ if (prompt("entre o seu nome: ", "")=="tiago") { window.location = "secure.html"; else { window.location = "error.html"; > </head> <body onload="passchech()"> </body> </html>

7 Palavras reservadas do Javascipt Abstract Else Instanceof Switch Boolean Enum Int Synchronized Break Export Interface This Byte Extends Long Trow Case False Native Trows Catch Final New Transient Char Finally Null True Class Float Package Try Const For Private Typeof Continue Function Protected Var Debugger Goto Public Void Default If Return Volatile delete Implements Short While Do Import Static With Double In Super Tipos de dados Inteiros: Números inteiros Virgula flutuante: Representam numero com parte decimal Booleanos: Verdadeiro / falso (1/0) String: Representam texto

8 Caracteres especiais \b Indica o backspace (< ) \f Indica form feed \n Nova linha \r Carriage return (Enter) \t Tabulação \\ BackSlash (Barra ao contrario) \ Representa a plica numa string ( ) \ Representa as aspas numa string ( ) Exemplo de formatação Bloco Formatado Bloco não formatado

9 Variáveis Tem declaração var n, t, f; var iva; var mensagem; Podem ser inicialidas var n=0, j=1, k=25; var mensagem = Ola bom dia ; Âmbito das variáveis Locais: declaradas e usadas dentro das funções Globais: Variáveis gerais ao programa // Global Variable var globalstring = "A"; // Functions function changetob() { document.outputform.beforeb.value = globalstring; globalstring = "B"; document.outputform.afterb.value = globalstring; function changetoc() { document.outputform.beforec.value = globalstring; globalstring = "C"; document.outputform.afterc.value = globalstring; // >

10 Contantes Variaveis que tem o memso valor durante toda a execução do programa Cores O Javascript usa as cores suportadas pelo HTML Comentários // Comentário de 1 linha /*... */ Comentário de muitas linhas de código Exemplo

11 Operadores Aritméticos + Soma Subtracção / Divisão * Multiplicação Comparação = Igual atribuição x=10 > Maio >= Maior ou igual < Menor <= Menor ou igual == Comparação!= Diferente String + Concatenação Exemplo de operadores aritméticos If i = 0, i returns the value of i after incrementing : 1 i++ returns the value of i before incrementing : 0 i returns the value of i after decrementing : 1 i returns the value of i before decrementing : 0

12 Exemplo de operadores de comparação <html> <head> <title>javascript Unleashed</title> </head> <body> // Declare variables var x = 5; var y = 5; var z = 10; // Output to display document.write("x = " + x + "<br>"); document.write("y = " + y + "<br>"); document.write("z = " + z + "<br>"); document.write("is x equal to y,(x == y)? "); document.write(x == y); document.write("<br>is y equal to z,(y == z)? "); document.writeln(y == z); // > </body> </html> Operadores com string <body> // Declare variables var a = "www"; var b = "company"; var c = "com"; var sumofparts; var address1; var address2; document.write("part a is equal to \"" + a + "\"."); document.write("<br>part b is equal to \"" + b + "\"."); document.write("<br>part c is equal to \""+c+"\".\n"); sumofparts = a + "." + b + "." + c; address1 = " address2 = " // Output to display document.write("<br><br>is sumofparts equal to " + address1 + "? "); document.write(sumofparts == address1); document.write("<br>is sumofparts equal to " + address2 + "? "); document.write(sumofparts == address2); document.write("<br>is sumofparts greater than " + address1 + "? "); document.write(sumofparts > address1); // > </body>

13 Operadores booleanos && e (1>0) && (2>1) Verdadeiro ou (1>0) (2<0) Verdadeiro! Negação!(1>0) Falso Estruturas if () Teste de resultado If (teste) { verdadeiro Exemplo: if (visitorinterest == Novo Produto") { document.writeln( Obrigado por comprar um produto novo!");

14 Estruturas if ()... else Teste de resultado If (teste) { verdadeiro else { falso Exemplo: // Declare variable var purchaseamount; purchaseamount = 10.00; if(purchaseamount > ){ document.write( Obrigado pela sua compra!"); else{ document.writeln( Obrigado mas ha um problema"); // > Estruturas for Ciclo com inicio e fim definidos For (inicialização, condição de teste, incrementador) { Tratamento dos dados Exemplo: // Escreve o header na página document.write( Numero de 0 a 99:"); document.write('<hr size="0" width="50%" align="left">'); for (var i = 0; i < 100; ++i) { // Coloca um breack a cada 10 linhas if(i%10 == 0) { document.write('<br>'); // Escreve o numero na pagina document.write(i + ","); document.write("<br><depois de acabado o loop, i =: " + i);

15 Estruturas while Ciclo com inicio mas sem fim definido while (teste = verdadeiro) Faz primeiro o teste e depois executa Exemplo: // Declare variables var i = 0; var result = 0; var status = true; document.write("0"); while(status){ result += ++i; document.write(" + " + i); if(i == 10){ status = false; document.writeln(" = " + result); Estruturas do...while Ciclo com inicio mas sem fim definido do... while (teste = verdadeiro) Entra pelo menos uma vez no ciclo e só faz o teste no fim Exemplo: <script language="javascript1.2 type="text/javascript"> // Declare variables var Var1= 0; var x = 1; do { document.writeln(x); x++; while(x <= Var1); // >

16 Estruturas break / continue Break Para a execução de um ciclo Continue Continua a execução de um ciclo Exemplo: for(var i = 0; i < n; ++i){ document.write(i + "<br>"); if(n < 0){ document.write("n cannot be negative."); break; if (i * i <= n) { highestnum = i; continue; document.write("<br>finished!"); break; Estruturas switch Tem a mesma função que if s sucessivos, compara um objecto inumeras vezes Exemplo: var request = "Name"; switch(request){ case "Logo" : document.write('<img src="logo.gif" alt="logo">'); document.write("<br>"); break; case "Name" : document.write("software Inc."); document.write("<br>"); break; case "Products" : document.write("myeditor"); document.write("<br>"); break; default : document.write(" break;

17 Declaração de funções <html> <head> As funções devem ser declaradas em qualquer lado no código. Por razões de correcção de escrita de código e por facilidade de utilização noutras páginas devem ser declaradas no bloco <head> <title>javascript Unleashed</title> function defaultcolors() { document.writeln("inside of defaultcolors()"); document.fgcolor = "black"; document.bgcolor = "white"; // > </head> <body> document.writeln( Função são script"); document.writeln( espera de serem chamadas!"); defaultcolors(); document.writeln("all done."); // > </body> </html> Trabalhar com argumentos Argumentos ão variáveis que podem ser passadas para dentro das funções para serem utilizadas. function getbinary(var) { var result = ""; var shortresult = ""; for(var i=1; i <= 32; i++) { if(var& 1 == 1) { result = "1" + result; shortresult = result; else { result = "0" + result; var=var>> 1; return(shortresult);

Documentos relacionados

Universidade de Mogi das Cruzes Implementação Orientada a Objetos - Profª. Danielle Martin. Guia da Sintaxe do Java

Universidade de Mogi das Cruzes Implementação Orientada a Objetos - Profª. Danielle Martin. Guia da Sintaxe do Java Guia da Sintaxe do Java TIPOS PRIMITIVOS DE DADOS DO JAVA São os tipos nativos de dados do Java, que podem ser usados na declaração de atributos, variáveis, parâmetros. Tipo primitivo Tamanho Valor padrão