Prof. Paulo Cesar F. De Oliveira, BSc, PhD

02/08/15 © P C F de Oliveira 2015 1

02/08/15 © P C F de Oliveira 2015 2

O que é JavaScript?Sintaxe?

02/08/15 © P C F de Oliveira 2015 3

REGRASBÁSICAS

02/08/15 © P C F de Oliveira 2015 4

1JavaScript é sensível à maiúscula e minúscula(case-sensitive)

“myVariable” ≠ “myvariable” ≠ “MYVariable”

02/08/15 © P C F de Oliveira 2015 5

2JavaScript ignora espaço em branco

var nome="Paulo";

=

var nome = "Paulo";

02/08/15 © P C F de Oliveira 2015 6

3Quebra de linha de código

document.write("Hello \World!");

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)

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. */

02/08/15 © P C F de Oliveira 2015 9

SINTAXE

02/08/15 © P C F de Oliveira 2015 10

02/08/15 © P C F de Oliveira 2015 11

VariáveisBalde

02/08/15 © P C F de Oliveira 2015 12

VariáveisBaldes

02/08/15 © P C F de Oliveira 2015 13

Variáveis

var minha_var;var teste1, teste2;

02/08/15 © P C F de Oliveira 2015 14

Variáveis

var MYVAR, myvar, myVar, MyVar, MyVaR;

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

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( ! . , / \ + * = )

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

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

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

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

02/08/15 © P C F de Oliveira 2015 21

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)

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)

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

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

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"

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"

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)

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"

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"

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

02/08/15 © P C F de Oliveira 2015 32

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

02/08/15 © P C F de Oliveira 2015 34

1. Parenteses2. Divisao e

Multiplicacao3. Soma e Subtracao

~~

~‚

‚

02/08/15 © P C F de Oliveira 2015 35

var media_errada = 10 + 8 / 2; //14var media_correta = (10 + 8) / 2; //9

Significado Sinal

Igualdade ==Diferença !=Menor <Menor ou Igual <=Maior >Maior ou Igual >=

02/08/15 © P C F de Oliveira 2015 36

02/08/15 © P C F de Oliveira 2015 37

Não confundir o sinal de atribuicao (=) com o sinal de igualdade (==)

~‚

Significado Símbolo

AND (E) &&OR (OU) ||NOT (NÃO) !

02/08/15 © P C F de Oliveira 2015 38