JavaScript Aula01

DESENVOLVIMENTO WEB II
JavaScript
Aula 01
Prof. Gustavo Linhares
Introdução ao JavaScript
 JavaScript é uma linguagem de programação que

roda no lado do cliente(navegador do usuário) e nos
permite realizar determinadas ações dentro de uma
página web, melhorando a interatividade com o
usuário.
Introdução ao JavaScript
 JavaScript é A linguagem de script da web.

 JavaScript é usado em milhares de milhões de
páginas da Web para adicionar funcionalidade,
validar formulários, comunicar com o servidor, e
muito mais.
 JavaScript é fácil de aprender.
Quem a criou?
 Criada pela Netscape em 1995, a princípio se

chamava LiveScript e visava atender necessidades
como a interação com a página web e validação de
formulários no lado do cliente.
JavaScript não descende do Java
 Assim, foi criada como uma linguagem de script. Sua

sintaxe é semelhante a do Java. No entanto, é
importante destacar que JavaScript não descende e
não tem relação com Java, tanto no conceito como no
uso.
Vantagens
 Capacidade de interagir plenamente com uma página

HTML, permitindo que conteúdos(incluindo códigos
HTML ou até mesmo JavaScript) sejam adicionados
dinamicamente;
 Linguagem com tipagem dinâmica, ou seja, os tipos
de variáveis não precisam ser definidos no início do
programa
Vantagens
 Linguagem interpretada em vez de compilada;

 Orientada a Objetos;
 Utilizada largamente por aplicações AJAX.
Como escrever um
programa JavaScript?
• O JavaScript deve ser escrito dentro de um

documento HTML(ou XHTML). De acordo com o
padrão W3C, o uso do JavaScript deve ser informado
ao navegador da seguinte forma:
Como escrever um
 O código pode ser incorporado como no CSS entre as

tags <head></head>.
Como escrever um
• O atributo language é opcional. Em uma mesma

página podemos incluir vários scripts, cada um
dentro das suas respectivas tags <script> e </script>.
Além disso pode-se escrever código JavaScript dentro
de alguns atributos das tags HTML, como, por
exemplo, no onclick.
Como escrever um
 O código pode ser importado como no CSS entre as

tags <head></head>.
Como escrever um
 O código pode ser inline como no CSS entre as tags

<body></body>.
Variáveis
As variáveis devem iniciar com uma letra ou

com o símbolo _. Além disso elas são case
sensitive, ou seja, a linguagem diferencia as
letras minúsculas das maiúsculas. Para definir
uma variável utiliza-se a instrução var seguida
do nome desejado para a variável.
Variáveis
Não é necessário definir o tipo da variável,

pois JavaScript possui tipagem dinâmica. Veja
alguns exemplos de definição de variáveis:
Variáveis
var nome;
var cidade, estado;
var valido = true;
var pergunta = “Qual o seu nome?”;
 Observe que nos dois primeiros casos as variáveis

foram definidas sem nenhum valor inicial,
enquanto que nos dois últimos foi atribuído um
valor-padrão para cada variável.
Escopo de Variáveis
Globais– variáveis que são declaradas

diretamente na página são chamadas de
globais.
<script>
var variavelGlobal;
</script>
Escopo de variáveis
 Locais– variáveis que são declaradas dentro de

funções. Ou seja estão disponíveis apenas
enquanto a função estiver em execução.
<script>
function minhaFuncao()
{
var variavelLocal;
}
</script>
Escopo de variáveis
OBS: Se uma variável local tiver o mesmo

nome de uma global, será utilizado o valor da
variável local à função que estiver sendo
executada.
Vetores ou Matrizes
 Além das variáveis escalares que armazenam apenas

um valor por vez, podemos criar vetores e matrizes.
Para isso utilizaremos a palavra Array
 Por exemplo, as duas linhas a seguir definem dois
vetores e outro com cinco elementos predefinidos.
 var vetor = new Array;
 var outrovetor = new Array(1,2,3,4,5);
Vetores ou Matrizes
Outra alternativa seria simplesmente

manipularmos uma variável como se fosse um
array, sem informar seu tipo.
var vetor;
vetor[2]=“Livro”;
vetor[4]=“Ajax”;
Vetores ou Matrizes
 Para obter o número de elementos de um vetor,

utilizamos seu atributo length.
var vetor = new Array(1,2,3);

document.write(“O vetor possui” +
vetor.length +”elementos!”);
 Este script exibirá como resultado a frase:

 O vetor possui 3 elementos;
Vetores ou Matrizes
Métodos sort() e join()

O método sort classifica os elementos do
vetor em ordem alfabética, enquanto join
retorna todos os elementos do vetor.
Vetores ou Matrizes
<script language=“javascript”>
var vetor = new
Array(“Januária”,”Salinas”,”Pirapora”);
document.write(“Elementos do vetor:”+vetor.join()+”<br
/>”);
ducument.write(“Vetor ordenado:”+vetor.sort());
</script>
Operadores Aritméticos
Operador Operação
Op1 + Op2 Adição
Op1 - Op2 Subtração
Op1 * Op2 Multiplicação
Op1 / Op2 Divisão
Op1 % Op2 Resto da divisão
Op1++ Incremento
Op1- - Decremento
Operadores Aritméticos
 No caso do operador +, se pelo menos um dos

operandos for do tipo texto, ele será utilizado
como operador de cadeia, ou seja, para
concatenar as cadeias de caracteres fornecidas.
Por Exemplo:
texto1 = “Gustavo”;
texto2 = “Linhares”;
cadeia = texto1 + texto2; // cadeia
vale “Gustavo Linhares”
Operadores de atribuição
Operador Operação
Op1 = Op2 Op1 recebe o valor de op2
Op1 += Op2 Equivale a op1 = op1 + op2
Op1 -= Op2 Equivale a op1 = op1 - op2
Op1 *= Op2 Equivale a op1 = op1 * op2
Op1 /= Op2 Equivale a op1 = op1 / op2
Op1 %= Op2 Equivale a op1 = op1 % op2

Operadores lógicos e
comparação
Operador Operação
!op1 Verdadeiro se op1 for falso
Op1 && Op2 Verdadeiro se op1 E op2 forem verdadeiros.
Op1 || Op2 Verdadeiro se op1 OU op2 forem verdadeiros.
Op1 == Op2 Verdadeiro se op1 for igual a op2
Op1 != Op2 Verdadeiro se op1 for diferente de op2
Op1 > Op2 Verdadeiro se op1 for maior que op2
Operadores lógicos e
comparação
Operador Operação
Op1 < Op2 Verdadeiro se op1 for menor que op2
Op1 >= Op2 Verdadeiro se op1 for maior ou igual a

op2
Op1 < Op2 Verdadeiro se op1 for menor ou igual

a op2
Estruturas de controle IF
 O comando if avalia uma expressão e, dependendo do
resultado, é executado um conjunto diferente de
instruções.
Chaves “{“
if(expressão){ opcional quando
temos apenas
<bloco de comandos 1> uma linha de
. . . comando e
} else{ obrigatório
quando temos
<bloco de comandos 2> mais de uma linha
. . . de comando.
}
<script language="javascript"
type="text/javascript">
var idade = 18;
if(idade >= 18){
document.write("Você pode entrar");
}
else{
document.write("você não pode entrar");
}
</script>
var i = 2;
if(i==0){
document.write("i igual a 0");
}
else if(i==6){
}
else if(i==2){
}
</script>
Estruturas de controle
SWITCH
Comando semelhante ao if porém estruturado

de outra forma.
SWITCH
<script language="javascript" type="text/javascript">
var nome = "Mateus";
switch(nome){
case "Pedro":
document.write("Oi");
break;
case "Mateus":
document.write("Olá");
break;
default:
document.write("Tchau");
break;
}
</script>
WHILE
O comando while é um comando de
repetição que executa um bloco de comandos
enquanto a expressão fornecida for
verdadeira.
while(expressão){
<comandos>
}
WHILE
var i = 1;
while(i <=10){
document.write(i++);
}
</script>
WHILE
O comando do... while embora seja
semelhante ao while, avalia a expressão
somente no fim do laço.
do{
<comandos>
}while(expressão)
WHILE
var i = 1;
do{
document.write(i++)
} while(i <= 10);
</script>
Estruturas de controle FOR
 O comando for nos permite executar um

conjunto de instruções um número determinado
de vezes.
For(inicialização; condição;
operador)
{
<comandos>
}
Estruturas de controle FOR
<html>
<head>
<title> Exemplo de laço for</title>
</head>
<body>
<script language=“javascritp”>
document.write(“<table border=\”1\”>”);
for(i=1;i<10;i++){
document.write(“<tr><td>”);
document.write(“linha”+ i”);
document.write(“</td></tr>”);
}
document.write(“</table>”);
</script>
</body>
</html>
Final da Aula 01
JavaScript
Próxima aula : funções

JavaScript Aula01

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

JavaScript Aula01

Diunggah oleh

Hak Cipta:

Format Tersedia

DESENVOLVIMENTO WEB II

 JavaScript é uma linguagem de programação que

 JavaScript é A linguagem de script da web.

 Criada pela Netscape em 1995, a princípio se

 Assim, foi criada como uma linguagem de script. Sua

 Capacidade de interagir plenamente com uma página

 Linguagem interpretada em vez de compilada;

• O JavaScript deve ser escrito dentro de um

 O código pode ser incorporado como no CSS entre as

• O atributo language é opcional. Em uma mesma

 O código pode ser importado como no CSS entre as

 O código pode ser inline como no CSS entre as tags

As variáveis devem iniciar com uma letra ou

Não é necessário definir o tipo da variável,

 Observe que nos dois primeiros casos as variáveis

Globais– variáveis que são declaradas

 Locais– variáveis que são declaradas dentro de

OBS: Se uma variável local tiver o mesmo

 Além das variáveis escalares que armazenam apenas

Outra alternativa seria simplesmente

 Para obter o número de elementos de um vetor,

var vetor = new Array(1,2,3);

 Este script exibirá como resultado a frase:

Métodos sort() e join()

var vetor = new

 No caso do operador +, se pelo menos um dos

Op1 += Op2 Equivale a op1 = op1 + op2

Op1 -= Op2 Equivale a op1 = op1 - op2

Op1 *= Op2 Equivale a op1 = op1 * op2

Op1 /= Op2 Equivale a op1 = op1 / op2

Op1 %= Op2 Equivale a op1 = op1 % op2

Op1 >= Op2 Verdadeiro se op1 for maior ou igual a

Op1 < Op2 Verdadeiro se op1 for menor ou igual

Comando semelhante ao if porém estruturado

 O comando for nos permite executar um

Próxima aula : funções

Anda mungkin juga menyukai

Op1 = Op2 Equivale a op1 = op1 op2