A linguagem JavaScript, como o próprio nome sugere, é composta por scripts (pense em scripts como uma sequência de comandos, apenas isso). Estes scripts são identificados pelo navegador por estarem dentro das tags <script> e </script>

Essas tags podem estar em qualquer parte da página, mas a boa prática de programação diz que seu local correto é entre as tags <head> e </head>do seu arquivo HTML, portanto sempre que possível, coloque seus scripts aí. No entanto essa regra nem sempre pode ser seguida e vou explicar o motivo.

O navegador lê o arquivo que irá formar a página de cima para baixo. Os Scripts Java, às vezes, manipulam o conteúdo das páginas através de identificadores de elementos, no entanto estes identificadores só podem ser localizados depois que a página está totalmente montada, portanto, se o seu Script precisar manipular algum elemento HTML e você o colocar na tag head, o navegador tentará localizar o elemento antes dele ter sido criado, então teremos um problema. Nestes casos é melhor colocar o código do Script no final da tag body, já que assim, quando o navegador começar a leitura do mesmo, toda a página já estará montada e qualquer elemento poderá ser identificado sem problemas.

O conteúdo das tags <script> e </script>é facilmente interpretado pelos navegadores, que já há muitos anos possuem suporte nativo a essa linguagem. O fato da interpretação desses scripts acontecer no navegador do cliente é muito bom, pois torna a execução do JavaScript muito rápida. É comum encontrar sites se referindo a ela como a linguagem que roda direto no cliente, ou que simplesmente a chamam de client side. Quando encontrar isso novamente, você já saberá que se trata de uma linguagem interpretada pelo navegador.

Vamos fazer uma pequena demonstração para que você comece a ver o JavaScript em ação. Crie uma página HTML qualquer, mas na tag <body>,faça essas modificações, deixando-a assim:

<body onload="alert('Já estou produzindo JavaScript!');">

Abra esse arquivo no navegador. Você deverá ver algo como:

Hello World JavaScript

Isso é JavaScript! Criamos um pequeno exemplo, com a função alert, que serve para emitir alertas para o usuário através de pequenas janelas. O parâmetro onload, da tag body, se encarrega de executá-lo no carregamento da página. Vale ressaltar também que os comandos em JavaScript, assim como em CSS, são encerrados com o sinal de ponto e vírgula.

Bem, como você pôde observar, o JavaScript começou a te dar alguns “poderes” que antes você não tinha enquanto utilizava apenas o HTML e o CSS. E ele vai muito além disso, como vou mostrar nos tópicos seguintes, mas antes que você se empolgue e pense em fazer alguma maldade com eles (é brincadeira, eu sei que você não faria isso...), saiba que os poderes são limitados. Isso acontece porque o navegador coloca os códigos JavaScript em um local separado, denominado sandbox. Estando lá, o código pode ser executado, mas não tem acesso ao computador do usuário, ou seja, nada de acessar ou editar arquivos, imprimir, formatar um disco rígido, enfim, a execução de código se resume a modificar ou executar ações com a página web. Apenas isso.

Bem, mas se esse é o seu primeiro contato com uma linguagem de programação, saiba que o que você fez com o código onload="alert('Já estou produzindo JavaScript!');" foi chamar uma função de nome alert, que é responsável por exibir a mensagem na tela. O que aparece entre aspas dentro do parênteses é chamado de argumento da função. Você precisa colocá-lo entre aspas para que a função saiba onde começa e termina essa sequência de caracteres. Se fosse para exibir um número, as aspas seriam desnecessárias.

Por último vale a observação sobre o navegador Internet Explorer. Se você fez essa página HTML e está tentando abri-la em navegadores como Firefox, Chrome, Opera, Safari ou tantos outros, não teve surpresas, mas se o fez pelo IE recebeu um alerta perguntando se você quer mesmo executar esse conteúdo bloqueado. Não se assuste com isso. É uma espécie de “neura” do IE, que trabalha com páginas salvas no HD e que contenham scripts de maneira diferente de todos os outros navegadores. Caso o IE seja o seu navegador preferido e você queira continuar testando suas páginas nele, é possível remover o aviso de “permitir conteúdo bloqueado”. Para isso, basta inserir, antes da tag <html>,o seguinte código:

<!-- saved from url=(0014)about:internet -->

Pronto! Agora ele não te fará mais aquela pergunta e abrirá suas páginas normalmente! Apenas por curiosidade, o que este comando faz é colocar a página na zona de Internet, simulando a execução em um servidor e não no seu computador.

No tópico seguinte vou falar sobre variáveis, que são de extrema importância em qualquer linguagem de programação.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Cuidados com o notebook

Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.

Mortal Kombat - O Filme

O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.

Playstation

O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.

Final Fantasy

O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.