...

O JavaScript é um dos três grandes do alojamento web: Além disso, o HTML (estrutura da página) e CSS (apresentação), a linguagem de programação orientada a objetos oferece dinamização de conteúdo. Mas o JavaScript não é aplicável apenas no contexto do design da página. As aplicações do lado do servidor também podem ser controladas com JavaScript.

Origens do JavaScript

Apesar do nome, o JavaScript tem pouco a ver com Java. Originalmente, a linguagem de scripting deveria ser chamada LiveScript e foi desenvolvida pela Netscape para a interação do Netscape Navigator com applets Java (aplicativos clientes Java). Como software realmente proprietário, o JavaScript representou um fator competitivo para empresas como Microsoft Ousado. Estes responderam ao desenvolvimento do JavaScript com suas próprias soluções, como a linguagem de script JScript. Com o tempo, no entanto, o JavaScript tornou-se a principal linguagem de script para o lado do cliente e (além php) dinamização do lado do servidor.

Dinamização do lado do cliente

Provavelmente a função mais utilizada do JavaScript é a possibilidade de dinamização do lado do cliente. O cliente é o web browser. A dinamização do lado do cliente significa que o conteúdo exibido no cliente é manipulado. HTML é a descrição estática da estrutura de uma presença na Web, o chamado Document Object Model (DOM). Enquanto o CSS (Cascading Style Sheets) é usado para o desenho separado deste "esqueleto", o JavaScript oferece a possibilidade de mover, apagar ou adicionar elementos HTML.

Esta manipulação de DOM (DOM scripting) pode ser usada de várias maneiras. Através dos chamados manipuladores de eventos, as funções são primeiramente vinculadas a determinados eventos. Estes podem ser cliques do usuário, pontos no tempo ou o carregamento do site. Usando as ID's atribuídas aos elementos em HTML, as alterações baseadas em eventos podem então ser acionadas. Isto pode incluir tudo desde a programação de formulários simples e dinâmicos ou filtros de mesa até à incorporação de leitores de vídeo ou gráficos complexos e dinâmicos.

JQuery: O JavaScript mais descomplicado

O JavaScript é um exemplo de linguagens de programação orientadas a objetos. Como tal, o limiar de entrada para web designers inexperientes é relativamente elevado. Sem restringir a funcionalidade do JavaScript (muito), a biblioteca JavaScript JQuery oferece uma sintaxe simplificada que permite que os casos de uso mais comuns sejam criados de forma rápida e fácil. Enquanto o JavaScript oferece complexidade e mutabilidade similares ao Java ou Python, definindo protótipos (ao invés de classes), instâncias (objetos concretos) e métodos (funções vinculadas a objetos), o JQuery limita o vocabulário e as estruturas. Os comandos têm uma estrutura estacionária para que a estrutura possa ser compreendida muito rapidamente. Portanto, a menos que você esteja lidando com aplicações complexas e incomuns, muito provavelmente existe uma solução simples em JQuery.

Dinamização do lado do servidor: AJAX e Node.js

Além da manipulação DOM, o JavaScript também é usado para comunicação com servidores, como consultas a bases de dados. Desde 2009 existe o node.js, um framework para dinamização do lado do servidor com JavaScript. Isto já era possível antes de 2009, mas o node.js permite uma integração mais fácil. Isto é uma vantagem para programadores JavaScript, porque assim eles não precisam mais usar outras linguagens como php. Além disso, o node.js também permite a paralelização de processos. Isto é uma vantagem, porque demasiados destes chamados fios podem levar a uma paralisação. Com o node.js, os pedidos passam por um único fio, o que pode aumentar consideravelmente o desempenho.

Node.js é um exemplo para as possibilidades do AJAX. A sigla significa um procedimento chamado JavaScript Assíncrono e XML. Este princípio torna possível recuperar o conteúdo dos servidores sem ter que recarregar a página inteira. Para muitos sites como o YouTube, uma recarga completa após pedidos de vídeo ou carregamento de comentários seria uma grande desvantagem. O AJAX também é uma solução para o problema da acumulação de pedidos graças ao processamento assíncrono, como explicado acima para o Node.js.

Integração de JavaScript

A integração básica de JavaScript em ofertas web funciona exatamente da mesma forma que a conexão com arquivos CSS. Portanto, há duas possibilidades para isto: Por um lado, o JavaScript pode ser usado na cabeça ou no corpo do documento HTML.

 

Artigos actuais