DEV Community

Cover image for Introdução ao JavaScript: Variáveis, Tipos de Dados e Operadores
rodrigozan
rodrigozan

Posted on

Introdução ao JavaScript: Variáveis, Tipos de Dados e Operadores

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:



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


Enter fullscreen mode Exit fullscreen mode

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

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:



var idade = 30;


Enter fullscreen mode Exit fullscreen mode

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



idade


Enter fullscreen mode Exit fullscreen mode

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):



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


Enter fullscreen mode Exit fullscreen mode

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!

Top comments (0)