O que é JavaScript?
Controlando o comportamento do HTML e o CSS
JavaScript não é Java
A primeira coisa que você precisa saber: JavaScript não tem nada a ver
com Java. Java é uma linguagem server-side, como PHP, Ruby, Python e
tantas outras. A única coisa parecida entre eles é o nome. 
;-)
;-)
Sabendo disso, quero que saiba que JavaScript é uma linguagem de
programação client-side. Ela é utilizada para controlar o HTML e o CSS
para manipular comportamentos na página. Me pergunte agora: "Como assim
comportamento?". Agora eu respondo: um comportamento comum, por exemplo,
é um submenu. Sabe quando você passa o mouse em um ítem do menu, e
aparece um submenu com vários outros ítens? Pois é. A obrigação de fazer
aparecer esse submenu é do JavaScript. O submenu estava escondido, e
quando passamos o mouse no ítem, o submenu aparece. Todo esse
comportamento quem vai executar é o JavaScript.
Quem criou o JavaScript?
Quem criou o JavaScript?
O JavaScript não foi criado pelo W3C, como muitos pensam. Na verdade
ele foi criado por um cara chamado Brendan Eich na Netscape (um dos
precursores dos navegadores web). Ele se chamava LiveScript, mas logo
seu nome foi mudado para JavaScript. Mesmo assim o nome original é
ECMAScript, por que o JavaScript é mantido pela European Computer
Manufacturer's Association. Ou seja, chame de JavaScript mesmo, que é
como todo mundo chama.
Voltando ao assunto principal: o
JavaScript não é mantido pelo W3C, ele é uma linguagem criada e mantida
pela ECMA. Eles mantém uma documentação da linguagem no site deles, mas a
melhor documentação ainda são os materiais que você pode encontrar na
web mesmo.
Camada de comportamento
Camada de comportamento
Você já deve ter lido a
parte que fala sobre o desenvolvimento separando em camadas, onde
explicamos que existem três camadas básicas no desenvolvimento para Web:
a informação que fica com o HTML, a formatação, que fica com o CSS e o
comportamento, que fica com o JavaScript.
O JavaScript é a
terceira camada de desenvolvimento por que ele manipula as duas
primeiras camadas, isto é: HTML e CSS. Imagine que você precise de um
Slider de imagens. Toda a movimentação, ações de cliques nas setinhas e
etc, é o JavaScript que vai cuidar. É isso que chamamos de
comportamento.
Orientado a Objeto
Orientado a Objeto
Talvez seja cedo demais
para falar sobre orientação a objetos em linguagens de programação, mas
você precisa saber, pelo menos, que o JavaScript é uma linguagem com
Orientação a Objetos. Não vamos entrar em detalhes agora, não queremos
que você confunda as bolas. Mas saiba que um objeto na programação é um
conjunto de informações. Objeto é um grupo de dados. Mas por hora, fique
apenas com essas informações. Vamos nos aprofundar em momento oportuno.
Hello World!
Hello World!
Vamos fazer seu primeiro Hello World com JavaScript?
Primeiro, escreva a estrutura básica do HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Título</title>
<meta charset="utf-8">
</head>
<body>
<html lang="pt-br">
<head>
<title>Título</title>
<meta charset="utf-8">
</head>
<body>
</body>
</html>
</html>
Agora, antes do </body> coloque este código:
<script type="text/javascript">
alert('Hello World!');
</script>
alert('Hello World!');
</script>
O código final fica assim:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Título</title>
<meta charset="utf-8">
</head>
<body>
<html lang="pt-br">
<head>
<title>Título</title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
alert('Hello World!');
</script>
</body>
</html>
alert('Hello World!');
</script>
</body>
</html>
E pronto, você já escreveu seu primeiro código JavaScript. Abra esse
documento HTML no browser e você vai ver uma janela de alerta
aparecendo.
Você pode entender também tudo o que envolve o JavaScript nessa simples apresentação:
