O Que e JavaScript
O Que e JavaScript
JavaScript é uma linguagem de programação dinâmica e leve, amplamente utilizada para criar
páginas web interativas. Sua implementação permite que scripts rodem no lado do cliente,
possibilitando a interação direta com o usuário e a criação de páginas dinâmicas. Trata-se de uma
linguagem interpretada que também oferece recursos orientados a objetos.
Inicialmente chamada de LiveScript, a linguagem foi renomeada para JavaScript pela Netscape,
provavelmente aproveitando a popularidade da linguagem Java na época. A primeira aparição do
JavaScript foi na versão 2.0 do Netscape, em 1995. Desde então, seu núcleo geral tem sido
incorporado em vários navegadores, incluindo Internet Explorer e outros.
O padrão oficial da linguagem é definido pela especificação ECMA-262.
Principais características do JavaScript:
Linguagem leve e interpretada.
Projetada para aplicações voltadas para redes.
Complementa e se integra com Java.
Funciona em conjunto com HTML.
É aberta e multiplataforma.
JavaScript no Lado do Cliente
A forma mais comum de usar JavaScript é no lado do cliente, onde o código é incluído ou
referenciado em documentos HTML para ser interpretado pelo navegador. Isso transforma
páginas web estáticas em páginas dinâmicas que podem responder às ações do usuário, controlar
o navegador e modificar o conteúdo HTML em tempo real.
Um exemplo típico é a validação de formulários, como verificar se o endereço de e-mail inserido
pelo usuário é válido antes de enviar os dados ao servidor.
Vantagens do JavaScript
Menos requisições ao servidor: A validação no cliente evita o envio desnecessário de
dados, reduzindo a carga no servidor.
Feedback imediato: Os usuários recebem respostas instantâneas sem a necessidade de
recarregar a página.
Maior interatividade: Permite criar interfaces que respondem a eventos do mouse e
teclado.
Interfaces mais ricas: Recursos como arrastar e soltar ou controles deslizantes tornam a
experiência do usuário mais envolvente.
Limitações do JavaScript
Embora poderosa, a linguagem possui restrições importantes:
Não permite acessar ou modificar arquivos no sistema do usuário por questões de
segurança.
Não oferece suporte para aplicações de rede diretamente.
Não possui capacidade de multithreading ou processamento paralelo.
Ferramentas para Desenvolvimento em JavaScript
Um dos pontos fortes do JavaScript é que não é necessário usar ferramentas caras para
programar. Um editor de texto simples, como o Notepad, é suficiente para começar, já que o
navegador faz a interpretação do código.
Contudo, há editores especializados que facilitam o trabalho:
Microsoft FrontPage: Editor HTML com recursos para desenvolvimento em JavaScript.
Macromedia Dreamweaver MX: Popular entre profissionais, oferece componentes
prontos e suporte a bancos de dados.
Macromedia HomeSite 5: Uma ferramenta para gerenciar sites pessoais com suporte a
HTML e JavaScript.
Situação Atual do JavaScript
O padrão ECMAScript Edition 5 é uma atualização importante que tem sido adotada
amplamente, e o JavaScript 2.0 está alinhado a essa versão com pequenas diferenças. A
especificação pode ser consultada em http://www.ecmascript.org/.
Atualmente, tanto o JavaScript da Netscape quanto o JScript da Microsoft seguem esse padrão,
apesar de ainda manterem funcionalidades próprias.
Como Inserir JavaScript em uma Página HTML
Scripts JavaScript são inseridos dentro das tags <script>...</script> no código HTML. É
comum colocá-los dentro do cabeçalho da página, embora possam ser posicionados em outras
partes.
Essas tags informam ao navegador que o conteúdo entre elas deve ser interpretado como código
JavaScript. A sintaxe básica é a seguinte:
html
CopyEdit
<script language="javascript" type="text/javascript">
// código JavaScript aqui
</script>
Os atributos language (geralmente "javascript") e type ("text/javascript") indicam a linguagem
usada, embora nas versões mais recentes de HTML esses atributos sejam opcionais.
Exemplo Básico
Abaixo um exemplo simples que imprime "Olá, Mundo!" na página:
html
CopyEdit
<html>
<body>
<script language="javascript" type="text/javascript">
<!--
document.write("Olá, Mundo!");
//-->
</script>
</body>
</html>
Formatação do Código
Espaços em branco, quebras de linha e tabulações são ignorados pelo interpretador, então você
pode formatar seu código para melhor legibilidade.
O uso de ponto e vírgula (;) ao final das instruções é recomendado, embora em muitos casos
possa ser omitido se cada comando estiver em uma linha separada.
Sensibilidade a Maiúsculas e Minúsculas
JavaScript diferencia letras maiúsculas de minúsculas em nomes de variáveis, funções e
palavras-chave. Portanto, variavel e Variavel seriam identificadores distintos.
Comentários em JavaScript
JavaScript aceita comentários de linha única usando // e de múltiplas linhas entre /* e */.
Também reconhece o padrão de comentário HTML <!-- para compatibilidade.
Exemplo:
javascript
CopyEdit
// Comentário de uma linha
/*
Comentário
de múltiplas linhas
*/
Como Ativar e Desativar o JavaScript no Navegador
A maioria dos navegadores modernos vem com suporte embutido para JavaScript, que pode ser
ativado ou desativado nas configurações:
Internet Explorer: Ferramentas > Opções da Internet > Segurança > Nível
personalizado > Ativar scripts.
Firefox: Digite about:config na barra de endereços, busque javascript.enabled e
altere o valor.
Chrome: Configurações > Privacidade e segurança > Configurações de sites >
JavaScript.
Opera: Ferramentas > Preferências > Avançado > Conteúdo > Habilitar JavaScript.
Aviso para Navegadores que Não Suportam JavaScript
Caso o JavaScript esteja desabilitado, você pode usar a tag <noscript> para exibir uma
mensagem alternativa informando que o site depende do JavaScript para funcionar corretamente.
Exemplo:
html
CopyEdit
<noscript>
Por favor, habilite o JavaScript para continuar navegando neste site.
</noscript>