Ilustração de um computador. Work illustrations by Storyset.

Estudos em Javascript

Introdução

O que é Javascript?

É a linguagem de programação mais popular do mundo, é considerada uma tecnologia fundamental, juntamente com HTML e CSS, da World Wide Web.

O Javascript permite maior interatividade em uma página, como sliders, alertas, pop-ups e interações de clique.

Javascript é uma linguagem de programação considerada não compilada, ou interpretada, ou seja, o navegador executa diretamente os scripts linha-a-linha.

O javascript é "case sensitive", as letras maiúsculas e minúsculas fazem diferença.

Como adicionar scripts

Os scripts podem ser adicionados em um documento HTML, dentro tag <script> </script> e localizada acima da tag de fechamento </body>.

O Javascript também pode ser adicionado em um documento separado e anexado acima da tag de fechamento </body>:

<script src="scripts/my-scripts.js"> </script>

Tipos de Dados / Valores

Segundo o padrão ECMAScript 6 mais recente, são sete os tipos de dados, sendo seis deles chamados de dados primitivos.

Comentários

Para organização do código, é possível se deixar notas textuais. Os comentários são informações explicativas a respeito da construção e organização, alguma função utilizada, instruções ou dicas, funcionamento dos blocos ou regras aplicadas, seja para o autor do código entendê-lo quando retornar após algum tempo aquele arquivo, quanto para códigos colaborativos.

Essas referências têm somente fim informativo e não são interpretadas pelo navegador.

Console

O console é um painel onde os comandos ou expressões são executados e interpretados conforme são digitados.

No JavaScript, console trata-se de um objeto. Pode ser embutido a ele, principalmente, o método .log().

O método console.log() serve para exibir (imprimir ou registrar) uma mensagem, variável, parâmetro, etc, dentro da ferramenta do desenvolvedor. Esse método é muito utilizado com o fim de teste e depuração (localização e correção de erros) do código.

console.log("Essa mensagem será exibida!");