 |
| Logo JS |
Muitas vezes as pessoas se confundem o JavaScript com a linguagem de progamação Java. Na verdade, as similaridades ficam apenas no nome mesmo. O JS foi desenvolvido pelo programador americano Brendan Eich da Netscape. No início do projeto, a linguagem foi batizada como Mocha, mas teve seu nome mudado para LiveScript por ocasião do seu lançamento. Em dezembro de 1995 foi rebatizado como JavaScript. A mudança de nome gerou muita confusão, uma vez que a grande maioria das pessoas achava que o JS era baseado em Java. Muitos até hoje encaram esta mudança de nome como uma jogada de marketing, visto o sucesso da linguagem Java. Se foi jogada ou não, o JS deu certo: teve uma aceitação muito grande como uma linguagem de script client-side de páginas web.
 |
| Exemplo de Menu com JS |
Para fazermos funcionar o código do JavaScript dentro de uma página HTML, usamos as tags <script></script>. Entre estas duas tags, escrevemos nosso código em JavaScript. Vamos pegar a página que estamos trabalhando (aquela do "Olá Mundo") e vamos fazer uma aplicação de JavaScript, a título de aprendizado. Vamos criar um botão que, ao ser clicado, mostrará um alerta com a seguinte mensagem: "Olá Mundo. Seja bem vindo!". Veja como ficaria o código:
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<title>Teste - Olá m᠍undo</title>
<meta name="description" content="Este meu primeiro trabalho usando HTML"/>
<script>
window.onload = function () {
document.getElementById("hello").addEventListener("click", function () {
alert("Olá Mundo. Seja bem vindo!");
}, false);
};
</script>
<style type="text/css">
h1{
font-size: 20px;
color: red; }
h2{
font-size: 18px;
color: green; }
p {
font-size: 15px;
color: grey; }
</style>
</head>
<body>
<h1>Edson Ricardo Czarneski</h1>
<h2>Hello World ...</h2>
<p>Ou olá mundo, para quem prefir ...</p>
<p>Para interagir, vamos fazer o seguinte: aperte o botão abaixo e veja o que acontece:</p>
<button id="hello">Dizer "Olá"</button>
</body>
</html>
Como dissemos, o código em JavaScript está entre as duas tags <script></script>. Na verdade, quando escrevemos o código, é como se dissemos ao computador: "Ei, quando você abrir o documento, prepare essa ação: quando clicar no botão chamado "hello", você me mostra esta imagem, ok ..." Se você salvar este código e executar no navegador, o resultado será esse:
 |
| Caixa de Diálogo com JS |
Outra coisa a ser levado em conta no que diz respeito ao JS é o suporte oferecido pelos navegadores. Atualmente noto que o problema é menor, mas ainda existe. Muitos navegadores tem um suporte um tanto limitado ao uso do JS. Por exemplo, ha algum tempo atrás, desenvolvi uma homepage com JS, onde o usuário, ao passar o mouse sobre o menu, via mudanças de figuras relacionadas. Ao ver a aplicação em diversos navegadores, notei que a maioria rodava sem problemas, mas alguns (como o miserável do IE, que vai mudar logo) não executava o script. Dava erro e a figura ficava estática. Assim, sempre é bom verificar como nosso script se comporta com, pelo menos, os navegadores mais conhecidos.
Então é isso. JavaScript oferece muitas possibilidades aos desenvolvedores, embora vale lembrar que usar demais pode fazer com que a página fique muito pesada, o que não seria interessante. Mas vale a pena usar esta linguagem para melhorar a interação com o usuário. No próximo post, vamos falar de uma linguagem de programação, uma das minhas favoritas (a primeira que aprendi...) e que é muito utilizada por desenvolvedores de sistemas web: o PHP ... Até lá ...
Nenhum comentário:
Postar um comentário