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

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

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 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 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 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 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 JavaScript

Variáveis – Exemplos de nome válidos: cidade DataDeNascimento _nome 8 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 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 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 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 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 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 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 15 JavaScript O que equivale respectivamente as expressões: x = x + y x = x – y x = x * y x = x / y x = x % y

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

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

Operadores do JavaScript – Operadores lógicos Servem para criar um expressão com mais de dois valores para serem comparados. 18 JavaScript OperadorDescrição && ou ANDE || ou OROU ! ou NOTNão

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 JavaScript

Estruturas Condicionais – Estrutura simples if (condição){ – Bloco de comandos; – Estrutura composta if (condição){ – Bloco de comandos verdade; } else{ – Bloco de comandos falso; } 20 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: { » bloco de comandos; » ƒ break;} – default:{ » comando alternativo; – } } 21 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: – for (i=1 ; i<=10 ; i++){ » document.write("número: "+ i +" "); – } 22 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 JavaScript

Estruturas de Repetição – Exemplo: – – var x; – var meusCarros = new Array(); – meusCarros[0] = "Ferrari"; – meusCarros[1] = "Porsche"; – meusCarros[2] = "BMW"; – for (x in meusCarros) – { – document.write(meusCarros[x] + " "); – } – 24 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 JavaScript

Estruturas de Repetição – Exemplo: – – var i=0; – while (i<=5) – { – document.write("O número é " + i); – document.write(" "); – i++; – } – 26 JavaScript

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 JavaScript

Estrutura do...while – Exemplo: – – var i=0; – do – { – document.write("O número é " + i); – document.write(" "); – I++; – } – while (i<=5); – 28 JavaScript