Este artigo tem como objetivo revisitar conceitos fundamentais de programação em JavaScript, utilizando o Visual Studio Code como ambiente de desenvolvimento. Serão abordados tópicos como configuração do ambiente, utilização do console.log, conceito de variáveis e exemplos práticos de declaração. Este conteúdo é essencial para consolidar a base antes de avançar para tópicos mais avançados.

Configurando o Ambiente VS Code

O Visual Studio Code (VS Code) é um editor de código-fonte desenvolvido pela Microsoft para Windows, Linux e macOS. Ele permite a edição de código para diversas linguagens de programação, incluindo JavaScript. Para configurar o ambiente VS Code para programação JavaScript, os passos são:

  • Instalar o VS Code caso ainda não esteja instalado
  • Criar uma pasta de trabalho (por exemplo, ‘dnc-javascript’)
  • Abrir essa pasta no VS Code indo em File > Open Folder
  • Instalar a extensão Node.js Extension Pack para adicionar funcionalidades úteis para JavaScript
  • Dentro da pasta, criar um arquivo com extensão .js (por exemplo ‘variaveis.js’)
  • Começar a programar em JavaScript nesse arquivo

Utilizando o console.log

O console.log é muito utilizado em JavaScript para imprimir mensagens no terminal e testar trechos de código. Sua sintaxe básica é:

  • console.log(‘mensagem’); onde ‘mensagem’ pode ser substituído por qualquer conteúdo que se deseja exibir no console
  • É uma ferramenta fundamental para depurar e testar o código JavaScript
  • Permite a visualização de valores de variáveis e mensagens de depuração durante o desenvolvimento

Introdução ao Console.log em JavaScript

O console.log é uma ferramenta essencial para verificar variáveis, testar funções e obter feedback imediato durante o desenvolvimento em JavaScript.

  • O console.log é uma ferramenta importante para verificar variáveis e testar funções em JavaScript
  • Permite obter feedback imediato durante o desenvolvimento
  • Facilita a identificação de erros e depuração de código

O Conceito de Variáveis em JavaScript

Variáveis em JavaScript podem ser compreendidas como ‘gavetas’ onde armazenamos informações, cada uma com um identificador único. Elas permitem armazenar e modificar valores, desempenhando um papel fundamental no desenvolvimento de aplicações.

  • Variáveis em JavaScript são como ‘gavetas’ para armazenar informações
  • Cada variável possui um identificador único
  • Permitem armazenar e modificar valores durante a execução do programa
  • São fundamentais para o desenvolvimento de aplicações em JavaScript

Declarando Variáveis em JavaScript

Em JavaScript, as variáveis podem ser declaradas utilizando as palavras-chave ‘var’ ou ‘let’, seguidas pelo nome da variável e o valor a ser armazenado. Essa declaração permite o acesso e a manipulação dos valores posteriormente.

  • Em JavaScript, as variáveis podem ser declaradas com ‘var’ ou ‘let’
  • A declaração inclui o nome da variável e o valor a ser armazenado
  • Permite o acesso e a manipulação dos valores posteriormente

Exemplos Práticos de Declaração e Impressão de Variáveis

Através de exemplos práticos, é possível compreender como declarar e imprimir variáveis em JavaScript, assim como modificar seus valores. Essa prática é essencial para consolidar o entendimento sobre o uso de variáveis na linguagem.

  • Exemplos práticos facilitam a compreensão da declaração e impressão de variáveis em JavaScript
  • Auxiliam na compreensão da modificação de valores das variáveis
  • Consolidam o entendimento sobre o uso de variáveis na linguagem JavaScript

Entendendo o Conceito de Variáveis em JavaScript

No primeiro exemplo, declaramos 3 variáveis para armazenar os dados de um carro.

  • Variáveis em JavaScript são utilizadas para armazenar dados e valores
  • Podem ser declaradas utilizando as palavras-chave ‘let’ e ‘var’
  • Os valores das variáveis podem ser acessados utilizando seus nomes

Exemplo 1: Declarando e Acessando Variáveis

Podemos ver que para acessar os valores basta usar os nomes das variáveis.

  • Declaração e atribuição de valores às variáveis marca, modelo e ano
  • Acesso aos valores das variáveis utilizando o console.log

Exemplo 2: Modificando Valores das Variáveis

Primeiro declaramos as variáveis com valores iniciais, depois modificamos a variável ‘precoInicial’ e por último imprimimos ela novamente, já com o novo valor.

  • Demonstração da modificação do valor da variável ‘precoInicial’
  • Utilização de operadores matemáticos para modificar o valor da variável

Exemplo 3: Simulando a Entrada e Saída de Veículos

Novamente declaramos a variável ‘vaga1’ com um valor inicial, depois modificamos esse valor simulando a saída do prisma e entrada do corola nessa vaga, e por fim imprimimos a vaga com cada um dos carros.

  • Exemplo prático de modificação do valor de uma variável
  • Simulação da entrada e saída de veículos em uma vaga de estacionamento

Conclusão

Ao relembrar conceitos fundamentais de JavaScript, como configuração do ambiente, uso do console.log e manipulação de variáveis, os desenvolvedores estarão mais preparados para enfrentar desafios mais complexos. Este artigo serviu como um guia de revisão, preparando o leitor para os próximos passos no desenvolvimento em JavaScript.