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 APIsdom.js→ manipulação do DOMutils.js→ funções auxiliaresmain.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
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.
Você Sabia?
Nintendo Entertainment System
O console Nintendo Entertainment System (NES), da Nintendo, detém o recorde de videogame mais clonado em todo o mundo. Já foram catalogados mais de 300 aparelhos diferentes capazes de reproduzir seus jogos! Saiba mais sobre ele aqui.
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
Galaxy Game
As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.
River Raid
O épico jogo River Raid, do Atari, foi desenhado e boa parte de sua programação foi feita por uma mulher: Carol Shaw, uma excelente programadora e funcionária da Activision em 1982. Saiba mais sobre a história deste incrível jogo, aqui.
Duck Hunt
Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".










