Atenç�o: esse artigo tem um v�deo complementar. Clique e assista!

De que se trata o artigo:

Este artigo apresenta alguns recursos b�sicos do JavaScript sendo analisados numa abordagem pr�tica. Atrav�s dos v�rios exemplos implementados � poss�vel perceber toda a din�mica que o JavaScript propicia �s p�ginas HTML. No decorrer destes exemplos s�o estudadas funcionalidades como manipulaç�o de conte�dos de uma p�gina, eventos, validaç�o de dados, entre outras.

Em que situaç�o o tema � �til:

Este tema � �til a todos que est�o iniciando seu contato com o desenvolvimento web e desejam conhecer os conceitos e recursos b�sicos da tecnologia JavaScript.

Resumo DevMan:

Este artigo introduz o uso do JavaScript em p�ginas HTML, focando em exemplos que mostram os seus benef�cios e a facilidade de utilizar esta tecnologia. Ao final do mesmo, uma aplicaç�o Java para web � implementada, integrada com uma validaç�o simples desenvolvida em JavaScript que utiliza recursos estudados nos primeiros exemplos.

O surgimento da web ocorreu num cen�rio no qual os recursos computacionais eram escassos e limitados. Ainda n�o se tinha conhecimento das dimens�es que essa poderosa ferramenta um dia atingiria.

Quando Tim Berners-Lee criou o protocolo HTTP (protocolo que possibilita a transmiss�o de conte�dos hipertexto), a linguagem de marcaç�o HTML e o primeiro navegador, a internet que antes era apenas voltada para comunicaç�o entre universidades e instituiç�es militares, se deparou com um novo mundo para se expandir, sendo nos dias atuais um dos meios mais utilizados para entretenimento, pesquisa, transaç�es comerciais e muitas outras atividades.

Conte�do hipertexto � o termo usado para denominar um texto em formato digital, ao qual se agregam outros textos, imagens ou sons, cujo acesso se d� atrav�s de refer�ncias chamadas hiperlinks (ou links). Simplificando, conte�do hipertexto s�o as p�ginas HTML. Estas podem ter diversos links que, ao serem clicados, o usu�rio � direcionado para outras p�ginas nas quais o assunto do link em quest�o se estende ou � complementado.

A evoluç�o da internet e a mudança de seus prop�sitos trouxeram tamb�m novas necessidades. Era preciso tornar mais din�micas as p�ginas que inicialmente eram constru�das apenas com conte�do est�tico � tags HTML dispondo imagens, textos e links para navegar entre os documentos na rede.

Neste contexto, a Netscape, em parceria com a Sun Microsystems, com a finalidade de adicionar mais interatividade �s p�ginas web, criou a primeira vers�o do JavaScript, denominada JavaScript 1.0. Esta vers�o foi lançada em 1995 e implementada em março de 1996 no navegador Netscape Navigator 2.0, que na �poca dominava o mercado.

O JavaScript rapidamente conquistou ampla aceitaç�o como linguagem de script para a parte cliente de aplicaç�es web, que � a parte do aplicativo que roda no navegador (como as p�ginas HTML). Em decorr�ncia de sua popularidade, a Microsoft criou o JScript, que basicamente � a sua pr�pria implementaç�o do JavaScript. Apenas foi adotado outro nome por quest�es comerciais. O JScript foi incorporado ao Internet Explorer em agosto de 1996 e continua em desenvolvimento at� hoje.

No decorrer dos anos, o JavaScript s� ganhou força, tendo se transformado na linguagem mais popular da internet. Agora, antes de estudarmos os recursos desta tecnologia, � necess�rio conhecermos alguns conceitos fundamentais.

Mas afinal, o que � o JavaScript?

O JavaScript � uma linguagem de script utilizada na construç�o de sites. Os c�digos escritos em JavaScript podem ser incorporados �s p�ginas HTML, trazendo mais dinamismo para a aplicaç�o. � poss�vel, atrav�s desta linguagem, responder rapidamente a aç�es realizadas pelo usu�rio, validar dados de formul�rios antes de envi�-los, alterar conte�dos da p�gina sem precisar recarreg�-la, entre outras in�meras possibilidades.

Na Listagem 1, veja um primeiro exemplo de p�gina HTML com JavaScript. Para execut�-lo, basta salvar o c�digo em um arquivo com a extens�o .html e abrir atrav�s de um navegador qualquer, como o Mozilla Firefox ou o Internet Explorer.

Listagem 1. C�digo do primeiro programa JavaScript.

<html>
  <head><title>Primeiro Exemplo JavaScript</title></head>
  <body>
    <p>Texto no documento HTML</p>
    <script type="text/javascript">
      document.write("<p>Meu primeiro JavaScript!</p>");
    </script>
    <p>Outro texto no documento HTML</p>
  </body>
  </html>

A Figura 1 mostra a tela do primeiro exemplo em execuç�o. Observe que a segunda linha no texto (�Meu primeiro JavaScript!�) foi inserida pelo c�digo que colocamos dentro da tag <script> da p�gina HTML. Portanto, trata-se de um conte�do inserido atrav�s de JavaScript.

Sempre que formos incorporar c�digo JavaScript em uma p�gina, devemos fazer uso da tag mencionada (<script>).

Figura 1. Tela do primeiro exemplo usando JavaScript." [...] continue lendo...

Introdu��o ao JavaScript - Revista easy Java Magazine 17

Este artigo apresenta alguns recursos básicos do JavaScript sendo analisados numa abordagem prática. Através dos vários exemplos implementados é possível perceber toda a dinâmica que o JavaScript propicia às páginas HTML.

Atenç�o: esse artigo tem um v�deo complementar. Clique e assista!

Artigos relacionados