Criando seu Primeiro
Programa em JavaScript
Seja bem-vindo ao emocionante mundo da programação JavaScript! Esta
apresentação vai guiá-lo passo a passo na criação do seu primeiro programa,
desde os conceitos básicos até a aplicação prática de várias funcionalidades.
Prepare-se para desvendar os segredos do código e criar suas próprias
soluções digitais!
por Ailton Gonsalves de Souza
O Que é JavaScript?
JavaScript é uma linguagem de programação usada para Ele é uma linguagem versátil, utilizada também no
adicionar interatividade a páginas da web. Imagine um site que desenvolvimento de aplicativos móveis, jogos e até mesmo em
muda de cor quando você passa o mouse por cima, um jogo dispositivos IoT. O JavaScript permite que você crie
online que responde às suas ações, ou um formulário que experiências interativas e dinâmicas para seus usuários.
valida os dados que você digita - tudo isso é possível graças ao
JavaScript.
Iniciando com o Básico
A primeira etapa é entender o ```javascript console.log("Olá A função `console.log()` exibe uma
1 2 3
conceito de "Olá Mundo!". Este Mundo!"); ``` mensagem no console do
programa simples é o tradicional navegador. O console é como uma
ponto de partida em qualquer caixa de ferramentas para
linguagem de programação. Em desenvolvedores, onde você pode
JavaScript, ele é escrito como: ver as saídas do seu programa.
Variáveis: Armazenando
Dados
Criando Variáveis
Variáveis são como recipientes para armazenar informações em seu
programa. Para criar uma variável, use a palavra-chave `let` ou `const`
seguida do nome da variável e do valor que ela irá armazenar:
Tipos de Dados
Em JavaScript, você pode armazenar diferentes tipos de dados, como:
- Números: `let idade = 25;`
- Texto (Strings): `let nome = "João";`
- Booleanos (Verdadeiro/Falso): `let ativo = true;`
Utilizando Variáveis
Depois de criar uma variável, você pode usá-la em seu código para
realizar operações, como exibi-la no console:
Exemplo
```javascript let nome = "Maria"; console.log("Olá, " + nome + "!"); ```
Operadores: Efetuando Cálculos
Adição Subtração Multiplicação Divisão
O operador `+` adiciona dois O operador `-` subtrai um valor O operador `*` multiplica dois O operador `/` divide um valor
valores: `let resultado = 5 + 3;` do outro: `let resultado = 10 - valores: `let resultado = 7 * 2;` pelo outro: `let resultado = 15 /
4;` 3;`
Estruturas Condicionais:
Tomando Decisões
1 if
O bloco `if` executa um conjunto de instruções apenas se
uma condição for verdadeira:
2 else
O bloco `else` é executado se a condição do `if` for falsa:
3 else if
O bloco `else if` permite verificar outras condições se a
condição do `if` for falsa:
4 Exemplo
```javascript let idade = 18; if (idade >= 18) {
console.log("Você é maior de idade!"); } else {
console.log("Você é menor de idade!"); } ```
Laços de Repetição:
Automatizando Tarefas
for
1 O laço `for` repete um bloco de código um número
determinado de vezes:
while
2 O laço `while` repete um bloco de código enquanto uma
condição for verdadeira:
Exemplo
```javascript for (let i = 0; i < 5; i++) { console.log("Contagem: "
3
+ i); } let contador = 1; while (contador <= 5) {
console.log("Contagem: " + contador); contador++; } ```
Arrays: Armazenando
Múltiplos Valores
Criando um Array
Um array é uma coleção de valores, como uma lista de nomes ou
números. Para criar um array, use colchetes e separe os elementos por
vírgula:
Acessando Elementos
Você pode acessar elementos individuais de um array pelo seu
índice, começando por 0:
Exemplo
```javascript let frutas = ["Maçã", "Banana", "Uva"];
console.log(frutas[0]); // Saída: Maçã ```
Funções: Organizando Seu Código
Chamando Funções
2 Para executar a função, basta escrever
Definindo Funções o seu nome seguido de parênteses:
Funções são blocos de código
reutilizáveis que executam tarefas
1
específicas. Para definir uma função,
use a palavra-chave `function`, o nome Exemplo
da função, parênteses e chaves: ```javascript function saudacao(nome) {
console.log("Olá, " + nome + "!"); }
3
saudacao("João"); ```
Exercício Prático: Calculadora Simples
Entrada
1 Obtenha dois números do usuário.
Operação
2 Peça ao usuário para escolher uma operação: adição, subtração, multiplicação
ou divisão.
Cálculo
3
Efetue o cálculo usando os operadores corretos.
Saída
4
Exiba o resultado no console.
Criando a Calculadora: Passo a Passo
Obter Números
1 ```javascript let num1 = parseFloat(prompt("Digite o primeiro número:")); let num2 = parseFloat(prompt("Digite o
segundo número:")); ```
Escolher Operação
2
```javascript let operacao = prompt("Digite a operação (+, -, *, /):"); ```
Efetuar Cálculo
```javascript let resultado; if (operacao === "+") { resultado = num1 + num2; }
3 else if (operacao === "-") { resultado = num1 - num2; } else if (operacao ===
"*") { resultado = num1 * num2; } else if (operacao === "/") { resultado = num1 /
num2; } ```
Exibir Resultado
4
```javascript console.log("O resultado é: " + resultado); ```
Código Completo da
Calculadora
```javascript
let num1 = parseFloat(prompt("Digite o primeiro número:"));
let num2 = parseFloat(prompt("Digite o segundo número:"));
let operacao = prompt("Digite a operação (+, -, *, /):");
let resultado;
if (operacao === "+") {
resultado = num1 + num2;
} else if (operacao === "-") {
resultado = num1 - num2;
} else if (operacao === "*") {
resultado = num1 * num2;
} else if (operacao === "/") {
resultado = num1 / num2;
}
console.log("O resultado é: " + resultado);
```
Parabéns, Você Criou Seu
Primeiro Programa!
Agora você sabe como criar um programa básico em JavaScript, incluindo
variáveis, operadores, condicionais, laços e funções. Continue explorando o
mundo da programação, experimentando novos conceitos e desenvolvendo
seus próprios projetos. A jornada da programação é repleta de desafios e
recompensas, e você está apenas começando!
