Carregar apresentação
A apresentação está carregando. Por favor, espere
PublicouBrenda Lessa Alterado mais de 10 anos atrás
1
Tópicos avançados em internet B Carlos Oberdan Rolim Ciência da Computação
2
Javascript
3
Tecnologias que iremos estudar Javascript DOM JSON CSS XMLHTTP
4
Introdução Criador: Brendan Eich, programador da Netscape 1995. Primeiro nome de batismo: LiveScript (1995) Netscape Navigator 2.0 Nome JavaScript, apareceu em 4 de Dezembro de 1995
5
Introdução Linguagem client-side Executada via browser Browser disponibiliza objetos que permitem ler e/ou modificar atributos de todos os elementos da página Interação rica com o usuário: botões, novas janelas, formulários
6
Inserindo Javascript 3 formas de uso 1.Associando código a atributos designadores de handlers de eventos 2.Como conteúdo do elemento script (preferencialmente dentro de 3.Especificando um arquivo (quando pretende-se usar o mesmo código em várias páginas) alert("Executando o código");
7
Inserindo Javascript Porque usar preferencialmente de forma externa Facilidade na manutenção Uma vez que o script está localizado em apenas um arquivo, facilita a edição ou correção dos códigos. Carregamento mais rápido da página O arquivo externo é armazenado no cache do navegador. Assim, evita- se carregá-lo toda vez que a página for chamada. Semântico O arquivo externo separa a camada de comportamento (JavaScript) da camada de conteúdo (HTML).
8
Tag Conteúdo alternativo ao dispositivo caso usuário não tenha suporte alert("Parabéns, você está aprendendo JavaScript."); Parabéns, você está aprendendo JavaScript.
9
Comentários Dois tipos // uma linha /* */ bloco // Isto é um comentário de uma linha. /* Isto é um comentário de várias linhas, e o interpretador ignora todo esse conteúdo. O que nos permite a criação de notas e lembretes em nossos códigos. */
10
Comentários Browsers que não suportam JS Prevenir que exibam como se fosse conteúdo da página...
11
Case sensitive JS é case sensitive
12
Final de declarações Opcional Usar ponto e virgula (;) ao final de declarações que usam mesma linha Boa prática recomenda usar sempre ; alert("Estes detalhes..."); alert("... são importantes"); alert("Notou...") alert("A diferença?")
13
Variáveis Não é fortemente tipada Deve-se iniciar o nome de uma variável com uma letra ou com um sublinhado (_). Declaração: var nomeVariavel = "valorVariavel"; ou nomeVariavel = "valorVariavel"; var minhaVariavel = meu valor; inicializando a variavel
14
Tipos primitivos Valores númericos (inteiros e reais) Exs: 42 3.1415 50.0 NaN (lê-se not a number e é o resultado de uma expressão com um operando que não pode ser convertido em valor numérico) Valores lógicos (booleanos). true e false Cadeias de caracteres (strings) Ex: "Isto é uma string!" x
15
Tipos primitivos undefined representa o conteúdo de variáveis não iniciadas null representa o não valor, ou seja a inexistência de valor associado a uma variável Ex: varA= null; // varA passou a valer null!
16
Variáveis locais e globais Existem variáveis globais e locais Escopo
17
Operadores Aritméticos
18
Operadores Comparação
19
Operadores Atribuição
20
Operadores Lógicos
21
Operadores Binários
22
Operadores Condicional Exemplo: nomeDaVariável = (condição) ? valorSeVerdadeiro : valorSeFalso; var fruta = "Maçã"; var resposta = (fruta == "Maçã") ? "A fruta é a Maçã." : "Não sei qual é a fruta.";
23
Condições if if.... else if (condição) { //código a ser executado quando a condição for verdadeira. } if (condição) { //código a ser executado quando a condição for verdadeira. } else { //código a ser executado quando a condição for falsa. }
24
Condições If... else if... else if (condição) { //código a ser executado quando a condição for verdadeira. } else if (2º condição) { //código a ser executado quando a 2º condição for verdadeira. } else { //código a ser executado quando a primeira e a segunda condição forem falsas. }
25
Condições Switch switch(expressão) { case valor 1: //código a ser executado se a expressão = valor 1; break case valor 2: //código a ser executado se a expressão = valor 2; break default: //código a ser executado se a expressão for diferente do valor 1 e valor 2; }
26
Loops for while do.. while for (var = valorInicial; var <= valorFinal; var = var + incremento) { //código a ser executado. } while (var <= valorFinal) { //código a ser executado. } do { //código a ser executado. } while (var <= valorFinal);
27
Loops Break continue var numero = 95; for (numero = 95; numero < 150; numero++) { if(numero == 100) { break; } alert("Número: " + numero); } var idade = 20; for (idade = 20; idade <= 25; idade++) { if(idade == 24) { continue; } alert("Você tem " + idade + " anos ?"); }
28
Declaração de funções return Function nomeDaFuncao(varivel 1, variavel 2, variavel 3,...) { //códigos referente à função. }
29
Popup boxes Alert alert(teste);
30
Confirm confirm(Confirma ?);
31
Popup boxes Prompt prompt(Informe idade","");
32
Popup boxes Exemplo de uso de boxes var querMsg = confirm("Gostaria de receber uma mensagem de boas vindas?"); if(querMsg) { var nome = prompt("Por favor, qual o seu nome?",""); if(nome != null && nome != "") { alert("Olá " + nome + ", seja bem vindo."); } }
Apresentações semelhantes
© 2024 SlidePlayer.com.br Inc.
All rights reserved.