Sintaxe Básica Java Script

Java Script
Introduo
Contedo
Introduo JavaScript Parte 1
Apresentar a natureza da linguagem JavaScript

Apresentar o JavaScript como ferramenta de manipulao de elementos do
HTML
Apresentar os estilos e eventos mais comuns utilizados com o JavaScript
26/02/2016
JavaScript: uma linguagem interpretada
Pginas Web Dinmicas: possuem capacidade de se modificar, de

alguma forma, quando o usurio faz alguma ao especfica.
Como implementar?
Atravs de pequenos programas.
Associados ao cdigo da pgina
Associados a aes do usurio
Quais linguagens permitem fazer isso?
26/02/2016
Linguagens mais usadas na Web
26/02/2016
Linguagem Interpretada
Linguagens podem ser de dois tipos:

Compiladas
Interpretadas
Compiladas
26/02/2016
Linguagem Interpretada
Interpretadas
Diferena na distribuio
Comprar um livro traduzido

Ir ao Oscar com um intrprete
JavaScript: intrprete o navegador

26/02/2016
Server Side x Cliente Side
Exemplo de Processamento Server Side
26/02/2016
Exemplo de Processamento Client Side
26/02/2016
E a segurana...
Cliente Side mais fraco!
Usurio tem acesso ao cdigo

Usurio pode modificar o cdigo
Transferir para o lado cliente bom...
Mas requer cuidado

Apenas se no compromete a segurana
26/02/2016
O JavaScript
O que JavaScript?
uma linguagem utilizada principalmente para auxlio de desenvolvimento de pginas
para a Internet.
JavaScript a mesma coisa que Java?
No, JavaScript mais simples que Java. Aprender JavaScript o melhor comeo se
voc quer aprender Java, C, C++, PHP, pois a sintaxe (forma de escrever a linguagem)
semelhante.
O que posso fazer com o JavaScript?
Voc pode tornar suas pginas mais "inteligentes", com recursos adicionais como:
botes que mudam ao passar o mouse em cima, exibir o horrio atual, verificar se o
preenchimento de um formulrio est correto, e muito mais!
O JavaScript pode lhe salvar nas horas em que voc menos espera, pois as
possibilidades de utilizao so infinitas.
26/02/2016
10
Onde Coloco o Cdigo JavaScript?
O Cdigo JavaScript fica Entre o <script> e o </script>.
<html>
<body>
<script>
alert("Minha primeira mensagem!")
</script>
</body>
</html>
26/02/2016
11
Exemplo bsico, manipulao de varivel
Faz aparecer na tela o resultado de um clculo:
<html>
<body>
<script>
a=2
b=9
c=a+b
alert(c)
</script>
</body>
</html>
26/02/2016

12
Expresses condicionais if
Implementar o uso de expresses condicionais

<html>
<body>
<script>
bananas = 6
if (bananas == 6)
{
alert(" verdade. Temos meia dzia de bananas")
}
</script>
</body>
</html>
26/02/2016
13
Expresses condicionais if else
Utilizar o else, quando o if no for verdadeiro

<html>
<body>
<script>
bananas = 6
if (bananas == 6)
{
alert(" verdade. Temos meia dzia de bananas")
}
else
{
alert("No verdade. Temos outra quantidade de bananas")
}
</script>
</body>
</html>
26/02/2016
14
Expresses condicionais if else encadeadas
Demonstrar o uso encadeado do if else

<html>
<body>
<script>
bananas = 22
if (bananas == 6)
{
alert("Temos seis de bananas")
}
else if (bananas == 10)
{
alert("Temos dez bananas")
}
else
{
alert("Temos outra quantidade de bananas")
}
</script>
</body>
</html>
26/02/2016
15
Expresses seletoras switch

<html>
<body>
<script>
farol = "amarelo"
switch (farol) {
case "vermelho":
alert("Pare")
break
case "amarelo":
alert("Atencao")
break
case "verde":
alert("Prossiga")
break
default:
alert("Cor ilegal")
}
</script>
</body>
</html>
26/02/2016
16
Expresses seletoras switch
<html>
<body>
<script>
letra = "e"
switch (letra) {
case "a":
case "e":
case "i":
case "o":
case "u":
alert("Vogal")
break
default:
alert("Outro caracter")
}
</script>
</body>
</html>
26/02/2016
17
Expresses de loops for
Usa-se o for quando se quer que um trecho de cdigo se repita n vezes.

<html>
<body>
<script>
a=1
for (i = 0; i < 5; i++)
{
a=i
}
alert(a)
</script>
</body>
</html>
26/02/2016
18
Expresses de loops while
Usa-se o while quando se quer que um trecho de cdigo se repita n

vezes, com condicional bem simples.
<html>
<body>
<script>
numero = 0
while (numero < 10)
{
numero++
}
alert(numero)
</script>
</body>
</html>
26/02/2016
19
Expresses de loops do while
Usa-se o do while quando se quer que um trecho de cdigo se repita n vezes,

mas executa o bloco de cdigo antes da verificao da condio.
<html>
<body>
<script>
numero = 0
do
{
numero++
}
while (numero < 10)
alert(numero)
</script>
</body>
</html>
26/02/2016
20

Sintaxe Básica Java Script

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Sintaxe Básica Java Script

Caricato da

Copyright:

Formati disponibili

Java Script

Introduo JavaScript Parte 1

Apresentar a natureza da linguagem JavaScript

JavaScript: uma linguagem interpretada

Pginas Web Dinmicas: possuem capacidade de se modificar, de

Quais linguagens permitem fazer isso?

Linguagens mais usadas na Web

Linguagens podem ser de dois tipos:

Comprar um livro traduzido

JavaScript: intrprete o navegador

Server Side x Cliente Side

Exemplo de Processamento Server Side

Server Side x Cliente Side

Exemplo de Processamento Client Side

Server Side x Cliente Side

Usurio tem acesso ao cdigo

Transferir para o lado cliente bom...

Mas requer cuidado

Onde Coloco o Cdigo JavaScript?

O Cdigo JavaScript fica Entre o <script> e o </script>.

Exemplo bsico, manipulao de varivel

Faz aparecer na tela o resultado de um clculo:

Implementar o uso de expresses condicionais

Expresses condicionais if else

Utilizar o else, quando o if no for verdadeiro

Expresses condicionais if else encadeadas

Demonstrar o uso encadeado do if else

Expresses seletoras switch

Expresses seletoras switch

Expresses de loops for

Usa-se o for quando se quer que um trecho de cdigo se repita n vezes.

Expresses de loops while

Usa-se o while quando se quer que um trecho de cdigo se repita n

Expresses de loops do while

Usa-se o do while quando se quer que um trecho de cdigo se repita n vezes,

Potrebbero piacerti anche