Carregar apresentação
A apresentação está carregando. Por favor, espere
1
Introdução JavaScript
Prof. Wolley Prof. Érika
2
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.
3
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
4
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
5
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
6
Como inserir e executar JavaScript
Dentro do <body>
7
Como inserir e executar JavaScript
Dentro do <head>
8
Como inserir e executar JavaScript
Dentro de uma tag input associado a um evento
9
Como inserir e executar JavaScript
Dentro de um arquivo .js
10
Conceitos básicos JavaScript é case-sensitive Tipagem dinâmica
var nome=“Leonardo”; var numInt= 10; var numFloat= 5.5; Comentários /* comentado */ //comentado
11
Conceitos básicos Operadores Aritméticos
12
Conceitos básicos Operadores de Atribuição
13
Conceitos básicos Operadores de comparação
14
Conceitos básicos Diferença entre == e === true
15
Conceitos básicos Diferença entre == e === false
16
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”);
17
Caixa de diálogo confirm e alert
18
Caixa de diálogo prompt
19
Conversão de tipos Funções para conversão parseInt( ); parseFloat( );
Converte uma string em inteiro parseFloat( ); Concerte uma string em número real
20
Conversão de tipos Convertendo valores da entrada (prompt)
21
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.
22
Funções Função que soma dois números e retorna o resultado.
23
Funções Disparando função com um evento
24
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.
25
Eventos Principais eventos
26
Eventos Onload() e onchange(), em um arquivo externo eventos.js
27
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
Apresentações semelhantes
