Your SlideShare is downloading. ×
Módulo 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Módulo 5 – Desenvolvimento de Páginas Web Dinâmicas: Javascript

1,494
views

Published on

Curso Técnico de Gestão e Programação de Sistema Informáticos, ano lectivo 2010/2011.

Curso Técnico de Gestão e Programação de Sistema Informáticos, ano lectivo 2010/2011.


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,494
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. M5
    JAVASCRIPT
    Agrupamento de EscolasdaBatalha
    MiguelaFernandes
    Janeiro 2011
  • 2. Sumário
    Iremos abordar:
    • Variáveis
    • 3. Constantes
    • 4. Janelas de mensagens
    • 5. Operadores
    • 6. Caracteres especiais
    • 7. Funções
    • 8. Exemplo prático
    MF.
    2
  • 9. Variáveis (1)
    As variáveis são usadas para guardar valores. No Javascript não há necessidade de definir um tipo.
    As variáveispodemconterqualquer valor, taiscomo: números, strings, valoresbooleanosouobjectos. Exemplos:
    Idade=15;
    Nome=“MF”;
    Adivinha=“124”;
    MF.
    3
  • 10. Variáveis (2)
    As variáveis podem ser Locais ou Globais:
    Locais: são criadas dentro de uma função e existem apenas dentro da função.
    Globais: são criadas fora das funções e existem em qualquer parte do código.
    var x=2;
    vary=“2”;
    MF.
    4
  • 11. Constantes
    São variáveis que assumem um valor fixo. Usa-se habitualmente maiúscula, tal como no C. Exemplo:
    const ERR_INVALID_USERID;
    const ERR_INVALID_USERID = 300;
    ERR_INVALID_USERID = 300;
    MF.
    5
  • 12. Arrays
    var ar = newArray(20); //declara um array
    varnomes=[“joão”, “joana”, “marco”]
    ar[0]=10;
    ar[1]=“ok”;
    MF.
    6
  • 13. Arrays : exemplo
    var ar = newArray(10);
    //declara um array
    for (var i=0; i <= ar.length; i++){
    document.writeln(“ar["+i+"]= " + ar[i])
    }
    MF.
    7
  • 14. Janelas de mensagens (1)
    O JavaScript permiteutilizar 3 tipos de janelas de mensagensnaspáginas web:
    Mensagem de alerta
    Mensagem de confirmação
    Mensagem de input
    MF.
    8
  • 15. Janelas de mensagens: alerta
    As janelas de mensegemsãodefinidas com funções. Exemplo:
    alert(‘Oláaquiestamosnós com o javascript’);
    MF.
    9
  • 16. Janelas de mensagens: confirmação
    Janela de mensagem que retorna confirmação de OK ou CANCELAR
    A variávelresultadovaiconter um resultadoverdadeiro de clicar no OK e falsocasoseja no cancelar.
    resultado= confirm (‘Estás a gostar do Javascript’);
    MF.
    10
  • 17. Janelas de mensagens: input
    Esta janela recebe uma mensagem através da caixa de texto Input.
    A variávelresultadovaiconter um resultado do tipo string.
    resultado= prompt("Qual o teu nome?","Escreve a tua mensagem");
    MF.
    11
  • 18. Operadores (1)
    MF.
    12
  • 19. Operadores (2)
    MF.
    13
    Logicos
    ||, &&, !, >, <, !=, ==, ?:, >=, <=
    Computacionais
    +,-,*,/, ++, --, %
    Bitwise
    ~, >>, <<, &, ^, |
    Atribuicao
    =, +=, -=, /=, *=, etc.
  • 20. Funções (1)
    MF.
    14
    Uma função tem um conjunto de instruções, que só devem ser executadas quando a função for chamada. Deverão ser definidas no cabeçalho, preferencialmente. A sintaxe é:
    functionNomeFunção (Parâmetros)
    { instruções;
    }
  • 21. Caracteres especiais
    b- backspace
    n- newlinecaracters
    r- carriagereturn
    t- tabcaracters
    // - Linha de comentário
    /*....*/ - Comentário com mais do que uma linha.
    “ ou ‘ – delimitadores para uma string. Caso seja necessário a sua utilização como parte da string, utiliza antes do " ou ‘. Exemplo:
    alert (“Vou usar as" e a ’");
    MF.
    15
  • 22. Funções (2)
    MF.
    16
    <html><head><script type="text/javascript">function mensagem(){alert(“A minha primeira função ;-)!");}</script></head><body><form> <input type="button" value=“Clica aqui!" onclick=“mensagem()" /></form></body></html>
  • 23. Exercício prático
    Escreve uma função que calcule a soma de 2 números digitados pelo utilizador.
    MF.
    17
  • 24. Exercício prático
    Escreve uma função que tem como objectivo informar se uma pessoa é maior ou menor de idade, recebendo como parâmetro a sua idade.
    function Idade (Anos)
    {
    if (Anos > 17) {
    alert ("Maior de Idade") }
    else {
    alert ("menor de Idade") }
    }
    MF.
    18
  • 25. Webgrafia e Bibliografia
    http://www.w3schools.com/JS/
    http://javascript.internet.com/
    https://woc.ipca.pt/est/class/getmaterial.do?idclass=627&idyear=13
    Teagu, J. C. (2004). DHTML and CSS for the World Wide Web (2ª Ed.). USA:Peachpit Press.
    MF.
    19