Após ter descoberto o que é HTML e CSS e como funcionam, deve ter ficado curioso para saber como deixamos as páginas mais dinâmicas com JavaScript. Por isso agora vamos abordar qual é a sua origem, como funciona e como integra-lo a sua página web, com um guia de fácil entendimento!
Conteúdo
O que é JavaScript?
O JavaScript é uma linguagem de programação de alto nível feita para rodar principalmente do lado do cliente. Isso quer dizer que ela pode tornas paginas da web padrão em páginas mais dinâmicas, ou seja, com mais funcionalidades. Basicamente quase todos os sites usam JS em sua estrutura, como por exemplo o google, youtube, e até mesmo o nosso blog!
Origem
Essa linguagem de programação foi criada por Brendan Eich a pedido da Netscape Communications na década de 90 (em 1995). Inicialmente se chamava Live Script, posteriormente a empresa SUN Microsystems também se interessou por ela e entrou com força no desenvolvimento.
As linguagens JAVA e JavaScript são diferentes
Com o sucesso do JAVA na época e por influência da própria SUN, que mantinha uma Linguagem de Programação chamada JAVA o Live Script muda de nome para JavaScript, mas as linguagens só se tornam parecidas mesmo pelo nome, pois são completamente diferentes.
Vendo isso a microsoft resolve também aproveita o hype e lança o JScript em 1997 que só funcionaria em seu navegador, assim cria diversos problemas de compatibilidade, e logo em seguida a empresa ECMA padroniza a linguagem para facilitar o desenvolvimento. Surgia assim o ECMAScript, que por questões de marketing resolve deixar a linguagem ser conhecida como JavaScript.
Como o JavaScript funciona?
É uma linguagem client-side isso significa que roda do lado do usuário no navegador. Mas além de seu uso no front-end também pode ser utilizado nos servidores com Node.js e até mesmo fora do desenvolvimento web na criação de app android com o VueJS, React Native, PhoneGap, o Ionic Framework, Electron, Flutter, etc.
Vejá abaixo uma aplicação simples do JS na impressão do hello world! Como um alerta:
//Exibira um alerta na tela
alert("hello world!");
Veja abaixo uma aplicação simples porem mais complexa do JavaScript em um script que permite fazer somas:
// calculadora de soma
var a = prompt("Número 1","");
var b = prompt("Número 2","");
var x = parseInt(a) + parseInt(b);
alert("Resultado Final: " + x);
Como integrar o JavaScript no HTML?
O JavaScript pode ser inserido tanto na tag head quanto na body, no entanto, se adicionado na parte inferior do seu HTML pode melhorar o carregamento da sua página.
Externo: Deve ser na tag <script src=”seu-script.js”></script> e os conteúdos do arquivo seu-script.js;
Interno: Deve ser adicionado com as tags <script>seu script</script>.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exemplo JS</title>
<!-- Método JS externo, seu conteúdo em um arquivo .js -->
<script src="/seu-script.js"></script>
</head>
<body>
<!-- Método JS interno -->
<script>/* seu conteúdo */</script>
</body>
</html>
Como se tornar um Desenvolvedor Web?
Sei que deve estar animado para começar a sua jornada, saiba que estou focado para fazer conteúdos excepcionais que irão te ajudar! Então não perca tempo e cadastre-se logo abaixo para não perder nenhuma novidade e ficar sempre por dentro
