(Parte 1 de 13)

Javascript

Javascript é uma linguagem que roda no lado cliente (já que quem suporta sua carga de processamento é o navegador)e é utilizada para criar pequenos programas que realizam ações em páginas web. Como é compatível com quase todos os navegadores modernos, é a linguagem do lado cliente mais utilizada.Com Javascript podemos criar páginas mais "inteligentes", inserindo efeitos especiais e recursos como: botões que mudam ao passar o mouse em cima, verificar se o preenchimento de um formulário está correto, dentre outras interatividades com o usuário.

Centro de Difusão de Tecnologia e Conhecimento

Página | 1

Lição 1 - Introdução e História3
História do Javascript3
O que é Javascript?3
Diferenças Básicas entre Java e Javascript4
Lição 2 - Sintaxe e Variáveis6
Necessário para programar em Javascript6
Iniciando6
Sintaxe Javascript6
Case Sensitive7
Separação de Instruções7
Variáveis7
Global7
Local7
Lição 3 - Strings e Mensagens10
As Strings10
Concatenação10
Métodos de String1
Métodos de String de Equivalência12
Conversão entre os tipos de dados13
Mensagens13
Alert13
Confirm13
Prompt14
Mensagens que rolam na barra de status14
Armazenando dados do usuário em variáveis15
Lição 4 - Objetos e Arrays17
Objetos17
Manipulando Arrays17
Dividindo uma string17
Mais sobre vetores18
Ordenando um array19
Arrays multidimensionais19
Lição 5 - Operadores e Comandos2
Operadores2
Lógicos2
Matemáticos2
Operadores em nível de bit2
Operadores especiais23
Precedência de operadores23
Comandos24
IFELSE .............................................................................................................................. 24
Move condicional24
Switch25
FOR25
WHILE26
DOWHILE ........................................................................................................................ 26
Lição 6 - Eventos e Outros Comandos27
Eventos27
Outros comandos28
WITH28
Break28
Continue29
Lição 7 - Controle de Tipos e Funções30
Controle de tipos30
Funções30
Parâmetros31
escape3
eval3
parseFloat3
parseInt3
Lição 8 - Classes: Math, Number e Boolean34
Classe Math34
Classe Number35
Propriedades35
Classe Boolean36
Lição 9 – Date e Checkbox39
Trabalhando com os objetos de datas39
Métodos existentes no objeto Date39
Convertendo entre formatos de data42
CheckBox42
Lição 10 - Ocultando Scripts45
Introdução45
Ocultando scripts de navegadores antigos46
Lição 1 - Exemplos48
Exemplos48
Rollover48
Navegador Dinâmico49
Relógio Digital52

Página | 2

Tabela 1 Caracteres especiais de Strings10
Tabela 2 Métodos String em JavaScript1
Tabela 3 Métodos de String de Equivalência12
Tabela 4 Operadores lógicos2
Tabela 5 Operadores matemáticos2
Tabela 6 Operadores de bit23
Tabela 7 Operadores especiais23
Tabela 8 Eventos e ocorrências27

Lista de Tabelas

Lista de Figuras Figura 1 Hierarquia de objetos do browser ................................................................................ 45

Página | 3

Lição 1 - Introdução e História

Nesta lição será feita uma breve introdução ao Javascript e mostradas algumas diferenças básicas entre Java e Javascript.

História do Javascript

No começo da Internet foram criados vários serviços para realizar muitos tipos de comunicações, como correio eletrônico, chats, buscas, etc. Mas era demandada uma linguagem que permitisse apresentar informações junto à formatação de estilos que funcionasse como um sistema de página com links. Em curto prazo, o HTML foi a linguagem que atendeu à essa necessidade. Porém, logo se percebeu que ele havia se tornado obsoleto para definir as novas funcionalidades, não era suficiente para fazer tudo o que era possível nas páginas web.

Entre as primeiras tecnologias que surgiram a partir daí podemos destacar o Java. Surgiu, basicamente, através do uso de Applets, que são pequenos programas que se incorporam às páginas web e que realizam as ações relacionadas aos programas de fins gerais. Após compatibilizar seus navegadores com a mais nova criação, os applets, a Netscape passou a desenvolver uma linguagem que fosse mais simples de utilizar que o Java. Passou a desenvolver então o o "primeiro Javascript" que levou o nome de LiveScript. Porém, foi um nome que não perdurou por muito tempo já que, antes do lançamento de sua primeira versão, uma parceria com a Sun Microsystems permitiu o desenvolvimento conjunto dessa tecnologia que passou a ser conhecida como "Javascript".

O que é Javascript?

Javascript é uma linguagem que roda no lado cliente (já que quem suporta sua carga de processamento é o navegador) e é utilizada para criar pequenos programas que realizam ações em páginas web. Como é compatível com quase todos os navegadores modernos, é a linguagem do lado cliente mais utilizada.

Com Javascript podemos criar páginas mais "inteligentes", inserindo efeitos especiais e recursos como: botões que mudam ao passar o mouse em cima, verificar se o preenchimento de um formulário está correto, dentre outras interatividades com o usuário. Como já foi dito, o responsável por interpretar e conseqüentemente executar essas instruções Javascript é o browser, que é, portanto, o maior (para não dizer o único) com que esta linguagem conta.

Algumas linguagens de programação para web são muito complexas, mas as linguagens de script são geralmente simples por possuírem sintaxes fáceis de entender, além de permitirem a combinação de script com HTML para deixar as páginas Web interativas. Outra facilidade do Javascript é que ela é uma linguagem interpretada e não compilada. O que acontece é que navegador executa cada linha de script como as recebe. Por este motivo é importante saber que a sintaxe Javascript é case sensitive1, sendo necessária atenção na escrita dos comandos. Caso contrário o Javascript interpretará, por exemplo, o que seria um comando como sendo o nome de uma variável. Coisas como essas são o que diferem Javascript de outras linguagens de

1 Sensível ao tipo de letras, que diferencia maiúsculas de minúsculas.

Página | 4 programação em que os códigos devem ser compilados ou traduzidos em código de máquina antes de serem executados.

Diferenças Básicas entre Java e Javascript

Uma das maiores confusões que acontecem quando se fala em Javascript é a inevitável comparação com a linguagem de programação "Java". É importante frisar, contudo, que Javascript não tem relação com a linguagem Java.. Estas são duas técnicas diferentes de programação e, portanto, não guardam entre si mais relação que a sintaxe e poucas coisas mais. Java é uma linguagem de programação. Javascript é basicamente uma linguagem de hipertexto. É útil, pois muitas vezes precisa-se, por exemplo, utilizar algum recurso que torne a página mais dinâmica e mais bonita, sem ter de se incomodar com a programação. É útil também porque é bastante simples e foi projetada para fazer as coisas com rapidez.

Listo aqui algumas diferenças entre Javascript e Java:

1. A programação Java requer um kit de desenvolvimento e um compilador. Entretanto,

Javascript não é uma linguagem que necessite que seus programas se compilem. Estes são interpretados pelo navegador quando ele lê a página;

2. Java é uma linguagem de programação fortemente “tipada”, ou seja, ao declarar uma variável é necessária a indicação de seu tipo e, então, não é permitida a mudança de seu tipo automaticamente. Por sua vez, Javascript não tem esta característica, e podese alocar em uma variável a informação que se deseja, independentemente de seu tipo. Ademais, pode-se mudar o tipo de informação de uma variável quando for necessário;

3. Java é muito mais potente que Javascript, pois Java é uma linguagem de propósito geral, com a qual se pode fazer aplicações para variadas funções. Javascript, entretanto, permite somente a escrita de programas que sejam posteriormente executados em páginas web;

4. Mini-aplicativos Java são compilados em arquivos de classe para serem utilizados em uma página da web. JavaScript, porém, utiliza comandos simples de texto, que podem ser incluídos no próprio documento de HTML;

5. Mini-aplicativos Java geralmente são exibidos em uma caixa dentro do documento de

Web. Já scripts de JavaScript podem afetar qualquer parte do próprio documento da Web.

Apesar de diferentes e úteis para diferentes coisas, as duas linguagens podem até ser utilizadas em conjunto para combinar suas vantagens.

Javascript é uma linguagem que roda no lado cliente, utilizada para criar pequenos programas que realizam ações em páginas web. É bastante simples e foi projetada para fazer as coisas com rapidez.

Página | 5

Como já citado anteriormente, Javascript é escrito e incluído em um documento HTML. Por essa razão, este curso presume conhecimentos ao menos básicos na linguagem de formatação HTML.

Página | 6

Lição 2 - Sintaxe e Variáveis

Nesta lição iniciaremos o aprendizado, vendo primeiramente a sintaxe e após isso as variáveis em Javascript.

Necessário para programar em Javascript

Para programar em Javascript necessitamos basicamente o mesmo que para programar páginas web com HTML. Um editor de textos e um navegador compatível com Javascript. Porém, apesar de um editor de texto simples ser suficiente para começar, talvez seja muito útil contar com outros programas que nos oferecem melhores prestações na hora de escrever as linhas de código. Estes editores avançados têm algumas vantagens, como colorir os códigos de nossos scripts, nos permitem trabalhar com vários documentos simultaneamente, têm ajudas, etc. Fica a critério de cada um a utilização de seu editor.

Iniciando

Em primeiro lugar devemos ter em mente que o código Javascript deve ser inserido dentro do código HTML. Isto, na prática, faz que se misturem na página as duas linguagens de programação. Para isso, é necessário o uso de delimitadores do código de script, que no caso é:

<script> código javascript </script>

Em uma mesma página podemos introduzir vários scripts, cada um que poderia se introduzir dentro das etiquetas <script> distintas. Podemos também escrever Javascript dentro de determinados atributos da página, como o atributo onclick. Estes atributos estão relacionados com as ações do usuário e são chamados de manejadores de eventos. Vamos ver mais detalhadamente essas duas maneiras de escrever scripts:

Execução direta de scritps

Neste caso se incluem as instruções dentro da etiqueta <script>, tal como comentamos anteriormente. Nele, o browser vai interpretando as linhas de código e vai executando uma após a outra.

Resposta a um evento

Eventos são ações que o usuário realiza. O Javascript é preparado para apagar eventos do usuário e gerar ações de resposta. Desta maneira são realizados programas interativos, já que controlamos os movimentos do usuário e respondemos a ele. Veremos mais adiante no curso este tipo de execução em profundidade e os tipos de eventos que existem.

Sintaxe Javascript

Javascript tem uma sintaxe muito parecida com a de Java por estar baseado nele. Também é muito parecida com a da linguagem C, de modo que se você conhece alguma destas duas linguagens poderá manejar com facilidade o código.

Página | 7

Case Sensitive

(Parte 1 de 13)

Comentários