MundoDoDev

Se você está começando a aprender JavaScript, cedo ou tarde vai se deparar com um conceito fundamental: o Array. Ele é uma das estruturas mais usadas na programação e, quando você entende como funciona, consegue armazenar e manipular informações de forma muito mais prática. Neste post, vamos entender o que é um Array, para que ele serve e como criar um array simples em JavaScript. O que é um Array? Um Array em JavaScript é uma lista organizada de valores, onde você pode guardar vários dados dentro de uma única variável. Imagine que você queira guardar os nomes dos seus amigos. Sem Array, teria que criar uma variável para cada um: Isso rapidamente se tornaria confuso, certo? É aí que entra o Array. Ele permite que você agrupe todos esses valores em uma única variável: Agora, todos os nomes estão organizados em uma coleção. Como funciona um Array? Cada elemento de um Array possui uma posição chamada índice, e esse índice sempre começa no número 0. No exemplo acima: amigos[0] → "Ana...

Quando você começa a aprender JavaScript, inevitavelmente se depara com funções. Já vimos funções simples e funções com parâmetros, mas existe um detalhe ainda mais poderoso: as funções com retorno. Elas são responsáveis por enviar um valor de volta para quem chamou a função, permitindo reutilizar informações e dar respostas em diferentes partes do código. Em outras palavras: função com retorno = garantia de resposta do programa. O que é uma função com retorno? Uma função com retorno em JavaScript é aquela que usa a palavra-chave return. Isso significa que, ao ser executada, ela não apenas realiza uma ação, mas também devolve um resultado para ser usado em outro lugar. Estrutura básica: Por que usar funções com retorno? Reutilização de resultados – você pode guardar o valor em uma variável. Clareza no código – facilita entender o que a função entrega. Flexibilidade – permite usar a resposta da função em operações, condições e até em outras funções. Sempre dá uma resposta – ao contrário...

Se você já começou a aprender JavaScript, certamente já ouviu falar em funções. Elas são blocos de código reutilizáveis que ajudam a organizar, simplificar e deixar seu programa muito mais inteligente. Mas existe um detalhe que faz toda a diferença: as funções com parâmetros. É graças a elas que conseguimos personalizar a execução de um código e evitar repetições desnecessárias. Neste artigo, vou te explicar de forma simples, com exemplos práticos e claros, como trabalhar com função com parâmetros em JavaScript. O que são parâmetros em uma função? Uma função com parâmetros é como uma “receita” que recebe ingredientes. Esses ingredientes são os parâmetros, que permitem que a função seja adaptável e flexível. Ou seja, você escreve a função uma vez e pode usá-la de várias formas diferentes, apenas mudando os valores enviados. Sintaxe básica de uma função com parâmetros function → palavra reservada para criar a função nomeDaFuncao → você escolhe o nome (sempre algo que faça sentido) parame...

Se você está iniciando em JavaScript, já deve ter ouvido falar em funções. Elas são fundamentais na programação, pois permitem organizar o código em blocos reutilizáveis, deixando tudo mais limpo e fácil de manter. Neste artigo, você vai aprender o que é uma função simples sem parâmetros, como criar a sua primeira função em JavaScript e por que ela é tão importante. Vamos explorar exemplos práticos e diretos para que você nunca mais esqueça esse conceito. O que é uma função simples sem parâmetros? Uma função sem parâmetros é um bloco de código que não precisa de informações externas para ser executado. Ou seja, você define a função uma vez, e sempre que chamá-la, o JavaScript executa exatamente o que está dentro dela. Pense nela como um botão de atalho: sempre que você clicar, a mesma ação será realizada, sem depender de nenhuma entrada. Estrutura básica de uma função em JavaScript A sintaxe de uma função simples sem parâmetros é bem direta: Depois que você cria a função, basta chamá-l...

Se você está aprendendo JavaScript, já deve ter ouvido falar em estruturas de repetição. Elas são fundamentais para automatizar tarefas que seriam repetitivas demais se feitas manualmente. E entre essas estruturas, temos a do...while, que é um pouco diferente das outras (while e for). Neste artigo, você vai aprender de forma simples e prática como funciona o do...while em JavaScript, com exemplos do dia a dia para nunca mais esquecer. O que é a estrutura do...while em JavaScript? A estrutura de repetição do...while é utilizada quando você deseja que um bloco de código seja executado pelo menos uma vez, mesmo que a condição seja falsa. A lógica dela é: O código dentro do do é executado. Depois, a condição do while é verificada. Se for verdadeira, o código repete. Se for falsa, o programa para. Em outras palavras: primeiro executa, depois verifica. Sintaxe do do...while em JavaScript do → indica o bloco de código que será executado. while (condicao) → define até quando o loop vai continu...

Se você está aprendendo JavaScript, com certeza já se deparou com situações em que precisa repetir uma mesma instrução várias vezes. É aí que entra a estrutura de repetição for, uma das mais usadas na programação, justamente porque é prática, simples e poderosa. Neste artigo você vai aprender: O que é a estrutura de repetição for Como funciona a sintaxe passo a passo Exemplos práticos com códigos comentados Quando usar o for no lugar do while Exercício final para praticar O que é a estrutura de repetição for? Na programação, o for é um laço de repetição usado para executar um bloco de código um número determinado de vezes. Ele é muito útil quando sabemos quantas vezes queremos que algo aconteça. Exemplo simples: mostrar na tela os números de 1 até 5. Estrutura básica do for A sintaxe do for em JavaScript é a seguinte: Vamos entender cada parte: Inicialização → normalmente criamos uma variável que servirá de contador. Condição → define até quando o loop será executado. Incremento/Decrem...

Se você está aprendendo JavaScript , em algum momento vai precisar repetir instruções várias vezes. É aí que entra a estrutura de repetição while , uma das formas mais simples de criar loops em programação. Neste post, vou te explicar de forma clara, didática e com exemplos práticos como usar o while no JavaScript para deixar seus programas muito mais poderosos. O que é o while em JavaScript? A palavra while em inglês significa “ enquanto ”. Na programação, o while executa um bloco de código enquanto uma condição for verdadeira . Estrutura básica: O programa verifica a condição . Se for verdadeira , o bloco dentro das { } é executado.  Depois ele volta para a condição e repete o processo. Se a condição for falsa , o loop para. Exemplo 1 – Contando de 1 a 5 Explicação: A variável numero começa em 1. O while roda enquanto numero <= 5 . A cada repetição, ele mostra o número e soma +1. Quando numero chega a 6, a condição é falsa e o loop para. Resultado no console: Exemplo 2 – Ped...

Quando você começa a programar em JavaScript , uma das primeiras coisas que aprende é a estrutura condicional if . Ela é responsável por dar “inteligência” ao código, permitindo que ele tome decisões automaticamente . Em português claro: o if significa “ Se isso for verdade, então faça aquilo ”. É exatamente assim que conseguimos criar programas que respondem a diferentes situações. Como funciona o if no JavaScript? A lógica do if é bem simples: O programa verifica uma condição . Se a condição for verdadeira (true) → executa o código dentro das chaves { } . Se a condição for falsa (false) → ignora o bloco e segue o restante do código. Exemplo prático: Verificando a idade Explicação do código: Criamos a variável idade e atribuímos o valor 18 . O if verifica a condição idade >= 18 . Como a condição é verdadeira, o programa mostra na tela a mensagem: “Você é maior de idade!” . Se a idade fosse menor que 18, nada aconteceria, pois o bloco seria ignorado . Por que o if é tão import...

Você já imaginou transformar o navegador em uma calculadora inteligente ? No JavaScript , isso é totalmente possível com os operadores matemáticos . Eles permitem que você faça contas diretamente no código, desde uma simples soma até operações mais avançadas. Se você está começando a programar, entender esses operadores é essencial para construir sistemas dinâmicos, como: Calcular preços em um carrinho de compras. Somar pontos em um jogo. Fazer verificações matemáticas em formulários. Quais são os operadores matemáticos do JavaScript? Assim como na matemática tradicional, temos os principais operadores que permitem realizar cálculos básicos. Veja a tabela: Operador Significado Exemplo ...

Quando você começa a programar em JavaScript, um dos conceitos mais importantes que precisa entender é que nem todas as variáveis são fixas. Se você criar uma variável usando let , poderá alterar seu valor a qualquer momento no código.  Essa é uma das grandes forças do JavaScript: poder trabalhar com dados que mudam conforme a lógica do seu programa. Por que mudar valores de variáveis é importante? Imagine um jogo: O jogador começa com 100 pontos. A cada fase, ele pode ganhar ou perder pontos. Se não fosse possível alterar o valor de uma variável, como faríamos para atualizar a pontuação? Por isso, variáveis mutáveis (criadas com let) são essenciais para armazenar dados que mudam durante a execução. Exemplo prático: alterando valores com let Como o código funciona? let cor = "Azul"; → Criamos a variável cor com valor inicial "Azul" . document.write("Cor inicial: " + cor); → Mostra o valor inicial na página. cor = "Vermelho"; → Alteramos o valo...

Se você está aprendendo JavaScript , antes de criar grandes projetos é fundamental entender uma coisa: nem todos os dados são iguais . O JavaScript trabalha com diferentes tipos de dados e saber identificar cada um deles é o que vai evitar erros e facilitar muito sua vida como programador. Pense nos tipos de dados como rótulos que dizem ao JavaScript "que tipo de informação você está guardando" . Assim, o computador sabe como armazenar e trabalhar com ela. Os principais tipos de dados no JavaScript No início, você precisa dominar três tipos básicos: String (texto) Uma String é um conjunto de caracteres (letras, números, símbolos) sempre colocados entre aspas simples ' ' ou duplas " " . Usado para guardar textos, nomes, frases e até números que não serão usados em cálculos. Number (número) O tipo Number é usado para valores numéricos, seja inteiro (10) ou decimal (3.14). Usado para cálculos, operações matemáticas e comparações numéricas. Boolean (verdad...

Se você está dando os primeiros passos no JavaScript , vai se deparar rapidamente com um dos conceitos mais importantes da programação: variáveis . Elas são como caixinhas onde guardamos informações para usar mais tarde no código. Sem variáveis, seria impossível criar sistemas dinâmicos — afinal, como guardar o nome de um usuário, a pontuação de um jogo ou o preço de um produto sem ter onde armazenar? O que são variáveis? Em JavaScript, variáveis são espaços na memória que guardam dados. Esses dados podem ser textos, números, valores booleanos (verdadeiro/falso), objetos e muito mais. No JavaScript moderno, temos três formas de criar variáveis: let: forma mais usada hoje. Permite mudar o valor depois. const: cria uma constante, ou seja, o valor não pode ser alterado. var: forma antiga, usada em códigos mais antigos, mas não recomendada para novos projetos. Exemplo prático criando variáveis Como o código funciona? let nome = "Maria"; – cria uma variável chamada nome e guar...