DEV Community

Cover image for Desvendando a Arquitetura: Frontend, Backend e Banco de Dados na Prática
Marcelo Cabral Ghilardi
Marcelo Cabral Ghilardi

Posted on • Originally published at marcelocabral.com.br

Desvendando a Arquitetura: Frontend, Backend e Banco de Dados na Prática

Gurizada, outro dia eu tava pensando aqui comigo mesmo sobre como a gente, desenvolvedor, acaba se acostumando com os termos técnicos do dia a dia. Frontend, backend, banco de dados... parece que sempre esteve lá, né? Mas aí eu lembrei de quando eu comecei, e a primeira vez que ouvi falar sobre essa divisão de responsabilidades parecia coisa de outro mundo. Foi justamente essa reflexão que me motivou a gravar o segundo vídeo da minha série, que acompanha este post aqui no meu blog marcelocabral.com.br.

No vídeo "O que Vive Dentro de uma Aplicação", eu me propus a desmistificar essa arquitetura que, querendo ou não, é a espinha dorsal de qualquer software que a gente usa. Pensa comigo: quando você tá lá, navegando num site, preenchendo um formulário, dando aquele clique esperto... o que você tá vendo é só a ponta do iceberg. Tem um monte de coisa acontecendo nos bastidores pra tudo isso funcionar.

A real é que a gente pode dividir a arquitetura de uma aplicação em três grandes blocos: o frontend, o backend e o banco de dados. Cada um com sua função, e todos trabalhando juntos, como uma orquestra afinada.

O frontend é a vitrine, gurizada. É tudo aquilo que o usuário final vê e interage. A interface gráfica, os botões, os textos, as animações... tudo que roda direto no navegador ou no dispositivo móvel. É a experiência do usuário em primeiro plano.

Aí vem o backend, que eu gosto de chamar de cérebro da operação. É ele quem cuida de toda a lógica de negócio, do processamento dos dados, da segurança, da autenticação... basicamente, é o maestro que garante que tudo funcione como deveria, mesmo que a gente não veja ele diretamente. Ele é quem conversa com o banco de dados e manda as informações de volta pro frontend.

E por último, mas não menos importante, o banco de dados. Pensa nele como a memória de longo prazo da aplicação. É onde ficam guardados todos os dados, informações de usuários, históricos, configurações... tudo de forma organizada e acessível. Sem um bom banco de dados, a aplicação seria como alguém com amnésia: não lembraria de nada!

A beleza toda tá em como esses três componentes se comunicam. O frontend manda uma solicitação (uma "request"), o backend recebe, processa essa solicitação (talvez buscando algo no banco de dados), e devolve uma resposta (um "response") pro frontend exibir pro usuário. Esse ciclo é o que faz a aplicação "respirar" e funcionar.

Entender essa dinâmica é fundamental pra qualquer um que trabalhe com desenvolvimento. É o básico do básico, mas faz toda a diferença pra construir aplicações mais robustas e eficientes. Se tu curtiu essa explicação e quer visualizar isso na prática, dá uma olhada no vídeo que eu mencionei. Lá eu detalho um pouco mais essa ideia e mostro como esses blocos se encaixam. E claro, se quiser se aprofundar ainda mais, o post original lá no meu blog marcelocabral.com.br também tá bem bacana.

Eu deixei o link direto pra vocês conferirem: assista no YouTube.

E aí, gurizada? O que vocês acham dessa divisão? Já tinham parado pra pensar em como tudo se conecta? Comenta aqui embaixo o que vocês pensam!

Top comments (0)