Article image
Jessica Silva
Jessica Silva28/05/2024 14:06
Compartilhe

Seu Primeiro Contato com JavaScript: O Que Você Precisa Saber

  • #JavaScript

O que é JavaScript?

JavaScript é uma linguagem de programação dinâmica, amplamente utilizada no desenvolvimento web para criar páginas interativas e dinâmicas. Originalmente desenvolvida para adicionar comportamentos aos websites, o JavaScript evoluiu ao longo dos anos e agora é uma das tecnologias fundamentais da web, juntamente com HTML e CSS.

image

Ambiente de Desenvolvimento

Para começar a programar em JavaScript, você pode usar:

  • Navegador web;
  • Editor de código: um exemplo é o Visual Studio Code (VS Code), um editor gratuito e amplamente utilizado.

Usando o Console do Navegador

  • Abra o Console do Desenvolvedor: Em muitos navegadores, você pode abrir o console pressionando Ctrl + Shift + J (Windows/Linux) ou Cmd + Option + J (Mac).
  • Escreva seu Código: No console, digite o seguinte código:
console.log('Olá, Mundo!'); 
  • Execute o Código: Pressione Enter e você verá a mensagem Olá, Mundo! exibida no console. Parabéns, você escreveu seu primeiro código JavaScript!

Usando o Visual Studio Code

  • Instale o VS Code: Se ainda não tiver o VS Code instalado, baixe-o do site oficial Visual Studio Code e instale no seu computador.
  • Crie um Novo Arquivo JavaScript: Abra o VS Code e crie um novo arquivo com a extensão ".js". Por exemplo, "primeiroScript.js".
  • Escreva seu Código: No arquivo "primeiroScript.js", digite o seguinte código:
console.log('Olá, Mundo!'); 
  • Abra o Terminal Integrado: No VS Code, abra o terminal integrado pressionando " Ctrl + ' " (Windows/Linux) ou " Ctrl + " "(Mac).
  • Execute o Código: No terminal integrado, navegue até o diretório onde está o arquivo "primeiroScript.js" e execute o código usando o Node.js. Digite o seguinte comando:
node primeiroScript.js 
  • Veja o Resultado: Você verá a mensagem Olá, Mundo! exibida no terminal. Parabéns, você executou seu primeiro código JavaScript usando o VS Code!

image

Variáveis

Variáveis são usadas para armazenar dados que podem ser usados e manipulados no seu código. Em JavaScript, você pode declarar uma variável usando: var, let ou const.

let saudacao = 'Olá, Mundo!';
 
console.log(saudacao); 

Tipos de Dados

JavaScript trabalha com diversos tipos de dados, incluindo números, strings (texto), booleanos (verdadeiro ou falso), objetos e arrays (listas).

let numero = 10; // Número

let texto = 'Aprendendo JavaScript'; // String 

let verdadeiroOuFalso = true; // Booleano 

let lista = [1, 2, 3, 4, 5]; // Array 

let objeto = {nome: 'JavaScript', ano: 1995}; // Objeto 

Funções

Funções são blocos de código que podem ser reutilizados. Elas podem receber parâmetros e retornar um valor.

function somar(a, b) { 
return a + b; 
} 

let resultado = somar(5, 3); 

console.log(resultado); // Exibe 8 

Estruturas de Controle

JavaScript possui várias estruturas de controle para gerenciar o fluxo do seu código, como condicionais (if, else) e loops (for, while).

let idade = 18;

if (idade >= 18) {
console.log('Você é maior de idade.'); 
} else { 
console.log('Você é menor de idade.'); 
} 

for (let i = 0; i < 5; i++) {
console.log('Número: ' + i); 
} 

image

Recursos Online

Existem muitos recursos online para ajudar você a aprender JavaScript.

Sites como MDN Web Docs, W3Schools e Codecademy oferecem tutoriais e documentações extensivas.

Projetos Práticos

Praticar é a melhor maneira de aprender. Tente construir pequenos projetos, como uma calculadora simples, um jogo da velha, ou uma lista de tarefas. Esses projetos ajudarão você a aplicar o que aprendeu e a ganhar confiança em suas habilidades.

image

JavaScript é uma linguagem poderosa e versátil que é essencial para o desenvolvimento web moderno. Espero ter ajudado você começar sua jornada no mundo da programação web com os conceitos básicos abordados neste artigo. Continue praticando, explorando e construindo – as possibilidades são infinitas!

Compartilhe
Comentários (1)
André Santos
André Santos - 28/05/2024 15:19

Boa tarde Jéssica, muito bom seu artigo, gostei bastante. Se poder me da umas dicas dos prompts que vc usou para gerar essas imagens, gostei muito. Vamos q vamos, desejo muito sucesso a nossa carreira. 💵🚀