🤔Abstração

Abstração é simplificar e focar no essencial. Na programação, não há um único jeito certo de resolver problemas; diferentes abordagens podem ser igualmente válidas.

Introdução

Abstração, em termos simples, é o ato de focar no que é essencial e deixar de lado os detalhes complicados. Imagine que você está construindo uma casa: você pode se concentrar em fazer as paredes e o telhado primeiro, sem se preocupar com a pintura ou decoração até mais tarde. Na programação, abstração é isso: resolver problemas usando os elementos mais importantes, sem se preocupar com todos os detalhes.

Abstração na Programação: Múltiplas maneiras de fazer algo

Na programação, assim como na vida, há várias maneiras de alcançar o mesmo objetivo. Não existe uma maneira única e "correta" de fazer algo. O importante é encontrar a solução que funciona para o que você precisa. Vamos explorar isso com alguns exemplos de HTML e CSS.

Exemplo 1: Criando um Título com HTML

Vamos começar com algo simples: criar um título em uma página web.

<h1>Bem-vindo ao Meu Site</h1>

Aqui, você está apenas dizendo ao navegador para mostrar um grande título na página. Simples e direto.

Exemplo 2: Estilizando o Título com CSS

Agora, suponha que você queira estilizar todos os títulos <h1> da página de uma vez, sem precisar modificar o HTML.

h1 {
    color: blue;
    text-align: center;
    font-family: Arial, sans-serif;
}

Nesse caso, você está usando CSS para mudar a cor do texto, centralizar o título e escolher uma fonte específica. Isso é feito sem tocar no HTML. É como pintar todas as portas da sua casa de azul sem precisar trocar cada porta.

Exemplo 3: Combinando HTML e CSS

Agora, vamos combinar HTML e CSS para criar uma seção mais estilizada da página.

<div class="titulo-secao">
    <h1>Bem-vindo ao Meu Site</h1>
    <p>Aqui você encontrará várias informações úteis.</p>
</div>

E no CSS:

.titulo-secao {
    background-color: lightgray;
    padding: 20px;
    border: 1px solid black;
}

.titulo-secao h1 {
    color: darkblue;
    margin-bottom: 10px;
}

.titulo-secao p {
    font-size: 18px;
    color: darkslategray;
}

Aqui, a tag <div> é usada como uma "caixinha" para agrupar o título e o parágrafo, e o CSS é usado para estilizar toda essa seção. O fundo é colorido, há um espaçamento ao redor do conteúdo, e o título e o parágrafo têm estilos próprios.

O que isso significa?

Você pode ver que, para alcançar o mesmo objetivo — exibir um título e uma mensagem na página — existem várias abordagens. Você pode usar apenas HTML, apenas CSS, ou uma combinação dos dois. Não existe uma maneira única de fazer as coisas; o importante é que o resultado final funcione e atenda às suas necessidades.

Conclusão

A abstração permite que você simplifique e foque no essencial. Na programação, assim como em muitas outras áreas, há muitas maneiras de resolver um problema, e todas elas podem estar corretas dependendo do contexto. O segredo é encontrar a solução que funciona melhor para o seu projeto.