Como Criar um Menu Profissional em JavaScript | Projeto Completo
Você já percebeu que praticamente todo programa possui um menu?
Seja um sistema comercial, um aplicativo, um jogo ou até mesmo um caixa eletrônico, todos eles apresentam opções para que o usuário escolha qual funcionalidade deseja utilizar.
Mas como o computador sabe exatamente qual código deve executar quando você escolhe uma dessas opções?
A resposta está nas estruturas de decisão da linguagem de programação.
Neste projeto vamos construir um menu profissional em JavaScript, utilizando Switch Case, estruturas condicionais e lógica de programação para criar um pequeno sistema executado diretamente no terminal.
Ao final da aula você terá desenvolvido um projeto completo e compreenderá como programas reais tomam decisões a partir das escolhas feitas pelo usuário.
Como funciona um menu em um programa?
Sempre que um usuário escolhe uma opção, o programa precisa interpretar essa informação e decidir qual funcionalidade será executada.
Imagine um sistema simples com o seguinte menu:
- Saudação
- Soma de números
- Verificar se um número é Par ou Ímpar
- Encerrar o programa
Embora pareça algo simples, por trás dessas opções existe uma estrutura responsável por direcionar o fluxo da aplicação.
É exatamente esse tipo de problema que o Switch Case resolve.
Entrada, processamento e saída de dados
Antes mesmo de escrever qualquer código, é importante compreender como praticamente todo software funciona.
Todo programa segue três etapas fundamentais.
Entrada
O usuário fornece uma informação.
No nosso projeto isso acontece quando ele escolhe uma opção do menu ou digita números para realizar cálculos.
Processamento
O JavaScript interpreta essas informações, verifica qual opção foi escolhida e executa a lógica correspondente.
Saída
Por fim, o resultado é apresentado na tela através do terminal.
Esse ciclo acontece continuamente em praticamente qualquer aplicação desenvolvida atualmente.
Construindo o menu principal
O primeiro passo do projeto foi desenvolver um menu organizado e de fácil leitura.
Nosso programa apresenta ao usuário todas as funcionalidades disponíveis antes de solicitar uma escolha.
Essa organização torna a aplicação muito mais intuitiva e facilita futuras expansões, permitindo adicionar novas funcionalidades sem modificar toda a estrutura do código.
É exatamente essa organização que encontramos em sistemas profissionais.
Utilizando Switch Case
Depois que o usuário escolhe uma opção, o programa precisa decidir qual bloco de código executar.
Poderíamos utilizar vários IFs, porém o Switch Case torna esse processo muito mais organizado quando existem diversas possibilidades.
Cada opção do menu representa um caso diferente dentro da estrutura.
Isso deixa o código mais limpo, facilita a manutenção e melhora bastante a legibilidade do projeto.
Trabalhando com IF, ELSE IF e ELSE
Embora o Switch Case seja responsável por controlar o menu, ele não substitui completamente as estruturas condicionais.
Durante o projeto utilizamos IF, ELSE IF e ELSE para resolver problemas específicos.
Um dos exemplos é a criação de uma saudação automática.
Dependendo do horário informado pelo usuário, o sistema exibe:
- Bom dia
- Boa tarde
- Boa noite
Essa combinação entre Switch Case e IF é extremamente comum em aplicações reais.
Entrada de dados utilizando Prompt Sync
Como o projeto é executado no terminal, precisamos capturar informações digitadas pelo usuário.
Para isso utilizamos o pacote prompt-sync, que permite receber dados diretamente pelo teclado.
Com ele conseguimos perguntar:
- Qual opção deseja executar?
- Qual o primeiro número?
- Qual o segundo número?
Essas informações alimentam toda a lógica do sistema.
Convertendo textos em números
Um erro bastante comum entre iniciantes acontece quando tentam somar números digitados pelo usuário.
Como toda entrada chega inicialmente como texto, é necessário realizar a conversão antes de efetuar operações matemáticas.
Durante a aula utilizamos funções como:
- Number()
- parseFloat()
Além disso, também aprendemos a formatar valores decimais utilizando o método toFixed(), recurso bastante utilizado em sistemas financeiros.
Descobrindo se um número é Par ou Ímpar
Outro exercício desenvolvido utiliza o operador de resto (%).
Embora seja um exemplo simples, ele ajuda a entender como pequenas operações matemáticas são utilizadas para tomar decisões dentro de um programa.
Esse mesmo conceito aparece em algoritmos, jogos, validações e diversas aplicações do dia a dia.
Desenvolvendo o sistema por partes
Uma das técnicas apresentadas durante a aula foi construir cada funcionalidade separadamente antes de integrá-las ao menu principal.
Primeiro desenvolvemos a saudação.
Depois a soma de números.
Em seguida a verificação de números pares e ímpares.
Somente após validar cada parte individualmente montamos o sistema completo.
Essa estratégia reduz erros, facilita os testes e aproxima o desenvolvimento da forma como projetos profissionais costumam ser construídos.
Tecnologias utilizadas
Durante o desenvolvimento utilizamos:
- JavaScript
- Node.js
- Prompt Sync
- Switch Case
- IF, ELSE IF e ELSE
- Number()
- parseFloat()
- toFixed()
- Operador %
- Terminal
Mesmo sendo um projeto para iniciantes, esses conceitos aparecem constantemente em aplicações maiores e servem como base para aprender Node.js, React e outras tecnologias modernas.
O que você aprende neste projeto
Ao concluir esta aula você terá praticado:
- Estruturas condicionais
- Switch Case
- Entrada de dados
- Conversão de tipos
- Operações matemáticas
- Organização de código
- Construção de menus
- Lógica de programação
- Desenvolvimento incremental
- Boas práticas
Mais importante do que decorar comandos é compreender como cada parte trabalha em conjunto para resolver um problema.
Assista à aula completa
Durante o vídeo desenvolvemos todo o projeto passo a passo, explicando não apenas como escrever o código, mas também por que cada estrutura foi utilizada.
Assista à aula completa:
Por que aprender lógica de programação antes de frameworks?
É comum ver iniciantes querendo aprender React, Angular ou Node.js logo nos primeiros dias de estudo.
No entanto, todas essas tecnologias dependem dos mesmos fundamentos apresentados neste projeto.
Quem domina estruturas de decisão, variáveis, entrada de dados e organização do código consegue aprender qualquer framework com muito mais facilidade.
A lógica de programação não muda.
O que muda são apenas as ferramentas utilizadas.
Conclusão
Criar um menu profissional em JavaScript é um excelente exercício para desenvolver raciocínio lógico e entender como programas reais tomam decisões.
Mais do que aprender a utilizar o Switch Case, você compreenderá como organizar um sistema, dividir problemas em pequenas etapas e construir soluções de maneira estruturada.
Essa é exatamente a proposta do Desvendando o Código: ensinar programação mostrando o que acontece por trás da tecnologia.
Quando você entende os conceitos, deixa de copiar código da internet e passa a desenvolver soluções com confiança, sabendo exatamente por que cada linha existe e qual problema ela resolve.


