Estude fácil! Tem muito documento disponível na Docsity
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity
Encontra documentos específicos para os exames da tua universidade
Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade
Responda perguntas de provas passadas e avalie sua preparação.
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
O que é JavaScript. Para iniciantes em programação Javascript.
Tipologia: Notas de estudo
1 / 86
Esta página não é visível na pré-visualização
Não perca as partes importantes!
Introdução a Linguagem JavaScript
São Paulo, 2009
São Paulo, 2009
Prof. MSc. Vladimir Camelo Prof. MSc. Vladimir Camelo
[email protected] [email protected]
Introdução a Linguagem JavaScript
Possibilidades oferecidas em relação ao HTML
Possibilidades oferecidas em relação ao HTML
JavaScript é uma linguagem de programação utilizada para criar
JavaScript é uma linguagem de programação utilizada para criar
pequenos programinhas encarregados de realizar
pequenos programinhas encarregados de realizar ações
ações dentro do
dentro do
âmbito de uma página web
âmbito de uma página web
Com JavaScript podemos criar efeitos especiais nas páginas e definir
Com JavaScript podemos criar efeitos especiais nas páginas e definir
interatividades com o usuário.
interatividades com o usuário.
O navegador do cliente é o encarregado de interpretar as instruções
O navegador do cliente é o encarregado de interpretar as instruções
JavaScript e executá-las para realizar estes efeitos e interatividades.
JavaScript e executá-las para realizar estes efeitos e interatividades.
O navegador do cliente é o encarregado de interpretar as instruções
O navegador do cliente é o encarregado de interpretar as instruções
JavaScript e executá-las para realizar estes efeitos e interatividades.
JavaScript e executá-las para realizar estes efeitos e interatividades.
Introdução a Linguagem JavaScript
Limitações da linguagem HTML
Limitações da linguagem HTML
A linguagem HTML não cumpriu todos os objetivos para o que foi
A linguagem HTML não cumpriu todos os objetivos para o que foi
proposto, pois
proposto, pois não é suficiente para realizar todas as ações que se
não é suficiente para realizar todas as ações que se
podem chegar a necessitar em uma página web
podem chegar a necessitar em uma página web
Introdução a Linguagem JavaScript
Funcionalidades da linguagem HTML
Funcionalidades da linguagem HTML
Apresentar o texto em uma página
Apresentar o texto em uma página
Definir seu estilo
Definir seu estilo
Exibir informações
Exibir informações
Controle de multimídias
Controle de multimídias
E pouco mais ...
E pouco mais ...
Introdução a Linguagem JavaScript
Criado pela empresa Netscape
Criado pela empresa Netscape
Inicialmente chamada de LiveScript (
Inicialmente chamada de LiveScript ( esse nome não durou muito, pois
esse nome não durou muito, pois
a Netscape firmou uma aliança com a Sun Microsystem para
a Netscape firmou uma aliança com a Sun Microsystem para
desenvolver a linguagem JavaScript
desenvolver a linguagem JavaScript )
O principal objetivo era permitir criar pequenos programas nas páginas e
O principal objetivo era permitir criar pequenos programas nas páginas e
que fosse muito mais simples de utilizar que Java.
que fosse muito mais simples de utilizar que Java.
A aliança com a Sun fez com que o JavaScript se tornasse um irmão
A aliança com a Sun fez com que o JavaScript se tornasse um irmão
pequeno de Java, somente útil dentro das páginas web e muito mais fácil
pequeno de Java, somente útil dentro das páginas web e muito mais fácil
de utilizar, de modo que qualquer pessoa, sem conhecimentos de
de utilizar, de modo que qualquer pessoa, sem conhecimentos de
programação pudesse aprofundar-se na linguagem e utilizá-la.
programação pudesse aprofundar-se na linguagem e utilizá-la.
Introdução a Linguagem JavaScript
Vantagens do JavaScript em relação as Applets:
Vantagens do JavaScript em relação as Applets:
Para programar em JavaScript não é necessário nenhum kit de
Para programar em JavaScript não é necessário nenhum kit de
desenvolvimento
desenvolvimento
Não é necessário compilar os scripts criados nas páginas HTML
Não é necessário compilar os scripts criados nas páginas HTML
Introdução a Linguagem JavaScript
Adicionar mensagens que rolam na tela ou alterar mensagens na linha de
Adicionar mensagens que rolam na tela ou alterar mensagens na linha de
status do navegador;
status do navegador;
Tratar a entrada de dados do usuário em formulários HTML realizando
Tratar a entrada de dados do usuário em formulários HTML realizando
algum pré-processamento e informando quando existe algum erro nesta
algum pré-processamento e informando quando existe algum erro nesta
entrada de dados;
entrada de dados;
Exibir mensagens na tela ao usuário;
Exibir mensagens na tela ao usuário;
Fazer animações de imagens ou criar imagens que mudam quando se
Fazer animações de imagens ou criar imagens que mudam quando se
move o mouse sobre elas;
move o mouse sobre elas;
Detectar o navegador em utilização e exibir conteúdo diferente para
Detectar o navegador em utilização e exibir conteúdo diferente para
navegadores diferentes;
navegadores diferentes;
Introdução a Linguagem JavaScript
Detectar plug-ins instalados e notificar o usuário se um plug-in foi exigido;
Detectar plug-ins instalados e notificar o usuário se um plug-in foi exigido;
Tratar alguma ação do usuário diretamente no cliente;
Tratar alguma ação do usuário diretamente no cliente;
Controlar a navegação quando se utiliza múltiplos frames, plug-ins ou
Controlar a navegação quando se utiliza múltiplos frames, plug-ins ou
applets Java baseados na escolha do usuário em um documento HTML;
applets Java baseados na escolha do usuário em um documento HTML;
Quando há a necessidade de pré-processar alguma informação antes de
Quando há a necessidade de pré-processar alguma informação antes de
submetê-la ao servidor.
submetê-la ao servidor.
Introdução a Linguagem JavaScript
VBScript: Resposta da Microsoft para JavaScript. Suportado somente
VBScript: Resposta da Microsoft para JavaScript. Suportado somente
pelo Microsoft Internet Explorer. Em conjunto com ActiveX (Especificação
pelo Microsoft Internet Explorer. Em conjunto com ActiveX (Especificação
da Microsoft que permite aos Programas Windows executar dentro de
da Microsoft que permite aos Programas Windows executar dentro de
páginas Web). Pode fazer praticamente tudo, como, formatar seu HD
páginas Web). Pode fazer praticamente tudo, como, formatar seu HD
(Hard Disk), desligar seu computador. Difícil de programar e funciona
(Hard Disk), desligar seu computador. Difícil de programar e funciona
somente em Plataformas Windows;
somente em Plataformas Windows;
CGI (Common Gateway Interface): especificação que permite aos
CGI (Common Gateway Interface): especificação que permite aos
programas executar em servidores Web. Pode ser escrito em Perl, C e
programas executar em servidores Web. Pode ser escrito em Perl, C e
PHP, Servlets e JSP, ASP, ColdFusion: tecnologias para geração
PHP, Servlets e JSP, ASP, ColdFusion: tecnologias para geração
dinâmica de páginas web no lado servidor.
dinâmica de páginas web no lado servidor.
Introdução a Linguagem JavaScript
Linguagem de Programação Completa
Linguagem de Programação Completa
Compilada no servidor
Compilada no servidor
Orientada a Objetos
Orientada a Objetos
Pode ser utilizada tanto na web na forma de
Pode ser utilizada tanto na web na forma de
miniaplicativos Java (applets) como aplicações
miniaplicativos Java (applets) como aplicações
standalone.
standalone.
Variáveis declaradas
Variáveis declaradas
Não grava em disco (exceto aplicações standalone)
Não grava em disco (exceto aplicações standalone)
Utilizado para aplicativos complexos com interfaces
Utilizado para aplicativos complexos com interfaces
mais elaboradas. Por exemplo desenvolvimento de
mais elaboradas. Por exemplo desenvolvimento de
um processador de texto.
um processador de texto.
Linguagem de scripts com um menorLinguagem de scripts com um menor
conjunto de comandos do que Javaconjunto de comandos do que Java
Interpretada no clienteInterpretada no cliente
Baseada em ObjetosBaseada em Objetos
Deve estar incorporada em páginas webDeve estar incorporada em páginas web
Variáveis não declaradasVariáveis não declaradas
Não grava em disco (exceto Cookies)Não grava em disco (exceto Cookies)
Mais adequado para aplicativos simples eMais adequado para aplicativos simples e
para adicionar recursos interativos à páginapara adicionar recursos interativos à página
WebWeb
Introdução a Linguagem JavaScript
Dentro de um marcador HTML:Dentro de um marcador HTML:
Isso é denominado manipulador de eventos (handle de evento).Isso é denominado manipulador de eventos (handle de evento).
Exemplo: Exemplo:
<input
<input type=“button”
type=“button”
value=“
value=“ Escreve Status
Escreve Status ”
”
onClick=“window.status=‘
onClick=“window.status=‘ Este é um exemplo de código script
Este é um exemplo de código script ’;
’;
return true”>
return true”>
Em um arquivo separado do documento web:
Em um arquivo separado do documento web:
Arquivos com extensão .js. Funciona somente no Internet Explorer 4.0 ou
Arquivos com extensão .js. Funciona somente no Internet Explorer 4.0 ou
superior e Netscape Navigator 3.0 ou superior.
superior e Netscape Navigator 3.0 ou superior.
Sintaxe Geral
Sintaxe Geral : <script src=“
: <script src=“ endereco do arquivo
endereco do arquivo ”>
”>
Onde: endereco do arquivo: contém o endereço e nome do arquivo .js.
Onde: endereco do arquivo: contém o endereço e nome do arquivo .js.
Esta operação permite a reutilização de bibliotecas em JavaScript. Esta operação permite a reutilização de bibliotecas em JavaScript.
Introdução a Linguagem JavaScript
JavaScript não tem constantes
JavaScript não tem constantes
Regras para formação de nomes de variáveis:
Regras para formação de nomes de variáveis:
Toda variável deve começar com uma letra ou um underscore(“_”);
Toda variável deve começar com uma letra ou um underscore(“_”);
Caracteres subseqüentes devem ser letras ou números;
Caracteres subseqüentes devem ser letras ou números;
Não deve conter espaço em branco ou caracteres especiais;
Não deve conter espaço em branco ou caracteres especiais;
Não deve ser uma palavra reservada.
Não deve ser uma palavra reservada.
JavaScript é Case-Sensitive:
JavaScript é Case-Sensitive:
quantidade
quantidade
Quantidade
Quantidade
QUantidade
QUantidade
Introdução a Linguagem JavaScript
Indicam onde as variáveis podem ser usadas dentro do script. Em JavaScript,
Indicam onde as variáveis podem ser usadas dentro do script. Em JavaScript,
uma variável pode ter escopo:
uma variável pode ter escopo:
Global: usada em qualquer local do script
Global: usada em qualquer local do script
Local: só pode ser usada dentro da função onde foi declarada. Declarada
Local: só pode ser usada dentro da função onde foi declarada. Declarada
com var.
com var.
Declaração:
Declaração:
var variavel = valor; // variável local
var variavel = valor; // variável local
variavel = valor; // variável global
variavel = valor; // variável global
Onde:
Onde:
variavel: é o nome da variável.
variavel: é o nome da variável.
Valor: é o valor atribuído a variável.
Valor: é o valor atribuído a variável.
Para declarar uma variável global, dentro ou fora de uma função, simplesmente
Para declarar uma variável global, dentro ou fora de uma função, simplesmente
atribua um valor.
atribua um valor.
Por exemplo:
Por exemplo: variavel = 0;
variavel = 0;
Introdução a Linguagem JavaScript
Sintaxe Geral:
Sintaxe Geral:
Comentário
Comentário
em múltiplas
em múltiplas
linhas
linhas
ou
ou
// Deste ponto em diante
// Deste ponto em diante NA LINHA é comentário
NA LINHA é comentário
