Introduo ao JavaScript

Prof. Rosinei Soares de Figueiredo

JavaScript
Javascript uma linguagem de programao de scripts
de lado cliente que extende e completa o HTML:

Javascript capaz de acessar e modificar

dinamicamente qualquer elemento de uma pgina
HTML, por isso muito utilizada para:
Efeitos especiais;
Interatividades com o usurio;
Comunicao com servidores.

JavaScript
Javascript e Java:
Javascript possui sua sintaxe baseada na
linguagem Java;
Porm, JavaScript suporta poucos tipos de dados, e
implementa apenas alguns conceitos de orientao
a objetos, ao contrrio da linguagem Java.

Terminologia JavaScript
importante entender alguns termos
fundamentais JavaScript:
Objetos, Propriedades, Mtodos,
Eventos, Funes, Valores, Expresses,
Variveis, Operadores.

Objetos

Os objetos referem-se janelas, documentos,

imagens, tabelas, formulrios, links, botes, etc.
Objetos devem ser nomeados.
Objectos tm propriedades que funcionam como
modificadores.

Propriedades
Propriedades so atributos dos
objetos.
Propriedades so definidas usando o
nome do objeto, algum meio de
apontamento, e o nome da
propriedade.
ex: cliente.nome
cliente um objeto.
nome uma propriedade.

Mtodos
Mtodos so aes aplicadas a
objetos particulares. Os mtodos
so o que os objetos podem fazer.
Ex.: document.write(Hello
World")
document um objeto.
write um mtodo.

Eventos
Eventos so conjuntos de aes relacionados
com as possveis interferncias externas que um
objeto pode sofrer.
Ex.: o evento OnMouseOver manipula aes que
podem alterar alguma caracterstica de um objeto
quando o mouse passa sobre ele.
Ex.: o evento onSubmit dispara suas aes no
momento em que se solicita o envio de um formulrio.

Geralmente, as aes do usurio disparam os

eventos.

Funes
Funes so conjuntos de instrues
agrupadas, geralmente declaradas sob
algum nome de identificao, sem
vinculao com algum objeto especfico.
Ex.: function fazAlgo ()
{statement here}
As chaves contm os comandos das funes.

JavaScript possui funes nativas e permite

a criao de novas funes.

Valores
Valores so dados ou informaes
armazenadas.
Exemplos de tipos e valores:
Numrico: 1, 2, 3, etc.
String: Caracteres entre aspas.
Boolean: Verdadeiro ou Falso.
Objetos: Imagem, Formulrio.
Funes: validacao(), fazAlgo().

Variveis
Variveis so espaos que contm
valores, que podem ser
especificados com um sinal de igual
(=).
Variveis so criadas atravs de uma
declarao usando a palavra var:
Ex.: var nome;
Ex.: var nome = Alceu Bispo;

Variveis
O nome das variveis case
sensitive;
Eles precisam comear com letra,
$ ou _, seguidos de letras e
nmeros;
A palavra var opcional quando a
varivel declarada com atribuio
de valor.

Expresses
Expresses so comandos que
atribuem valores a variveis.
Expresses usam um operador de
atribuio, como o sinal de igual.
Ex.: var nome = Joaquim;

Em JavaScript, expresses podem

ou no terminar com ponto e
vrgula.

Principais tipos de dados

Tipos primrios:
String;
Number;
Boolean.

Tipos compostos:
Object;
Array.
Tipos especiais:
null;
undefined.

Operadores
Operadores so utilizados para
manipular variveis ou valores.

Operator

Description

Example

Addition

x=2

Result

y=2
x+y

Subtraction

x=5

y=2
x-y

Multiplication

x=5

20

y=4
x*y

Division

15/5
5/2

++

Modulus (division
remainder)

Increment

3
2,5

5%2

10%8

10%2

x=5

x=6

x++

--

Decrement

x=5
x--

x=4

Operator

Example

Is The Same As

x=y

x=y

+=

x+=y

x=x+y

-=

x-=y

x=x-y

*=

x*=y

x=x*y

/=

x/=y

x=x/y

%=

x%=y

x=x%y

Operator

Description

Example

==

is equal to

5==8 returns
false

===

is equal to (checks for

both value and
type)

x=5
y="5"

x==y returns true

x===y returns
false

!=

is not equal

5!=8 returns true

>

is greater than

5>8 returns false

<

is less than

5<8 returns true

>=

is greater than or equal

to

5>=8 returns
false

<=

is less than or equal to

5<=8 returns true

Operator

Description

Example

&&

and

x=6
y=3

(x < 10 && y > 1)

returns true

||

or

x=6
y=3

(x==5 || y==5)
returns false

not

x=6
y=3

!(x==y) returns
true

JavaScript - Vinculao
JavaScript pode ir direto na estrutura
HTML:

JavaScript - Vinculao
JavaScript pode ir numa seo parte
(geralmente <head>):

JavaScript - Vinculao
JavaScript pode ir num arquivo externo
(.js):

JavaScript - Vinculao
Chamada de scripts contidos em um
arquivo externo :

JavaScript Objetos Nativos

window: O objeto mais acima na hierarquia, contm
propriedades que se aplicam a toda a janela.
location: Contm as propriedades da URL atual.
history: Contm as propriedades das URLs visitadas
anteriormente.
document: Contm as propriedades do documento
contido na janela, tais como o seu contedo, ttulo,
cores, etc.

JavaScript Tarefas bsicas

Mtodos do objeto window:
alert(), confirm(), prompt(), etc.

Mtodos do objeto document:

getElementById(), write(), etc.

JavaScript Acesso aos

elementos

JavaScript Acesso aos

elementos
A identificao dos elementos feita:
Pelo ID das Tags;
Pelo nome dado s Tags;
Pela classe atribuda s Tags.

Referncias
LIMA, Adriano Gomes. JavaScript
Aplicaes Interativas para a Web.
2006.
W3SCHOOLS. JavaScript Tutorial.
Disponvel em <http://
www.w3schools.com/js/default.asp>.
Acessado em 09 de maro de 2015.