Começando com Javascript

E aqui se inicia a série “JavaScript”. A ideia veio depois de ver um número grande de front-enders que ainda não se preocupam em conhecer a linguagem e só apenas usam frameworks e bibliotecas.

Quando perguntado se conhece a linguagem, a resposta mais ouvida foi: ‘Uso jQuery!’

Então, vamos falar sobre a linguagem JavaScript, que já foi chamada de Mocha, posteriormente LiveScript e por fim JavaScript. A mesma foi criada por @BrendanEich, e teve sua primeira versão JavaScript 1.0, introduzida no navegador Netscape 2.0 em 1996.

JavaScript é uma linguagem de programação interpretada . Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem com o usuário sem a necessidade deste script passar pelo servidor, controlando o navegador, realizando comunicação assíncrona e alterando o conteúdo do documento exibido. – JavaScript

Com JavaScript, podemos controlar o comportamento do navegador em diversos aspectos, como criar janelas pop-up, apresentar mensagens ao usuário, alterar as dimensões do navegador, interferir na barra de status, retirar menus, fechar e abrir janelas.

JavaScript é capaz de acessar os campos e valores digitados em um formulário HTML e proceder à validação dos dados, realizar cálculos e fornecer dicas de preenchimento dos campos.

– JavaScript Guia do Programador

  • Maurício Samy Silva

Atualmente, o nome oficial da linguagem JavaScript é ECMAScript e a versão é a ECMA-262 v6 (ECMAScript 2015).

Tabela 1.1 – Versões da JavaScript

VersãoImplementaçãoMês/ano
JavaScript 1.0Netscape 2.0Março 1996
JavaScript 1.1Netscape 3.0Agosto 1996
JavaScript 1.2Netscape 4.0 e 4.05Junho 1997
JavaScript 1.3Netscape 4.06 e 4.07xOutubro 1998
JavaScript 1.4Servidores Netscape-
JavaScript 1.5Netscape 6.0 – Firefox 1.0 – Opera 6.0 a 9.0Novembro 2000
JavaScript 1.6Firefox 1.5 – Safari 3.0 e 3.1Novembro 2005
JavaScript 1.7Firefox 2.0 – Safari 3.2 e 4.0 – Chrome 1.0Outubro 2006
JavaScript 1.8Firefox 3.0Junho 2008
JavaScript 1.8.1Firefox 3.52008
JavaScript 1.9Firefox 4.02009
JavaScript 1.0Internet Explorer 3Agosto 1996
JavaScript 2.0Internet Explorer 3 – Windows IIS 3Janeiro 1997
JavaScript 3.0Internet Explorer 4Outubro 1997
JavaScript 4.0Visual Studio 6.0-
JavaScript 5.0Internet Explorer 5Março 1999
JavaScript 5.1Internet Explorer 5.01-
JavaScript 5.5Internet Explorer 5.5Julho 2000
JavaScript 5.6Internet ExplorerOutubro 2001
JavaScript 5.7Internet Explorer 7Novembro 2006
JavaScript 5.8Internet Explorer 8Março 2009
ECMA-262 v1Navegadores versão 41998
ECMA-262 v2Versão de testes1998
ECMA-262 v3Navegadores versão 61999
ECMA-262 v4Navegadores versão 6+2002
ECMA-262 v5Navegadores versão 6+2009
ECMA-262 v6Versão atual2015

ECMA (acrônimo para European Computer Manufacturers Association) é uma associação fundada em 1961 dedicada à padronização de sistemas de informação. Desde 1994 passou a se denominar Ecma International para refletir suas atividades internacionais. A associação é aberta a companhias que produzem, comercializam ou desenvolvem sistemas de computação ou de comunicação na Europa. – Ecma International

ECMAScript é uma linguagem de programação baseada em scripts, padronizada pela Ecma International na especificação ECMA-262. A linguagem é bastante usada em tecnologias para Internet, sendo esta base para a criação do JavaScript/JScript e também do ActionScript. – ECMAScript

Mãos à obra

Conseguimos inserir de algumas formas o código JavaScript em um documento HTML.

Incorporado no <head> ou no <body>:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html>
<html>
<head>
<script type="text/javascript">
// Insira o código Javascript aqui
</script>
</head>
<body>
<script type="text/javascript">
// Insira o código Javascript aqui
</script>
</body>
</html>

Linkado no <head> ou no <body>:

1
2
3
4
5
6
7
8
9
<!doctype html>
<html>
<head>
<script type="text/javascript" src="arquivo.js"></script>
</head>
<body>
<script type="text/javascript" src="arquivo.js"></script>
</body>
</html>

Também é possível de forma inline, mas não é aconselhável por dificultar a manutenção e etc.

1
2
3
4
5
6
7
8
9
10
11
12
<!doctype html>
<html>
<head>
</head>
<body>
<a href="#" onclick="document.getElementsByTagName('p')[0].style.color = 'red';return false;">clique aqui</a>

<p>Text 1</p>
<p>Text 2</p>

</body>
</html>

EcmaScript 2015

Já podemos utilizar as novas features sem preocupação com o auxílio de um “transpiler”, como o BabelJS. Em um próximo artigo, falarei sobre as novas features.

Com isso, temos uma introdução na linguagem. :)



Série JavaScript

Ao fechar este aviso ou continuar navegando no site Nerd Calistênico, você aceita o uso de cookies.

Este site usa cookies para assegurar a melhor experiência para os nossos usuários. Consulte nossa política de privacidade.

Uma nova versão está disponível. Clique aqui para atualizar.