Livro JavaScript-00, Manuais, Projetos, Pesquisas de Informática

Baixe Livro JavaScript-00 e outras Manuais, Projetos, Pesquisas em PDF para Informática, somente na Docsity!

Desenvolvendo

Websites Interativos

com

Java Script

Helder da Rocha

Rev.: JS11-01-1999/01 A4 (AB05) Janeiro de 1999

ii

Copyright © 1997, 1998, 1999 por Helder Lima Santos da Rocha.

Este livro é parte integrante dos cursos da série “Web Sites Interativos” de propriedade de Helder Lima Santos da Rocha e não pode ser vendido separadamente.

Todos os direitos estão reservados. Nenhuma parte desta publicação poderá ser reproduzida ou utilizada em outros cursos sem a autorização, por escrito, do autor. Alunos, professores ou funcionários de instituições educacionais ou filantrópicas podem requerer autorização gratuita para a reprodução deste material para uso próprio, ou para uso em treinamentos sem fins lucrativos. O autor pode ser contatado através dos endereços eletrônicos [email protected], [email protected] ou através do pager (011) 866-4666 (107-4242)

Embora todos os cuidados tenham sido tomados na preparação deste livro, o autor não assume responsabilidade por erros e omissões, ou por quaisquer danos resultantes do uso das informações nele contidas.

Capa, editoração eletrônica e revisão: o autor.

Código desta edição: JS11-01-1999/01 (Revisão Jan/1999) Formato: A4 – apostila (numeração de páginas por capítulo). Módulos opcionais: nenhum. Responsável por esta tiragem: O autor. Esta é uma edição particular. Reprodução não-autorizada. Tiragem desta edição: 1 cópia para biblioteca Itelcon.

da Rocha, Helder Lima Santos, 1968- “Desenvolvendo Web Sites Interativos com JavaScript”. Quarta versão: jan/1999 (primeira versão em ago/1997). /192 páginas (A4). Disquete de 3 ¼ ” com código-fonte. Helder da Rocha. – São Paulo, SP, 1999.

Inclui disquete de 3 ¼ ”.

1. JavaScript (linguagem de programação). 2. Web design. 2. HTML (linguagem de marcação de página). 4. World Wide Web (sistema de recuperação de informações). Internet (rede de computadores, meio de comunicações). I. Título

Netscape Navigator, Netscape Communicator, LiveWire, LiveConnect e JavaScript são marcas registradas da Netscape Communications Inc. ActiveX, ASP, Active Server Pages, Microsoft Internet Explorer, FrontPage e JScript e VBScript são marcas registradas da Microsoft Corp. Java é marca registrada da Sun Microsystems. Quaisquer outras marcas registradas citadas nesta obra pertencem aos seus respectivos proprietários.

iv

v

vii

• O que é JavaScript?.................................................................................................1- 1. Introdução a JavaScript
  • JavaScript não é Java 1-
  • Quem suporta JavaScript? 1-
  • O que se pode fazer com JavaScript? 1-
  • Como programar com JavaScript? 1-
• Formas de usar JavaScript.......................................................................................1-
  • Blocos viii

x

Netscape por ser na época, líder absoluto do mercado de browsers. Inicialmente ofereceu suporte a Java, linguagem da Sun. Depois lançou LiveScript, posteriormente rebatizado de JavaScript. Assim, finalmente a programação de aplicações deixou de ser uma exclusividade do servidor e páginas Web deixaram de ser estáticas. As novas páginas “movidas a JavaScript” passaram a se comportar como componentes de aplicações distribuídas, e são hoje indispensáveis no desenvolvimento de Web sites interativos.

Objetivos

Este livro tem como objetivo apresentar e explorar a linguagem JavaScript – uma das linguagens mais populares do mundo e a mais utilizada na Internet para o desenvolvimento de Web sites interativos. Em 12 capítulos, apresentamos a estrutura e sintaxe da linguagem JavaScript e seus recursos de manipulação da página, formulários, janelas do browser, frames , imagens e applets; através de exemplos e exercícios resolvidos, que refletem aplicações práticas como comunicação entre frames, geração de documentos on-the-fly , validação de campos de formulários e a criação de carrinhos de compras virtuais. Desde que foi criada em 1995 por Brendan Eich da Netscape[3], diversas implementações diferentes de JavaScript tem aparecido, na Web e fora dela, em browsers e servidores. Todas as implementações compartilham um núcleo comum (padronizado pela especificação ECMA-262[5]), e acrescentam estruturas específicas ao ambiente onde operam (um browser, um servidor, um sistema de arquivos). O objetivo deste livro é explorar apenas o JavaScript que opera nos browsers, chamado de client-side JavaScript. O client-side JavaScript também não possui uma implementação padrão. Na época em que esta edição foi concluída (janeiro de 1999) havia duas versões recentes de JavaScript: a da Netscape, chamada de JavaScript 1.3, e a da Microsoft, chamada de JScript 5.0[4]. O núcleo das duas é semelhante e obedece ao ECMA-262. A implementação das características client-side é realizada através de um “modelo de objetos” que mapeia “objetos” JavaScript a propriedades do browser e da página HTML. As duas implementações obedecem ao W3C/DOM[6]. Porém, vários aspectos da sintaxe, implementação e extensões presentes nas duas implementações as fazem incompatíveis entre si. Uma das novas tecnologias suportadas por scripts é o Dynamic HTML (DHTML). Desenvolver páginas que usam DHTML hoje é duas vezes mais complexo do que deveria ser, já que é preciso levar em conta as diferenças do JavaScript de cada browser. Este livro não abordará as versões mais recentes do JavaScript, nem o DHTML. Optamos por usar como base o JavaScript 1.1, que é a implementação mais estável, suportada pelo maior número de browsers. JavaScript 1.1 foi introduzida com a versão 3.0 do Netscape Navigator. É uma versão pequena, simples, útil e totalmente compatível com as novas versões da Netscape e da Microsoft. Foi base para o padrão ECMA-262. Neste livro, usamos JavaScript 1.1 como referência , abordando também alguns recursos que existem no Internet Explorer, mas deixando de fora recursos menos usados que existem somente nos browsers de um único fabricante, seja Netscape ou Microsoft. Cobrimos, assim, os aspectos fundamentais de programação do cliente, de forma independente de browser. Se no futuro você decidir usar DHTML e os novos recursos dos browsers, descobrirá que já conhece os fundamentos da linguagem, que são os mesmos do JavaScript apresentado aqui.

xi

O que você já deve saber

Antes de aprender JavaScript, você já deve saber criar páginas Web com HTML. Muitas pessoas saber criar páginas Web mas nunca viram a “cara” do HTML, pois as mais sofisticadas aplicações de desenvolvimento Web escondem o código por trás das páginas. Para aprender JavaScript, porém, saber criar páginas dessa forma não basta. É preciso conhecer a estrutura do código que está por trás de sua aparência e saber criar parágrafos, listas, tabelas, formulários, frames , incluir links e imagens em uma página utilizando o código HTML. Este assunto não será abordado neste livro. Existem vários bons tutoriais e livros sobre o assunto, inclusive na Web. Alguns estão listados no apêndice A. Conhecimento prévio de uma linguagem de programação é desejável, mas não essencial. É possível explorar JavaScript aos poucos, começando com recursos mais básicos e com aplicação imediata e ir avançando gradualmente até chegar em aplicações mais complexas. Mesmo que você nunca tenha programado em uma linguagem estruturada antes, acreditamos que será possível acompanhar todos os exemplos deste livro e no final saber desenvolver aplicações de média complexidade com JavaScript.

Descrição do conteúdo

O livro está organizado em 12 capítulos e pelo menos um apêndice^1 contendo as fontes de informação consultadas e recursos na Web. O código-fonte de quase todos os exemplos, exercícios propostos, soluções e exercícios resolvidos está em um disquete que o acompanha. Ao final de cada capítulo, ou de seções de um capítulo, há uma lista de exercícios propostos, que aplicam os assuntos apresentados. Ao todo são mais de 40 exercícios propostos, a maior parte com solução em disquete. Muitos fornecem um esqueleto que o programador pode usar como base, para se concentrar apenas nos aspectos relevantes ao problema. Além dos exercícios propostos, vários recursos do JavaScript são apresentados através de exemplos detalhados, na forma de exercícios resolvidos. Nestes exercícios, um problema proposto é solucionado expondo as etapas da resolução, decisões tomadas e o código utilizado, com comentários. São 11 exercícios resolvidos ao todo. O primeiro capítulo, “Introdução a JavaScript”, tem como objetivo apresentar uma breve introdução e visão geral da linguagem e sua utilização no browser. Depois de apresentados alguns exemplos demonstrando pequenas aplicações e manuseio de eventos, um exercício completo é proposto, e resolvido em seguida, com o objetivo de familiarizar o programador com o código JavaScript e o modelo de objetos do browser. Os capítulos 2 a 4 tratam do núcleo comum da linguagem JavaScript, assim como é definida na especificação ECMA-262, JavaScript 1.1 e JScript 3.1. O capítulo 2 apresenta a sintaxe e estruturas elementares da linguagem, o capítulo 3 introduz os conceitos de objetos, protótipos, funções, métodos e propriedades e o capítulo 4 apresenta os objetos nativos do JavaScript.

(^1) Como este livro é utilizado como apostila em treinamentos abertos e fechados, o seu formato pode mudar de acordo com a carga horária e necessidades do contratante do treinamento. O formato de 12 capítulos e 1 apêndice refere-se à versão básica (B).

xiii

ECMA-262 limita-se ao núcleo da linguagem, e não abrange o modelo de objetos do HTML e do browser. Mantivemos a hierarquia e nomes definidos no JavaScript da Netscape^2 , mas utilizamos uma notação “estilo ECMA” para distinguir “tipo de um objeto” de um “objeto” (o que nem sempre ocorre na documentação da Netscape). Fizemos isto representando sempre que possível, o tipo em itálico com a primeira letra maiúscula (por exemplo, usamos Window , neste livro, para representar o tipo de objeto que representa janelas e frames, que são utilizados em client-side JavaScript através de nomes como window, window.frames[0], frames[0] e parent). Quatro novos capítulos nesta edição são resultantes da divisão de capítulos muito grandes existentes na versão anterior. A nova organização facilita o estudo dos assuntos e permite que a ordem dos capítulos possa ser alterada e certos capítulos possam ser eliminados em cursos com carga horária reduzida. Há um novo capítulo sobre comunicação Java com JavaScript (capítulo 12) que nas versões anteriores era um apêndice opcional. Vários exercícios propostos foram transformados em exercícios resolvidos.

Mídia eletrônica e atualizações

Todos os exemplos, exercícios resolvidos e soluções de alguns exercícios propostos estão em um disquete que acompanha este livro. Os nomes dos diretórios refletem os nomes dos capítulos, por exemplo, os arquivos do capítulo 3 podem ser encontrados no subdiretório cap3/. Uma nova edição deste livro, no formato apostila (A4) é produzida a cada 6 ou 12 meses. Quaisquer atualizações neste intervalo podem estar presentes na forma de anexos, distribuídos separadamente ou não. Erratas e atualizações menores são geralmente introduzidas a cada nova reprodução. A partir desta edição, um website estará disponível com recursos, atualizações e formulário para feedback. Até a data de conclusão deste prefácio, porém, o endereço ainda não estava disponível. Procure-o na página ii ( copyright ).

Convenções usadas no texto

As seguintes convenções tipográficas são utilizadas neste livro:

• Garamond Italic é usada para tipos de dados e tipos de objetos JavaScript ( Window , Frame , String ) e texto grifado.
• Courier New é usada para representar código JavaScript (eval("x+y"), window.status), descritores e atributos HTML (, SRC, HREF), URLs, nomes de arquivo e nomes de programas (index.html, http://www.abc.com).
• Courier New Italic é usada para representar propriedades e atributos que representam um valor definido pelo programador ( parseInt( string_com_numero , base ) ).
• Courier New Bold é usada para trechos de código destacados por algum motivo, linhas de comando que devem ser digitadas verbatim na tela ( C:> *dir .html ).

(^2) O DOM (Document Object Model) do W3C, padroniza o JavaScript do lado do cliente, mas é excessivamente extenso para os nossos objetivos (que não incluem DHTML).

xiv

Agradecimentos

Este livro começou após um curso que eu ministrei na IBPINET em São Paulo sobre Web Sites Interativos. Inicialmente, era apenas pouco mais que um guia de referência que eu compilei para uso próprio, com exemplos extraídos da documentação da Netscape. Após o curso, com o feedback dos alunos, resolvi reorganizar o assunto em um formato mais didático, com alguns exemplos novos, resultantes de questões surgidas em sala de aula. Isto se repetiu várias vezes até chegar à forma atual. Este livro, portanto, existe graças aos alunos dos cursos realizados na IBPINET e Itelcon, que interagiram de várias formas, revisando seu conteúdo, sugerindo mudanças na apresentação do assunto, apontando erros e propondo exemplos práticos. Pela oportunidade de poder ministrar os cursos que deram forma a este livro, gostaria de agradecer também à Fábio Marinho e Adriana Guerra, diretores do IBPINET, e a Joberto Martins e William Giozza, diretores da Itelcon.

Críticas e sugestões

Este livro está sempre sendo revisado, atualizado e ampliado periodicamente e cada vez que é utilizado em um curso. Cuidados foram tomados para garantir a apresentação dos assuntos de forma clara, didática e precisa, mas eventualmente podem escapar erros, imprecisões e trechos obscuros. Sugestões, críticas e correções são sempre bem vindas e podem ser endereçadas por e-mail a [email protected] ou [email protected]. Sua opinião é muito importante e contribuirá para que futuras edições deste livro e outros livros e apostilas possam ser ainda melhores.

Helder L. S. da Rocha Campina Grande, PB, 23 de fevereiro de 1999.