Introdução JavaScript Prof. Wolley Prof. Érika
JavaScript Brendan Eich 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.
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 Confirmação Caixa de Entrada de dados 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( ); parseFloat( ); 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