O que é desenvolvimento web — e o que não é
Desenvolvimento web é o trabalho de transformar um desenho de site em um site que funciona de verdade: escrever o código que o navegador lê, programar o que acontece por trás, guardar informações, colocar tudo em um servidor e ligar isso ao endereço que as pessoas digitam. A versão antiga deste post dizia que desenvolvimento web "busca melhorar suas plataformas eletrônicas" e incluía "jogos de cores e propagandas" — isso é design e publicidade, não desenvolvimento. A confusão importa porque é ela que faz um projeto terminar com telas bonitas e nenhum site publicado.
Uma forma útil de enxergar: o design decide como o site parece; o desenvolvimento faz o site existir. Quem faz cada parte está em como se chama o profissional que cria sites; aqui o assunto é o que é construído.
As 5 camadas de um site funcionando
| Camada | O que é | Onde roda | O que quebra quando falha |
|---|---|---|---|
| Front-end | HTML, CSS e JavaScript: o que aparece | No navegador do visitante | Layout torto, site lento, botão que não responde |
| Back-end | O código que processa pedidos | No servidor | Formulário não envia, login não funciona, erro 500 |
| Banco de dados | Onde ficam textos, produtos, pedidos, usuários | No servidor | Conteúdo some, pedidos se perdem |
| Hospedagem | O computador ligado que guarda e entrega o site | No datacenter | Site fora do ar ou lento |
| Domínio e DNS | O endereço e a tradução dele | Na infraestrutura da internet | Ninguém encontra o site, mesmo funcionando |
A coluna da direita é a mais útil para quem contrata: cada problema comum de site tem uma camada de origem, e saber qual delas encurta qualquer conversa técnica.
Front-end: o que você vê
É a camada que roda no navegador do visitante. Três tecnologias fazem o trabalho: o HTML define a estrutura e o significado do conteúdo (isto é um título, isto é um parágrafo, isto é um link — e é daqui que os buscadores leem a página); o CSS cuida da aparência, incluindo a adaptação a telas de celular; e o JavaScript dá comportamento — menu que abre, aba que troca, validação de formulário. É também a camada onde se decide a velocidade percebida do site, porque tudo isso precisa ser baixado e processado no aparelho de quem acessa.
Back-end: o que acontece por trás
O código que roda no servidor, invisível para o visitante, e que faz o site fazer coisas em vez de apenas mostrar coisas: receber o formulário e enviar o e-mail, autenticar um login, calcular frete, processar um pagamento, conversar com o CRM ou com o WhatsApp, montar a página do produto a partir do catálogo. É a fronteira entre um site que apresenta e um que funciona de forma dinâmica — e a camada onde moram as decisões de segurança.
Banco de dados: onde tudo fica guardado
O banco de dados é o arquivo organizado do site: textos das páginas, posts do blog, produtos, preços, estoque, pedidos, cadastros, configurações. O back-end consulta o banco para montar cada página e grava nele cada nova informação. Duas consequências práticas para quem contrata: é aqui que mora o conteúdo que você edita pelo painel — por isso mudar um texto não exige mexer em código; e é aqui que o backup importa mais, porque perder o banco é perder tudo o que foi produzido, mesmo com o código intacto.
Hospedagem: o computador sempre ligado
Hospedagem é o serviço que mantém os arquivos e o banco do site em um computador (o servidor) ligado 24 horas por dia, com conexão rápida, em um datacenter. É a camada mais fácil de subestimar e a que mais afeta a experiência: hospedagem barata demais significa site lento em horário de pico, quedas ocasionais e suporte inexistente quando algo trava. Vale saber três coisas do seu plano: onde fica o servidor (mais perto do público, mais rápido), se há backup automático e com que frequência, e quem tem acesso à conta — que deve ser você.
Domínio e DNS: o endereço
O domínio é o nome que as pessoas digitam. Ele não é comprado para sempre: é registrado e renovado periodicamente — e domínio esquecido é uma das formas mais banais e mais dolorosas de um negócio perder a própria presença digital. O DNS é a lista telefônica da internet: traduz o nome para o endereço numérico do servidor onde o site está. É por isso que uma troca de hospedagem exige ajustar o DNS, e é por isso que essas mudanças demoram algumas horas para valer em todo lugar. Regra prática: o domínio deve estar registrado no CNPJ ou no CPF do dono do negócio, nunca no do fornecedor.
O caminho de um clique
As cinco camadas em sequência, no tempo que leva para uma página abrir: alguém digita o endereço; o DNS traduz o nome para o endereço numérico; o servidor da hospedagem recebe o pedido; se o site é dinâmico, o back-end roda o código e consulta o banco de dados para montar a página; a resposta volta como HTML, CSS e JavaScript; e o front-end desenha tudo na tela. Menos de um segundo, quando está tudo bem. Em um site estático, o quarto passo e o banco não existem — o servidor entrega o arquivo já pronto, o que o torna mais rápido e mais limitado.
"Você não precisa saber programar para contratar um site. Precisa saber que existem cinco camadas — porque quando algo quebra, a pergunta certa é 'em qual delas?'."
Código próprio, CMS ou plataforma fechada
| Plataforma fechada | CMS | Código próprio | |
|---|---|---|---|
| Velocidade para montar | Alta | Média | Baixa |
| Liberdade de personalizar | Baixa | Alta | Total |
| Você edita o conteúdo? | Sim | Sim | Só se for previsto |
| Leva o site consigo? | Não | Sim | Sim |
| Custo | Mensalidade fixa | Projeto + hospedagem | Projeto maior |
| Melhor para | Quem precisa de algo simples já | A maioria dos sites de empresa | Projetos com exigência específica |
A pergunta decisiva não é "qual é o melhor", e sim o que você precisa controlar — e se, ao trocar de fornecedor, o site vai junto.
O que "site pronto" precisa incluir
- Versão mobile funcionando de verdade — testada em celular real, não só reduzindo a janela;
- Velocidade aceitável — imagens comprimidas, cache configurado;
- Formulários que enviam e chegam — testados com um envio real até a caixa de entrada;
- Certificado SSL ativo — o cadeado; sem ele o navegador alerta o visitante;
- Backup automático — de arquivos e do banco, com frequência definida;
- Painel para editar conteúdo e o treinamento de quem vai usar;
- Medição instalada e
sitemap.xmlenviado ao Search Console; - Redirecionamentos do site antigo, quando houver um.
É a lista que separa "o site abre" de "o site está pronto" — e vale conferi-la item a item na entrega, junto com o restante das fases descritas em o mapa organizacional do projeto.
Por que um site precisa de manutenção
Porque o ambiente muda em volta dele, mesmo que ninguém toque em nada: navegadores atualizam, sistemas e plugins recebem correções de segurança, certificados vencem, domínios expiram, integrações mudam de regra e o conteúdo envelhece. Um site sem manutenção não para de um dia para o outro — ele degrada aos poucos, até quebrar no momento mais inconveniente. Entre os riscos, o de segurança é o mais caro: sistema desatualizado é a porta de entrada mais comum para invasões, e o que reduz esse risco está em por que ter um firewall no site.
5 perguntas técnicas antes de contratar
- Em que tecnologia o site será feito, e por quê? A resposta deve caber em duas frases sem jargão;
- O domínio e a hospedagem ficam no meu nome? Se a resposta for não, você fica refém;
- Como eu edito o conteúdo depois, e quem me treina? Sem painel e sem treino, toda mudança vira chamado;
- Existe backup automático? De quê e com que frequência? Arquivos e banco, os dois;
- O que está incluído em manutenção depois da entrega? Atualizações, correções, suporte — e por quanto tempo.
Perguntas frequentes
O que é desenvolvimento web?
É o trabalho de transformar um desenho de site em um site que funciona de verdade: escrever o código que o navegador lê, programar o que acontece por trás (formulários, cadastros, integrações), guardar as informações em um banco de dados, colocar tudo em um servidor e ligar isso ao endereço que as pessoas digitam. Não é design nem publicidade — é a engenharia que faz o site existir e funcionar.
Qual a diferença entre design e desenvolvimento web?
O design decide como o site vai parecer e entrega telas; o desenvolvimento transforma essas telas em páginas que abrem no navegador, funcionam no celular, enviam formulários e carregam rápido. São etapas seguidas e competências diferentes: um desenho aprovado não é um site publicado.
Quais são as camadas de um site?
Cinco: front-end, o que aparece e roda no navegador; back-end, o código que processa pedidos no servidor; banco de dados, onde ficam textos, produtos, pedidos e usuários; hospedagem, o computador ligado que guarda e entrega o site; e domínio com DNS, o endereço que traduz o nome digitado para o servidor certo. Todo site depende das cinco, mesmo os mais simples.
O que acontece quando alguém digita o endereço do meu site?
Em menos de um segundo: o DNS traduz o nome do domínio para o endereço numérico do servidor; o servidor da hospedagem recebe o pedido; se o site for dinâmico, o back-end roda o código e consulta o banco de dados para montar a página; o resultado volta como HTML, CSS e JavaScript; e o navegador desenha a página na tela. Se qualquer elo falhar, o visitante vê erro.
É melhor código próprio, CMS ou plataforma fechada?
Depende do que você precisa controlar. Plataforma fechada é rápida de montar e limitada no que permite mudar, com mensalidade e dependência do fornecedor. CMS é o meio-termo mais comum: você edita conteúdo sozinho, personaliza bastante e leva o site consigo. Código próprio dá controle total e velocidade máxima, com custo maior e dependência de quem programou.
O que um site pronto precisa incluir tecnicamente?
Versão mobile funcionando de verdade, velocidade aceitável, formulários que enviam e chegam, certificado SSL ativo, backup automático, painel para editar conteúdo, medição instalada, sitemap enviado ao Search Console e a base de SEO técnico. Sem esses itens, o site abre — mas não cumpre a função para a qual foi contratado.
Por que um site precisa de manutenção?
Porque o ambiente muda em volta dele: navegadores atualizam, sistemas e plugins recebem correções de segurança, certificados vencem, domínios expiram, integrações mudam de regra e o conteúdo envelhece. Site sem manutenção não para de funcionar de um dia para o outro — ele degrada aos poucos, até quebrar em um momento inconveniente.
O que perguntar sobre a parte técnica antes de contratar um site?
Cinco perguntas: em que tecnologia o site será feito e por quê; quem fica com o domínio e a hospedagem no seu nome; como eu edito o conteúdo depois; há backup automático e com que frequência; e o que está incluído em manutenção após a entrega. As respostas mostram se você terá autonomia ou dependência.