Depois de dominar HTML e CSS, surge uma pergunta natural: como manter tudo organizado quando o projeto cresce?

É exatamente nesse ponto que o SCSS entra em cena — não como substituto do CSS, mas como um aliado de produtividade.

Antes de tudo: o que é SCSS?

SCSS é uma sintaxe do Sass, que por sua vez é um pré-processador de CSS.

Na prática, isso significa:

  • Você escreve SCSS
  • Uma ferramenta converte esse código em CSS
  • O navegador recebe apenas o CSS final
O navegador não entende SCSS. Ele sempre recebe CSS comum.

SCSS não é uma nova linguagem

Um ponto muito importante:

SCSS não substitui o CSS. Ele apenas adiciona recursos para facilitar escrita, organização e manutenção.

Todo CSS válido também é um SCSS válido: 

 .card { padding: 16px; border: 1px solid #ccc; }

Esse código funciona exatamente igual em CSS ou SCSS.

Por que o SCSS foi criado?

Em projetos pequenos, o CSS puro funciona muito bem.

Mas conforme o projeto cresce, surgem problemas comuns:

  • Muitas cores repetidas
  • Arquivos enormes
  • Dificuldade de reaproveitar estilos
  • Manutenção cada vez mais lenta

O SCSS surgiu para resolver esses pontos, trazendo recursos que o CSS tradicional não tinha na época.

O que o SCSS adiciona ao CSS?

Sem entrar em detalhes técnicos ainda, o SCSS permite:

  • Variáveis (cores, tamanhos, espaçamentos)
  • Aninhamento de seletores
  • Separação do código em arquivos menores
  • Reaproveitamento de blocos de estilo
SCSS é sobre organização, não sobre mágica.

CSS puro ainda é importante?

Sim. Muito.

SCSS só faz sentido para quem já entende:

  • Seletores
  • Especificidade
  • Box Model
  • Layout e responsividade
SCSS não corrige CSS mal escrito.

Ele apenas organiza melhor um CSS que já é bom.

Quando faz sentido usar SCSS?

SCSS é especialmente útil quando:

  • O projeto tem muitos componentes
  • O CSS começa a crescer demais
  • Existe repetição de estilos
  • Há mais de uma pessoa mexendo no código

Em projetos muito pequenos, o CSS puro costuma ser suficiente.

SCSS no mercado

SCSS é amplamente utilizado em projetos profissionais, especialmente em:

  • Design systems
  • Projetos grandes
  • Frameworks CSS

Mesmo quando o projeto final entrega apenas CSS, o desenvolvimento costuma acontecer em SCSS.

O papel deste mini-curso

Este mini-curso não tem como objetivo ensinar “mais CSS”.

O objetivo é mostrar:

  • Como escrever CSS de forma mais organizada
  • Como reaproveitar estilos
  • Como trabalhar melhor em projetos maiores
Pense no SCSS como uma camada de produtividade.

💾🧠 Resumo da aula para nunca mais esquecer

  • SCSS é uma sintaxe do Sass
  • É um pré-processador de CSS
  • O navegador só recebe CSS
  • SCSS organiza e facilita manutenção
  • CSS bem feito vem antes do SCSS

Na próxima aula, vamos aprender os dois recursos mais usados do SCSS: variáveis e nesting 🌿✨

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?

Senhas

Digitar senhas em computadores de uso coletivo é extremamente perigoso, pois além de softwares de monitoramento, existem dispositivos de hardware que podem capturar suas senhas. Evite ao máximo acessar sites de bancos a partir destes computadores. Veja 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.

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.

Mega Man

A primeira versão do clássico Mega Man, para Nintendo 8 bits, tem seu recorde de pontos estabelecido em 03/11/2006, por David Archey, que cravou 2.396.700 pontos, terminando o jogo.

Computadores de 1,5 tonelada

Em 1949 a revista Popular Mechanics fez uma previsão para o futuro, dizendo: "Um dia os computadores pesarão menos do que 1,5 tonelada". E pensar que temos smartphones capazes de realizar milhões de vezes mais operações do que os computadores daquela época.