Introdução ao JavaScript: Variáveis, Tipos de Dados e Operadores
Published: 2023-10-10 18:22:39

O JavaScript é uma linguagem de programação amplamente utilizada no desenvolvimento de páginas da web interativas e dinâmicas. Neste artigo, exploraremos os conceitos básicos do JavaScript, incluindo variáveis, tipos de dados e operadores.

## O que é o JavaScript?

O JavaScript é uma linguagem de script leve, que permite aos desenvolvedores criar elementos interativos em páginas da web. Ele é frequentemente usado em conjunto com HTML e CSS para fornecer uma experiência mais envolvente aos usuários. Com o JavaScript, podemos criar formulários dinâmicos, efeitos visuais, animações e até mesmo manipular conteúdo em tempo real.

## Como programar em JavaScript

Aprender a programar em JavaScript é muito simples. Basta você ter um computador para acessar console do seu navegador preferido.

**Mas o quer raios é um console?**

Calma, pequeno gafanhoto. Vou explicar. E não, não é um console de video-game.

O console do navegador é uma ferramenta de desenvolvedor integrada aos navegadores da web que permite aos desenvolvedores interagirem com páginas da web e executarem comandos em JavaScript diretamente no navegador. Ele fornece uma interface onde você pode visualizar mensagens de depuração, erros, avisos e resultados de códigos executados em tempo real.

A principal função do console do navegador é facilitar o processo de desenvolvimento e depuração de sites e aplicativos da web. Ele permite que os desenvolvedores inspecionem e analisem o código HTML, CSS e JavaScript em uma página, bem como façam testes e modifiquem o comportamento do código sem a necessidade de editar diretamente os arquivos fonte.

## Variáveis em JavaScript

As variáveis são usadas para armazenar dados que podem ser usados ​​mais tarde em nosso código. Em JavaScript, podemos declarar variáveis usando as palavras-chave _var_, _let_ ou _const_. Por exemplo:

```javascript
var idade = 30;
let nome = "Maria";
const PI = 3.14;
```

Aqui, _idade_, _nome_ e _PI_ são as variáveis, e atribuímos a elas um valor numérico, uma string e uma constante, respectivamente.

Vamos falar sobre a diferença entre os três tipos de variáveis do JavaScript futuramente. Por enquanto, vamos _codar_.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u674km5oali5rcdm54gk.png)

Abra uma nova janela, ou uma nova guia de seu navegador preferido (recomendamos o Google Chrome, Mozilla Firefox ou Microsoft Edge). Pressione a tecla _F12_ ou clique com o botão direito do mouse na página e selecione _Inspecionar_ ou _Inspeccionar elemento_ (dependendo do navegador).

Isso abrirá a ferramenta de desenvolvedor do navegador. Procure a guia _Console_ ou _Consola_ na janela que se abriu.

No console, você verá um prompt onde pode digitar seu código JavaScript. O símbolo _>_ geralmente indica que você pode começar a digitar.

Vamos digitar no console a primeira variável que vimos acima:

```javascript
var idade = 30;
```

Tecle enter. Agora digite o nome da variável.

```javascript
idade
```

O número 30 será printado no console.

Repita o exercício com _let nome_ e _const PI_.

## Tipos de Dados em JavaScript

JavaScript é uma linguagem dinamicamente tipada, o que significa que o tipo de dado de uma variável é determinado automaticamente com base no valor atribuído a ela. Se você já programou em linguagens estaticamente tipadas, como Java ou C, sentirá certa diferença na declaração de variáveis.

### Alguns dos tipos de dados em JavaScript incluem:

- Números: usado para representar valores numéricos, como 10, 3.14, etc.
- Strings: uma sequência de caracteres, como "Olá, mundo!".
- Booleanos: representando verdadeiro (true) ou falso (false).
- Arrays: uma coleção de elementos que podem ser de diferentes tipos.
- Objetos: representam entidades com propriedades e métodos.

## Operadores em JavaScript

Os operadores em JavaScript são usados para realizar ações em variáveis e valores. Alguns dos operadores mais comuns incluem:

- Operadores Aritméticos: como adição (+), subtração (-), multiplicação (*), divisão (/) e outros.
- Operadores de Atribuição: como "=" para atribuir valores a variáveis.
- Operadores de Comparação: como "==", "!=", "<", ">" para comparar valores.
- Operadores Lógicos: como "&&" (E), "||" (OU), "!" (NÃO) para realizar operações lógicas.

### Exemplo de Uso de Operadores

Bom, não adianta ficar só de lero, lero. Como dizem, a prática leva a perfeição.

No console, crie as seguintes variáveis (lembre-se de teclar enter depois de criar cada variável):

```javascript
let a = 5;
let b = 10;

let soma = a + b; // Resultado: 15
let subtracao = a - b; // Resultado: -5
let comparacao = a == b; // Resultado: false
let logica = (a < 0) && (b > 0); // Resultado: false
```
Agora, em qualquer momento que você digitar uma das variáveis, o resultado será printado na tela.

## Conclusão

O JavaScript é uma poderosa linguagem de programação que desempenha um papel crucial no desenvolvimento web moderno. Neste artigo, abordamos alguns conceitos fundamentais, como variáveis, tipos de dados e operadores, que são essenciais para começar a escrever códigos JavaScript. Agora, você pode se aventurar na criação de interatividade e dinamismo em suas páginas da web usando o JavaScript!

Espero que este artigo tenha sido útil e que você esteja empolgado para continuar aprendendo mais sobre essa incrível linguagem de programação. No próximo artigo nós vamos falar de **Estruturas de controle**. Até mais!