Até agora, você aprendeu o que é SCSS e como ele ajuda a organizar o código.

Nesta aula final, vamos ver **como isso funciona na prática**: como escrever SCSS, compilar para CSS e usar no navegador.

Ponto-chave para nunca esquecer

O navegador NÃO entende SCSS. Ele sempre recebe CSS comum.

O SCSS existe apenas durante o desenvolvimento.

Fluxo completo de trabalho

O fluxo real é sempre este:

  • Você escreve SCSS
  • Uma ferramenta compila para CSS
  • O navegador carrega o CSS final
 style.scss → style.css → navegador
SCSS é ferramenta de desenvolvimento, não de produção.

Estrutura típica de projeto

Uma organização simples e profissional: 

 /scss ├── _variables.scss ├── _mixins.scss ├── _buttons.scss ├── _cards.scss └── style.scss

/css
└── style.css

index.html

O HTML referencia apenas o CSS.

Ligando o CSS no HTML

Mesmo usando SCSS, o HTML continua igual: 

 <link rel="stylesheet" href="css/style.css">
O SCSS nunca é carregado diretamente no navegador.

Como o SCSS vira CSS?

Isso acontece por meio de um compilador.

Existem várias formas de compilar SCSS:

  • Ferramenta de linha de comando
  • Extensões de editor
  • Ferramentas de build

O importante não é a ferramenta, mas o conceito.

Modo de observação (watch)

No fluxo profissional, o SCSS é compilado automaticamente.

Sempre que você salva um arquivo SCSS:

  • O compilador detecta a mudança
  • O CSS é atualizado
  • O navegador reflete a alteração
Isso cria um fluxo rápido e confortável de desenvolvimento.

O que vai para produção?

Em produção, você envia apenas:

  • HTML
  • CSS final
  • JavaScript

Os arquivos SCSS podem:

  • Ficar fora do servidor
  • Ou ficar apenas para manutenção

SCSS não muda o resultado final

Um ponto importante:

O CSS gerado pelo SCSS poderia ser escrito à mão.

O ganho está em:

  • Organização
  • Produtividade
  • Manutenção
SCSS não corrige decisões ruins de CSS.

Quando NÃO usar SCSS?

Em projetos muito pequenos, como:

  • Páginas simples
  • Protótipos rápidos
  • Sites de uma única página

Nesses casos, CSS puro pode ser suficiente.

SCSS como etapa, não obrigação

O melhor uso do SCSS é:

  • Quando o projeto cresce
  • Quando surgem padrões
  • Quando manter o CSS começa a doer
SCSS entra quando faz sentido — não por moda.

💾🧠 Resumo da aula para nunca mais esquecer

  • Você escreve SCSS, o navegador recebe CSS
  • O SCSS é compilado automaticamente
  • O HTML sempre aponta para o CSS final
  • SCSS melhora organização e produtividade
  • Use SCSS quando o projeto justificar

✨ Mini-curso de SCSS concluído!

Agora você entende o SCSS sem misticismo, sem dependência e sem confusão.

Ele virou o que deve ser: uma ferramenta consciente na sua caixa de ferramentas.

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?

PDP-1

O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.

Tetris

Desde o seu lançamento, em 1985, o fantástico jogo Tetris vende pelo menos 70 milhões de unidades por ano em todo o mundo! Os dados são oficiais e fornecidos pela THQ, uma das distribuidoras do título.

Cuidados com o notebook

Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.

Mario em Donkey Kong

O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.

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".