introdução javascript prof. wolley prof. Érika. javascript originalmente desenvolvido por brendan...
TRANSCRIPT
Introdução JavaScript
Prof. WolleyProf. Érika
JavaScript
• Originalmente desenvolvido por Brendan Eich da Netscape sob o nome de Mocha, posteriormente teve seu nome mudado para LiveScript e por fim JavaScript.
• LiveScript foi o nome oficial da linguagem quando foi lançada pela primeira vez na versão beta do navegador Netscape 2.0 em setembro de 1995, mas teve seu nome mudado em um anúncio conjunto com a Sun Microsystems em dezembro de 1995 quando foi implementado no navegador Netscape versão 2.0B3.
• Em novembro de 1996 a Netscape anunciou que tinha submetido JavaScript para Ecma internacional como candidato a padrão industrial e o trabalho subsequente resultou na versão padronizada chamada ECMAScript.
Brendan Eich
JavaScript
• Linguagem integrada no navegador• Linguagem interpretada• Modelo de execução controlado por eventos• Baseada em Objetos (Window, Date(), Array(),
Math())• Tipagem dinâmica: tipos são associados com
valores e não com variáveis
O podemos fazer com JavaScript ?
• Animações• Manipular Elementos do Documento HTML– Acessar seus valores– Alterar estilos– Etc..
• Manipular Arquivos XML e JSON• Server-side: node.js
Como inserir e executar JavaScript
• Podemos inserir nossos códigos JavaScript das seguintes formas:– Dentro do corpo da página <body>....</body>– Dentro do cabeçalho <head>....</head>– Dentro de uma tag html– Em um arquivo separado do html, este arquivo
deve ter a extensão .js
Como inserir e executar JavaScript• Dentro do <body>
Como inserir e executar JavaScript
• Dentro do <head>
Como inserir e executar JavaScript• Dentro de uma tag input associado a um evento
Como inserir e executar JavaScript
• Dentro de um arquivo .js
Conceitos básicos
• JavaScript é case-sensitive• Tipagem dinâmica– var nome=“Leonardo”;– var numInt= 10;– var numFloat= 5.5;
• Comentários– /* comentado */– //comentado
Conceitos básicos
• Operadores Aritméticos
Conceitos básicos
• Operadores de Atribuição
Conceitos básicos
• Operadores de comparação
Conceitos básicos
• Diferença entre == e ===
true
Conceitos básicos• Diferença entre == e ===
false
Caixa de diálogo• Alerta
– Caixa de dialogo para exibir mensagens, possui apenas o botão OK.• alert(“Mensagem”);
• Caixa de Confirmação– Caixa de dialogo para tomada de decisão, possui o botão OK e
Cancelar, retornando true e false respectivamente.• var x = confirm(“Mensagem”);
• Caixa de Entrada de dados– Caixa de diálogo para entrada de dados, o valor deve ser
armazenado em uma variável.• var x = prompt(“Mensagem”, “valor inicial opcional”);
Caixa de diálogo
• confirm e alert
Caixa de diálogo
• prompt
Conversão de tipos
• Funções para conversão
• parseInt( );– Converte uma string em inteiro
• parseFloat( );– Concerte uma string em número real
Conversão de tipos
• Convertendo valores da entrada (prompt)
Funções
• Trechos de código que podem ser acionados através de uma chamada ou de um evento;
• Uma função pode ou não retornar uma resposta para o ponte em que foi chamada, caso necessite de um retorno, utilizamos a comando return.
Funções• Função que soma dois números e retorna o resultado.
Funções• Disparando função com um evento
Eventos
• Os eventos são ações que o usuário faz em uma página e que são associados geralmente as funções do JavaScript ou as funções que nós criamos em nossos códigos.
Eventos
• Principais eventos
Eventos• Onload() e onchange(), em um arquivo externo eventos.js
Laboratório 01• Utilizar o roteiro de aula para praticar os elementos básicos
da linguagem javascript– Variáveis– Arrays– Funções– Eventos– Objetos ( Date, Array)– Estruturas de controle
• If, else• Switch-case• While, do while• for