Programação para Internet Rica– Aula 04 Prof. Me. Ronnison Reges Vidal

Apresentação em tema: "Programação para Internet Rica– Aula 04 Prof. Me. Ronnison Reges Vidal"— Transcrição da apresentação:

1 Programação para Internet Rica– Aula 04 Prof. Me. Ronnison Reges Vidal
1

2 CONTEÚDO Unidade 1 – JavaScript Introdução Variáveis
Operadores JavaScript Estruturas Condicional Estruturas de Repetição 2

3 JavaScript Introdução
JavaScript é uma linguagem de script orientada a objetos, utilizada para desenvolver aplicações cliente para internet. Ela foi criada pela SUN Microsystem inc. em parceria com a Netscape, O sucesso dessa parceria é devido, principalmente, a necessidade de um browser inteligente e uma linguagem de programação distribuída e mais acessível a programadores iniciantes. JavaScript é também chamado de Linguagem de Script "client-side". Isso significa que é uma linguagem de programação de computador que funciona dentro de um navegador de internet (um navegador também é chamado de cliente web porque ele se conecta ao servidor web para baixar páginas). O browser (navegador) interpreta os comando javaScript embutidos no HTML. 3

4 JavaScript Introdução
Com javascript, você tem muitíssimas possibilidades para melhorar sua pagina HMTL incluindo elementos interessantes. Você é capaz de responder muito facilmente a eventos iniciados pelo usuário. Alguns dos efeitos que agora podemos fazer com javascript, há algum tempo o atrás só eram possíveis com CGI. Hoje você pode criar páginas muito sofisticadas com a ajuda do javaScript. As linguagens de script, em geral, e JavaScript em particular, têm um papel completamente diferente do HTML. Por sua própria natureza, elas são linguagens de programação. Isso significa que os scripts podem fazer cálculos, manipular objetos e responder a uma ampla variedade de eventos de usuário. Os scripts, por exemplo, fazem tarefas como validar a entrada de dados de formulários HTML, responder às ações de mouse e teclado, e mudar dinamicamente a posição e o estilo de elementos HTML. 4

5 JavaScript Introdução
Diferente das linguagens de programação formais, como C, C++, C# e Java, as linguagens de script não são compiladas em código de máquina antes de serem executadas. Elas são escritas em texto normal e interpretadas por um hospedeiro em vez de executadas diretamente por uma CPU. No caso das páginas da Web, o navegador da Web funciona como o hospedeiro e interpreta os scripts dentro da (ou referenciados na) página da Web enquanto esta carrega. Porque usar javaScript? 5

6 JavaScript Introdução
Usamos o javaScript em nossas páginas para simplificar as tarefas de nossos usuários finais, fornecer reações às suas ações, e tentar fazer o seu tempo na web uma experiência mais suave e mais amigável. Os scripts nada são além de uma série de expressões ou comandos que dizem ao hospedeiro do script ( o navegador web ) o que fazer. Essas expressões podem ser simples comandos que atribuem valores a variáveis ou definições de funções que contêm comandos mais complexos. 6

7 JavaScript Variáveis Uma variável é um espaço em memória onde se armazena uma informação. Esta informação pode ser utilizada para realizar as ações de nossos programas. Os nomes das variáveis em JavaScript devem ser compostos por caracteres alfanuméricos e o caractere sublinhado (_). O nome de uma variável deve começar por um caractere alfabético ou sublinhado. Não podemos utilizar caracteres especiais como o símbolo +, um espaço ou um $. 7

8 JavaScript Variáveis Exemplos de nome válidos: cidade DataDeNascimento
8

9 JavaScript Variáveis Não devemos utilizar nomes reservados como variáveis, por exemplo, não poderemos chamar a nossa variável de “return” ou “for”. Exemplos de nome inválidos: pe%pi 6meses meu nome return 9

10 JavaScript Variáveis Declaração de variáveis
Declarar variáveis consiste em definir e informar ao sistema de que vamos utilizar uma variável. Nas linguagens de programação é um comum definir as variáveis que serão utilizadas nos programas e para isso, são estabelecidas algumas regras restritas. Porém, javascript é uma linguagem mais livre na hora de programar, e um dos casos no qual outorga um pouco de liberdade é na hora de declarar as variáveis, já que não estamos obrigados a fazê-lo, ao contrário do que acontece na maioria das linguagens de programação. 10

11 JavaScript Variáveis Declaração de variáveis
De qualquer forma, é aconselhável declarar as variáveis, além de uma boa prática e para isso Javascript conta com a palavra var. utiliza-se essa palavra para definir a variável antes de utilizá-la. var operando1 var operando2 11

12 JavaScript Variáveis Declaração de variáveis
Também pode-se atribuir um valor à variável quando se está declarando var operando1 = 23 var operando2 = 33 Também se permite declarar várias variáveis na mesma linha, sempre que se separem por vírgulas. var operando1,operando2 12

13 JavaScript Variáveis Declaração de variáveis
Estes caracteres são especificados dentro de uma string.  \n à Insere uma quebra de linha.  \t à Insere uma tabulação.  \r à Insere um retorno.  \f à Insere um caractere de barra. \t à Tabulação.  \’ à Apóstrofo.  \” à Aspas.  \\ à Barra Invertida.  \XXX à Caractere representado pela codificação Latin-1 Exemplo \251 à representa o caractere de copyright ©. OBS: As letras dos operadores devem apresentar-se em letras minúsculas. 13

14 JavaScript Operadores do JavaScript
Os operadores permitem realizar cálculos, comparações e atribuir valores as variáveis de memória. Operador de atribuíção O operador mais utilizado em uma linguagem de programação é o de atribuição conhecido como sinal de igualdade (=). Exemplo: X = 20; 14

15 JavaScript Operadores do JavaScript
Além deste caractere de atribuição, é possível a combinação com outros operadores como  mostrado à seguir:  x += y x -= y x *= y x /= y x %=y O que equivale respectivamente as expressões: x = x + y x = x – y x = x * y x = x / y x = x % y 15

16 JavaScript Operadores do JavaScript Operadores Aritméticos
Servem para realizar cálculos matemáticos Operador Descrição + adição - subtração * multiplicação / divisão % módulo ++ incremento -- decremento 16

17 JavaScript Operadores do JavaScript Operadores de comparação
Servem para comparar conteúdos de variáveis de memória. Operador Descrição = = igualdade != diferença >= Maior ou igual <= menor ou igual > Maior que < Menor que 17

18 JavaScript Operadores do JavaScript Operadores lógicos
Servem para criar um expressão com mais de dois valores para serem comparados. Operador Descrição && ou AND E || ou OR OU ! ou NOT Não 18

19 JavaScript Estruturas Condicionais
São comandos que condicionam a execução de certa tarefa à veracidade ou não de uma determinada condição, ou enquanto determinada condição for verdadeira. Estrutura de decisão Comando if A instrução if é uma das mais importantes em JavaScript , é através dela que podemos utilizar o conjunto dos operadores de comparação e determinar um novo curso para seu programa. 19

20 JavaScript Estruturas Condicionais Estrutura simples if (condição){
Bloco de comandos; Estrutura composta Bloco de comandos verdade; } else{ Bloco de comandos falso; 20

21 JavaScript Estruturas Condicionais Comando case
É um comando de seleção onde durante a execução do script visa encontrar a igualdade. Sintaxe: switch (variável){ case 'valor 1': { bloco de comandos; ƒ break; } case 'valor2: { ƒ break;} default:{ comando alternativo; 21

22 JavaScript Estruturas de Repetição
Temos 3 tipos de estrutura de repetição que servem para executar um script várias vezes. Estrutura for A instrução for realiza uma ação até que determinada condição seja satisfeita. Sintaxe: for (início;condição;incremento) { comandos } Exemplo: <script> for (i=1 ; i<=10 ; i++){ document.write("número: "+ i +"<br>"); </script> 22

23 JavaScript Estruturas de Repetição Estrutura for in
Com a estrutura for in podemos percorrer os elementos de uma matriz ou as propriedades de um objeto. for( variável no objeto) { bloco de comandos; } O bloco de comandos no loop é executado uma vez para cada elemento / propriedade. O argumento variável pode ser uma variável, u/m elemento de uma matriz, ou uma propriedade de um objeto. 23

24 JavaScript Estruturas de Repetição Exemplo: <html> <body>
<script type="text/javascript"> var x; var meusCarros = new Array(); meusCarros[0] = "Ferrari"; meusCarros[1] = "Porsche"; meusCarros[2] = "BMW"; for (x in meusCarros) { document.write(meusCarros[x] + "<br />"); } </script> </body> </html> 24

25 JavaScript Estruturas de Repetição Estrutura while
Executar um bloco de código um número especifico de vezes ou enquanto uma condição especifica for verdadeira. A estrutura while faz a mesma coisa que o for, porém a variável de controle do laço deve ser iniciada antes da instrução while. Sintaxe while (variável<=valor) { bloco de comandos; } 25

26 JavaScript Estruturas de Repetição Exemplo: <html> <body>
<html> <body> <script type="text/javascript"> var i=0; while (i<=5) { document.write("O número é " + i); document.write("<br />"); i++; } </script> </body> </html> 26

27 JavaScript while (variável<=valor); Estrutura do...while
A estrutura do...while é uma variante da estrutura while. Este ciclo irá executar o bloco de código pelo menos uma vez, e então ele irá repetir o loop enquanto a condição especificada for verdadeira. Sintaxe: do { bloco de comandos; } while (variável<=valor); 27

28 JavaScript Estrutura do...while Exemplo: <html> <body>
<script type="text/javascript"> var i=0; do { document.write("O número é " + i); document.write("<br />"); I++; } while (i<=5); </script> </body> </html> 28