javascript - Sistemas de Informação e Sistemas para Internet

JAVASCRIPT
Nice Pereira, Tuani Zanatta.
Faculdade de Informática de Taquara – Curso de Sistemas de Informação
Fundação Educacional Encosta Inferior do Nordeste
Av. Oscar Martins Rangel, 4500 – Taquara – RS – Brasil
[email protected], [email protected]
Resumo. Este artigo refere-se a características, evolução, paradigma e
implementação da linguagem
JavaScript, que é uma linguagem de
programação baseada na linguagem JAVA e que integra a linguagem HTML. É
destinada para o uso em páginas Web(client-side) ou em servidores web (serverside).
Abstract. This article mentions it characteristics , evolution, paradigm and
implementation of the language Javascript, that is a programming language
based on language JAVA and that it integrates the language HTML. It is
destined for the use in Web(client-side) pages or servers (server-side).
1. Introdução
O JavaScript é uma linguagem de programação simples criada para dar mais
interactividade e maior funcionalidade às páginas da Web. Tendo sido inicialmente
desenvolvida pela Netscape, a linguagem JavaScript acabou por dar origem à
especificação técnica ECMAScript, que é um padrão oficial reconhecido pela indústria.
Apesar de esta linguagem ser mais conhecida pelo nome de JavaScript, e de a versão
produzida pela Microsoft ter recebido o nome de JScript, a verdade é que se tratam de
implementações que sendo fiéis à norma ECMAScript lhe acrescentaram novas
funcionalidades úteis, mas respeitando sempre as especificações oficiais.
O código escrito em JavaScript destina-se a ser executado pelo web browser quando a
página HTML que o contém é visualizada. Ele é uma parte integrante da página e
permite que o browser seja capaz de tomar decisões quanto ao modo como o conteúdo é
apresentado ao utilizador e como pode ser manipulado.
Javascript, é uma linguagem de script, isto é, texto ASCII interpretado sem necessidade
de compilação, que permite adicionar características ativas ao código HTML em que
está inserida. Na linguagem javascript, tem-se a possibilidade de adicionar e/ou excluir
propriedades em tempo de execução tornando a programação bem dinâmica, para
adicionar e excluir uma propriedade. Javascript é uma linguagem de programação que
possibilita a construção de páginas Web interativas, servindo também como plataforma
de integração com Applets Java, ActiveX, plug-ins de browsers e outros scripts e
objetos Web, permitindo deste modo desenvolver e criar aplicações para uso na Internet,
e em Intranets. Em javascript podemos usar objetos com heranças de outros objetos.
2. Evolução e histórico
O HTML não estava mais sendo suficiente para realizar todas as ações que se
necessitava em uma página web. Isto é devido a que, conforme foi crescendo, a web e
seus distintos usos foram se complicando. O HTML havia se tornado curto para definir
todas estas novas funcionalidades, já que somente serve para apresentar o texto em uma
página, definir seu estilo e pouco mais. O primeiro ajudante para cobrir as necessidades
que estavam surgindo foi Java, através da tecnologia dos Applets, que são pequenos
programas que se incrustam nas páginas web e que podem realizar as ações associadas
aos programas de propósito geral. A programação de Applets foi um grande avanço e
Netscape, até então, o navegador mais popular, havia rompido a primeira barreira do
HTML ao fazer possível a programação dentro das páginas web. Não cabe dúvida que o
aparecimento dos Applets supôs um grande avanço na história da web, mas não foi uma
tecnologia definitiva e muitas outras seguiram implementando o caminho que começou
com eles. Neste momento chegou o Javascript. Netscape, depois de fazer seus
navegadores compatíveis com os Applets, começou a desenvolver uma linguagem de
programação ao que chamou LiveScript que permitisse criar pequenos programas nas
páginas e que fosse muito mais simples de utilizar que Java. De modo que o primeiro
Javascript se chamou LiveScript, mas não durou muito esse nome, pois antes de lançar a
primeira versão do produto se forjou uma aliança com Sun Microsystems, criador de
Java, para desenvolver em conjunto essa nova linguagem. A aliança fez com que
Javascript se desenhasse como um irmão 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 programação pudesse aprofundar-se na linguagem e utilizá-la. Para
programar Javascript não é necessário um kit de desenvolvimento, nem compilar os
scripts, nem realizá-los em ficheiros externos ao código HTML, como ocorreria com os
applets. Netscape 2.0 foi o primeiro navegador que entendia Javascript e seu rastro foi
seguido pelos navegadores da companhia Microsoft a partir da versão 3.0. A par da
linguagem JavaScript desenvolvida pela Netscape surgiu a linguagem Jscript
desenvolvida pela Microsoft para o browser Internet Explorer. Com o evoluir do tempo
estas tornaram-se semelhantes, senão iguais, em muitos aspectos, e outros browsers se
seguiram a adaptá-las como linguagens de script..JavaScript é encontrada, normalmente,
inserida em código HTML, mas também pode ser utilizada para desenvolver aplicações
Web, de forma direta no Servidor (IIS e Apache, entre outros).
3. Paradigma
JavaScript é uma linguagem compacta, baseado em objetos, utilizada para desenvolver
aplicações em cliente e servidores Internet. É interpretada (e não compilada) pelo
cliente, baseada em objeto, seu código integra a HTML; é segura por não poder ser
escrita no disco rígido. É uma linguagem muito parecida com Java, já que é derivada
desta. Além disso, é uma linguagem de scripting proprietária e liberada pela Netscape,
que amplia a estética e torna mais amigáveis os sites da Web permitindo a adição de
eventos especificados pelo autor, em páginas estáticas Web. Então, podemos dizer que o
JavaScript é uma linguagem que combina mais de um paradigma, ou seja, traz o
imperativo (do Java e do HTML), o orientado a objetos (do Java) e o concorrente (do
Java).
4. Caracteristicas
JavaScript é uma linguagem de programação rica e repleta de recursos cuja
aplicação é melhorar os documentos HTML que aparecem na Web. Podemos criar um
programa
em
JavaScript
para
adicionar
um
som
ou
uma
ani-
mação simples, pré-validar os dados de um formulário antes que a resposta
do usuário seja enviada para o servidor de sua empresa, pesquisar em um pequeno banco de dados, definir opções baseadas nas preferências do usuário e
muito mais. Para digitar um programa em JavaScript só precisamos de um editor de
textos.
Com Javascript podemos criar efeitos especiais nas páginas e definir interatividades
com o usuário. O navegador do cliente é o encarregado de interpretar as instruções
Javascript e ejxecutá-las para realizar estes efeitos e interatividades, de modo que o
maior recurso, e talvez o único, com que conta esta linguagem é o próprio navegador.
Javascript é o seguinte passo, depois do HTML, que pode dar um programador da web
que decida melhorar suas páginas e a potência de seus projetos. É uma linguagem de
programação bastante simples e pensado para fazer as coisas com rapidez, às vezes com
leveza. Inclusive as pessoas que não tenham uma experiência prévia na programação
poderão aprender esta linguagem com facilidade e utiliza-la em toda sua potência com
somente
um
pouco
de
prática.
Entre as ações típicas que se podem realizar em Javascript temos duas vertentes. Por um
lado os efeitos especiais sobre páginas web, para criar conteúdos dinâmicos e elementos
da página que tenham movimento, mudem de cor ou qualquer outro dinamismo. Por
outro lado, Javascript nos permite executar instruções como resposta às ações do
usuário, com o que podemos criar páginas interativas com programas como
calculadoras,
agendas,
ou
tabelas
de
cálculo.
Javascript é uma linguagem com muitas possibilidades, permite a programação de
pequenos scripts, mas também de programas maiores, orientados a objetos, com
funções, estruturas de dados complexas, etc. Ademais, Javascript coloca à disposição do
programador todos os elementos que formam a página web, para que este possa acessar
a eles e modifica-los dinamicamente.
Com Javascript o programador, que se converte no verdadeiro dono e controlador de
cada coisa que ocorre na página quando a está visualizando o cliente.
4.1. JavaScript e Java
Apesar dos nomes bem parecidos, Java não é o mesmo que JavaScript! Estas são duas
técnicas diferentes de programação na Internet. Java é uma linguagem de programação.
JavaScript é uma linguagem de hiper-texto. A diferença é que você realmente pode criar
programas em Java. Mas muitas vezes você precisa apenas criar um efeito bonito sem
ter que se incomodar com programação. A solução então é JavaScript pois é fácil de
entender e usar. Podemos dizer que JavaScript é mais uma extensão do HTML do que
uma linguagem de programação propriamente dita. É claro que esta não é uma definição
oficial, pois meu pensamento é fazer esta distinção entre Java e JavaScript de maneira
fácil para o melhor entendimento de todos.
4.2. Como executar o JavaScript
O primeiro browser a suportar JavaScript foi o Netscape Navigator 2.0. É claro que as
versões posteriores também trabalham com JavaScript. Você deve saber que Java não
funciona no Netscape Navigator 2.0 ou posterior. Mas isso não é verdade para
JavaScript - ainda que existam alguns problemas com as diferentes versões diferentes de
JavaScript. A versão para o "Mac" parece apresentar muitos bugs.
E
se
o
browser
não
possuir
suporte
a
JavaScript?
- Um browser que não suporta JavaScript, ele mostrará todo o código na tela como se
fosse um simples texto HTML. Deste modo o usuário veria o código JavaScript do seu
programa dentro do documento HTML.
4.3. Versões de Javascript:

Javascript 1: nasceu com o Netscape 2.0 e suportava grande quantidade de
instruções e funções, quase todas as que existem agora já se introduziram no
primeiro padrão.

Javascript 1.1: É a versão de Javascript que foi desenhado com a chegada dos
navegadores 3.0. Implementava pouco mais que sua versão anterior, como por
exemplo, o tratamento de imagens dinamicamente e a criação de arrays.

Javascript 1.2: A versão dos navegadores 4.0. Esta tem como desvantagem que
é um pouco distinta em plataformas Microsoft e Netscape, já que ambos
navegadores cresceram de distinto modo e estavam em plena luta no mercado.

Javascript 1.3: Versão que implementam os navegadores 5.0. Nesta versão
foram limitadas algumas diferenças e asperezas entre os dois navegadores.

Javascript 1.5: Versão atual, no momento de escrever estas linhas, que
implementa Netscape 6.

Por este lado, Microsoft também foi evoluindo até apresentar sua versão 5.5 de
JScript (assim chamam ao javascript utilizado pelos navegadores de Microsoft).
5. Exemplos
Alguns exemplos de JavaScript que podem ser usados em páginas HTML. Os efeitos
visuais não são tão sofisticados quanto aquilo que se consegue com miniaplicativos e
plugins mas os códigos são, em geral, bastante pequenos e, assim, as páginas carregam
rapidamente.
5.1. Exemplo 1
Abaixo um código para exibir a data, de em uma página inicial.
Basta colocá-lo antes do </head> e, no local desejado da página (entre <body> e
/body>), inserir:
<script language="javascript">
writeDate();
</script>
<script language="javascript">
function writeDate(){
var thetime=new Date();
var nday=thetime.getDay();
var nmonth=thetime.getMonth();
var ntoday=thetime.getDate();
var nyear=thetime.getYear();
if (nday==0) nday="Domingo";
if (nday==1) nday="Segunda";
if (nday==2) nday="Terça";
if (nday==3) nday="Quarta";
if (nday==4) nday="Quinta";
if (nday==5) nday="Sexta";
if (nday==6) nday="Sábado";
nmonth+=1;
if (nyear<=99)
nyear= "19"+nyear;
if ((nyear>99) && (nyear<2000))
nyear+=1900;
document.write(nday+", "+ntoday+"/"+nmonth+"/"+nyear);
}
</script>
Existe um ponto a comentar:A data é obtida a partir do sistema do usuário. Assim, se
estiver incorreta, a exibição também estará. O ideal seria obter do servidor com o qual o
usuário está conectado. Com páginas em ASP é bastante fácil. Mas isto já é outro
assunto, que oportunamente deverá ser colocado neste site.
5.2. Exemplo 2
Este exemplo bastante simples dá um destaque maior aos links da página, mudando a
cor do fundo quando o cursor é posicionado sobre o mesmo.
O código abaixo deve ser colocado antes do </head> da página.
<script language="javascript">
var versao = true;
if( navigator.appName == "Netscape" )
versao = false;
function doColor(item, color, bg) {
item.style.color = color;
item.style.backgroundColor = bg;
}
function undoColor(item) {
item.style.color = "#000000";
item.style.backgroundColor = "";
}
</script>
E, no hyperlink desejado, inserir os códigos abaixo:
<a name="link0" href="..." onmouseover="if(versao) doColor(link0, 'blue','yellow')"
onmouseout="if(versao) undoColor(link0)">
6. Referências bibliográficas
http://www.criarweb.com/artigos/157.php?manual=9
http://www.linhadecodigo.com.br
http://webtools.clix.pt/manualjs
http://www.startpoint.com.br/glossa0j.htm
http://www.criarweb.com/artigos/184.php?manual=11
http://www.djweb.com.br/programs/javascript.htm