Até aqui, escrevemos nossos códigos JavaScript em arquivos únicos, colocando tudo no mesmo lugar: funções, variáveis, lógica e chamadas de API.

Isso funciona em projetos pequenos, mas conforme a aplicação cresce, o código fica difícil de entender, manter e reutilizar.

Para resolver esse problema, o JavaScript moderno introduziu os módulos.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

  • Entender o que são módulos JavaScript
  • Saber por que dividir o código em arquivos
  • Reconhecer problemas de código não modularizado
  • Compreender a ideia de importação e exportação
  • Preparar a base para projetos organizados

O problema do “arquivo único”

Imagine um arquivo JavaScript gigante contendo:

  • Funções de validação
  • Funções de API
  • Manipulação do DOM
  • Regras de negócio

Com o tempo, esse arquivo vira um problema:

  • Dificuldade de leitura
  • Risco de conflitos de nomes
  • Código difícil de reutilizar
  • Manutenção complicada

A ideia por trás dos módulos

Um módulo é simplesmente um arquivo JavaScript que:

  • Tem uma responsabilidade clara
  • Expõe apenas o que precisa
  • Oculta detalhes internos

Ou seja: 👉 cada arquivo cuida de uma parte do sistema.

Separando responsabilidades

Com módulos, podemos pensar assim:

  • api.js → comunicação com APIs
  • dom.js → manipulação do DOM
  • utils.js → funções auxiliares
  • main.js → ponto de entrada da aplicação

Cada arquivo fica menor, mais claro e mais fácil de manter.

Módulos não são apenas “organização visual”

Além de organização, módulos trazem:

  • Isolamento de escopo
  • Evita variáveis globais
  • Reutilização de código
  • Projetos mais profissionais
Usar módulos é um dos primeiros sinais de código bem escrito.

JavaScript moderno e módulos

Hoje, praticamente todo projeto moderno usa módulos:

  • Aplicações frontend
  • Frameworks (React, Vue, etc.)
  • Projetos backend
  • Bibliotecas reutilizáveis

Por isso, entender módulos é um passo essencial para evoluir como desenvolvedor.

Ainda não vamos escrever código

Nesta aula, o foco é entender o conceito.

Na próxima aula, vamos aprender na prática como usar export e import.

Resumo da aula para nunca mais esquecer

  • Módulos dividem o código em arquivos menores
  • Cada módulo tem uma responsabilidade
  • Ajudam na organização e manutenção
  • Evita variáveis globais
  • São base de projetos modernos

Na próxima aula, vamos aprender a usar export e import para conectar nossos módulos.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Final Fantasy

O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

Mario e seu bigode

O personagem Mario só possui bigode porque quando ele foi criado, em 1981, a resolução de tela dos equipamentos disponíveis não permitia que fosse desenhada uma boca, então os desenvolvedores fizeram o grande bigode para contornar essa limitação tecnológica.

Ultima Online

Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras

Space Invaders

A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.