Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução...
Transcript of Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução...
![Page 1: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/1.jpg)
Prof. Paulo Cesar F. De Oliveira, BSc, PhD
02/08/15 © P C F de Oliveira 2015 1
![Page 2: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/2.jpg)
02/08/15 © P C F de Oliveira 2015 2
O que é JavaScript?Sintaxe?
![Page 3: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/3.jpg)
02/08/15 © P C F de Oliveira 2015 3
REGRASBÁSICAS
![Page 4: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/4.jpg)
02/08/15 © P C F de Oliveira 2015 4
1JavaScript é sensível à maiúscula e minúscula(case-sensitive)
“myVariable” ≠ “myvariable” ≠ “MYVariable”
![Page 5: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/5.jpg)
02/08/15 © P C F de Oliveira 2015 5
2JavaScript ignora espaço em branco
var nome="Paulo";
=
var nome = "Paulo";
![Page 6: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/6.jpg)
02/08/15 © P C F de Oliveira 2015 6
3Quebra de linha de código
document.write("Hello \World!");
![Page 7: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/7.jpg)
02/08/15 © P C F de Oliveira 2015 7
4Instrução
alert(“Obrigado.”);
script é composto por um conjunto de instruções
terminam com um ponto-e-vírgula (opcional mas recomendado)
![Page 8: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/8.jpg)
02/08/15 © P C F de Oliveira 2015 8
5Comentário
// Este é um comentário de uma linha.
/* Este é um comentário multi-linha. Qualquer texto entre esses conjuntos de caracteres será completamente ignorado quando o script for executado. Este tipo de comentário precisa ser fechado. */
![Page 9: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/9.jpg)
02/08/15 © P C F de Oliveira 2015 9
SINTAXE
![Page 10: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/10.jpg)
02/08/15 © P C F de Oliveira 2015 10
![Page 11: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/11.jpg)
02/08/15 © P C F de Oliveira 2015 11
VariáveisBalde
![Page 12: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/12.jpg)
02/08/15 © P C F de Oliveira 2015 12
VariáveisBaldes
![Page 13: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/13.jpg)
02/08/15 © P C F de Oliveira 2015 13
Variáveis
var minha_var;var teste1, teste2;
![Page 14: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/14.jpg)
02/08/15 © P C F de Oliveira 2015 14
Variáveis
var MYVAR, myvar, myVar, MyVar, MyVaR;
![Page 15: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/15.jpg)
02/08/15 © P C F de Oliveira 2015 15
Variáveis
var idadeDoPC = 55;var precoDoProduto = 28.75;var nomeDoInstrutor = "Paulo Oliveira"; var acessoLiberado = true;var negativo = -1;
sinal de atribuição
![Page 16: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/16.jpg)
02/08/15 © P C F de Oliveira 2015 16
var minha_var;
Deve começar por uma letra (A-Z ou a-z)
Após isto, quantas letras, números ou underscore(underline) você quiser
não pode conter espaçosnão pode conter
caracteres especiais( ! . , / \ + * = )
![Page 17: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/17.jpg)
02/08/15 © P C F de Oliveira 2015 17
Variáveis
var idadeDoPC = 55;
declara uma variável chamada idadeDoPC e atribui a ela o valor 55
![Page 18: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/18.jpg)
02/08/15 © P C F de Oliveira 2015 18
Variáveis
var nomeDoInstrutor = "Paulo Oliveira";
atribui uma cadeia de caracteres (string) à variável nomeDoInstrutor
![Page 19: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/19.jpg)
02/08/15 © P C F de Oliveira 2015 19
Variáveis
var acessoLiberado = true;
atribui o valor verdadeiro à variável acessoLiberado. Estes valores (true/false) são chamados de booleanos
![Page 20: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/20.jpg)
02/08/15 © P C F de Oliveira 2015 20
Variáveis
var contador;
você está apenas declarando uma variável chamada contador para uso posterior
![Page 21: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/21.jpg)
02/08/15 © P C F de Oliveira 2015 21
![Page 22: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/22.jpg)
02/08/15 © P C F de Oliveira 2015 22
var var1;
alert (var1); //aparecerá uma caixa de // diálogo contendo// “undefined”// (i.e. indefinido)
![Page 23: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/23.jpg)
02/08/15 © P C F de Oliveira 2015 23
var var1 = null;
alert (var1); //aparecerá uma caixa de // diálogo contendo// “null”// (i.e. um valor nulo)
![Page 24: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/24.jpg)
02/08/15 © P C F de Oliveira 2015 24
var var1 = 8;
alert (var1); //aparecerá uma caixa de // diálogo contendo// o valor 8
![Page 25: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/25.jpg)
02/08/15 © P C F de Oliveira 2015 25
var var1 = 5.5;
alert (var1 + var1); //aparecerá uma// caixa de // diálogo contendo// o valor 11
![Page 26: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/26.jpg)
02/08/15 © P C F de Oliveira 2015 26
var var1 = "cinco";
alert (var1); //aparecerá uma caixa de // diálogo contendo// a cadeia de caracteres// "cinco"
![Page 27: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/27.jpg)
02/08/15 © P C F de Oliveira 2015 27
var var1 = "bye";
alert (var1 + var1); //aparecerá uma //caixa de // diálogo contendo// a cadeia de//caracteres// "byebye"
![Page 28: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/28.jpg)
02/08/15 © P C F de Oliveira 2015 28
var var1 = "bye";
alert (var1 + var1);
junta strings quando usado com elas. (chamado operador de concatenação)
![Page 29: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/29.jpg)
02/08/15 © P C F de Oliveira 2015 29
var var1 = "5";
alert (var1 + var1); //aparecerá uma// caixa de // diálogo//contendo// o valor "55"
![Page 30: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/30.jpg)
02/08/15 © P C F de Oliveira 2015 30
var var1 = "cinco";var num = 5;
alert (var1 + num); //aparecerá uma// caixa de // diálogo// contendo// o valor “cinco5"
![Page 31: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/31.jpg)
02/08/15 © P C F de Oliveira 2015 31
var var1 = true;
alert (var1); //aparecerá uma caixa de // diálogo contendo// o valor true
![Page 32: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/32.jpg)
02/08/15 © P C F de Oliveira 2015 32
![Page 33: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/33.jpg)
02/08/15 © P C F de Oliveira 2015 33
var soma = 10 + 5; //15var subtracao = 10 – 5; //5var multiplicacao = 10 * 5; //50var divisao = 10 / 5; //2var restodivisao = 10 % 3; //1
![Page 34: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/34.jpg)
02/08/15 © P C F de Oliveira 2015 34
1. Parenteses2. Divisao e
Multiplicacao3. Soma e Subtracao
~~
~‚
‚
![Page 35: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/35.jpg)
02/08/15 © P C F de Oliveira 2015 35
var media_errada = 10 + 8 / 2; //14var media_correta = (10 + 8) / 2; //9
![Page 36: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/36.jpg)
Significado Sinal
Igualdade ==Diferença !=Menor <Menor ou Igual <=Maior >Maior ou Igual >=
02/08/15 © P C F de Oliveira 2015 36
![Page 37: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/37.jpg)
02/08/15 © P C F de Oliveira 2015 37
Não confundir o sinal de atribuicao (=) com o sinal de igualdade (==)
~‚
![Page 38: Prof. Paulo Cesar F. De Oliveira, BSc, PhD02/08/15 © P C F de Oliveira 2015 7 4 Instrução alert(“Obrigado.”); script é composto por um conjunto de instruções terminam com](https://reader035.fdocumentos.tips/reader035/viewer/2022070906/5f7ac604f146ec49d868ba96/html5/thumbnails/38.jpg)
Significado Símbolo
AND (E) &&OR (OU) ||NOT (NÃO) !
02/08/15 © P C F de Oliveira 2015 38