Desenvolvimento Web: o que é, como funciona e linguagens

Entenda o que é desenvolvimento web, como ele funciona, quais linguagens são mais usadas e como o tema é cobrado em concursos públicos

Olá, querida(o) estudante! Neste artigo, vamos estudar um tema que está na base de praticamente tudo o que usamos no dia a dia digital — e que aparece com frequência em provas de Tecnologia da Informação: o desenvolvimento web.

Entender o que é desenvolvimento web vai muito além de saber “criar páginas”. O termo envolve a construção de interfaces, a programação no servidor, bancos de dados, APIs, testes, publicação, manutenção, segurança, acessibilidade e desempenho. É justamente essa visão ampla que as bancas costumam explorar.

Ao longo do texto, você vai entender o conceito, ver como a web funciona por trás do navegador, conhecer as principais linguagens e tecnologias e descobrir como esse conteúdo aparece em editais e questões de concursos.

O que é desenvolvimento web e para que serve

Desenvolvimento web é o processo de criar, manter e evoluir sites e aplicações que funcionam na internet (ou em redes internas, como as intranets) e são acessados por meio de um navegador.

Ele abrange desde uma página institucional simples até sistemas complexos, como internet banking, lojas virtuais, redes sociais e serviços públicos digitais (emissão de documentos, consulta de processos, declaração de imposto de renda).

Na prática, o desenvolvimento web serve para:

Disponibilizar informação: sites institucionais, portais de notícias, blogs e portais de transparência.
Oferecer serviços: aplicações que permitem ao usuário realizar tarefas, como agendar atendimentos, pagar boletos ou fazer matrículas.
Integrar sistemas: por meio de APIs, aplicações web trocam dados entre si — por exemplo, um sistema de pagamentos conversando com uma loja virtual.
Automatizar processos internos: sistemas web corporativos e governamentais substituem planilhas, papéis e fluxos manuais.

Uma vantagem importante das aplicações web é que elas não precisam ser instaladas no computador do usuário: basta um navegador e acesso à rede. Isso facilita atualizações, já que a nova versão é publicada no servidor e fica disponível para todos ao mesmo tempo.

Como funciona o desenvolvimento web

Toda aplicação web se apoia no modelo cliente-servidor. O cliente é, em geral, o navegador do usuário (Chrome, Firefox, Edge, Safari); o servidor é o computador que armazena a aplicação e responde às solicitações. A comunicação entre os dois acontece por meio do protocolo HTTP — ou de sua versão segura, o HTTPS, que criptografa os dados com TLS.

De forma simplificada, quando você acessa um site, acontece o seguinte:

Você digita o endereço (URL) no navegador, por exemplo, https://www.exemplo.gov.br.
O navegador consulta o DNS para descobrir o endereço IP do servidor correspondente àquele domínio.
O navegador envia uma requisição HTTP (por exemplo, um GET) ao servidor.
O servidor processa o pedido: pode executar código, consultar um banco de dados e montar a resposta.
O servidor devolve uma resposta HTTP, com um código de status (como 200 OK ou 404 Not Found) e o conteúdo — normalmente HTML, CSS, JavaScript, imagens ou dados em JSON.
O navegador interpreta esses arquivos e renderiza a página na tela. A partir daí, o JavaScript pode tornar a página interativa e fazer novas requisições sem recarregá-la por completo.

Um ponto que costuma cair em prova: o HTTP é um protocolo sem estado (stateless), ou seja, cada requisição é independente da anterior. Para “lembrar” do usuário entre uma página e outra (manter o login, por exemplo), as aplicações usam mecanismos como cookies, sessões e tokens.

Front-end, back-end e full stack

O desenvolvimento web costuma ser dividido em duas grandes frentes, que conversam o tempo todo:

Front-end (lado do cliente): tudo o que roda no navegador e com que o usuário interage diretamente — layout, botões, formulários, menus, animações. Suas tecnologias centrais são HTML, CSS e JavaScript. Aqui também entram preocupações com responsividade (adaptação a diferentes telas), acessibilidade e experiência do usuário (UX).
Back-end (lado do servidor): a parte “invisível” da aplicação, que roda no servidor. É responsável pelas regras de negócio, autenticação de usuários, acesso ao banco de dados, processamento de pagamentos e disponibilização de APIs. Pode ser escrito em linguagens como Java, Python, PHP, C#, JavaScript (Node.js), entre outras.

O profissional que atua nas duas frentes é chamado de desenvolvedor full stack.

Uma boa forma de fixar a diferença é pensar em um restaurante: o front-end é o salão — cardápio, mesas e atendimento, tudo o que o cliente vê. O back-end é a cozinha — onde os pedidos são processados, longe dos olhos do cliente. E a API funciona como o garçom, que leva os pedidos do salão para a cozinha e traz a resposta de volta.

Qual é a diferença entre desenvolvimento web, criação de sites e desenvolvimento de sistemas web

Esses termos costumam ser usados como sinônimos, mas têm alcances diferentes:

Desenvolvimento web é o conceito mais amplo: engloba qualquer projeto que funcione na web, do site mais simples ao sistema mais complexo, incluindo front-end, back-end, banco de dados, APIs, testes, publicação e manutenção.
Criação de sites é uma parte desse universo, com foco em páginas predominantemente informativas (institucionais, portfólios, landing pages). Muitas vezes é feita com ferramentas prontas, como sistemas de gerenciamento de conteúdo (CMS) — o WordPress é o exemplo mais conhecido.
Desenvolvimento de sistemas web (ou aplicações web) envolve funcionalidades e regras de negócio: cadastro e autenticação de usuários, processamento de dados, integração com outros sistemas e controle de permissões. Exemplos: sistemas de protocolo eletrônico, ERPs, plataformas de ensino e o próprio internet banking.

Resumindo: todo site e todo sistema web são fruto de desenvolvimento web, mas nem todo projeto web é “apenas um site”. A diferença principal está no grau de interatividade e na lógica de negócio envolvida — um site tende a exibir informação; um sistema web tende a processar informação.

Uma observação: não confunda web com internet. A internet é a infraestrutura global de redes; a web (World Wide Web) é um dos serviços que funcionam sobre ela, baseado em páginas interligadas por hiperlinks e acessadas via HTTP. E-mail e transferência de arquivos via FTP, por exemplo, usam a internet, mas não são “a web”.

Quais linguagens e tecnologias são mais usadas no desenvolvimento web

No front-end, três tecnologias formam a base de qualquer página, cada uma com um papel bem definido:

HTML (HyperText Markup Language): define a estrutura e o conteúdo da página (títulos, parágrafos, links, imagens, formulários). Atenção: o HTML é uma linguagem de marcação, e não uma linguagem de programação — essa é uma pegadinha clássica de prova.
CSS (Cascading Style Sheets): define a apresentação visual — cores, fontes, espaçamentos, layout e responsividade (com recursos como Flexbox, Grid e media queries).
JavaScript: define o comportamento da página. É a linguagem de programação que roda no navegador e permite manipular o DOM, reagir a eventos (cliques, digitação) e fazer requisições assíncronas sem recarregar a página.

Sobre essa base surgiram frameworks e bibliotecas que agilizam o trabalho, como React, Angular e Vue.js, além do TypeScript, um superconjunto do JavaScript que adiciona tipagem estática.

No back-end, há muitas opções. Entre as mais comuns:

Java (com o framework Spring), muito presente em sistemas corporativos e governamentais.
Python (com Django ou Flask).
PHP, base de grande parte da web, incluindo o WordPress (e frameworks como Laravel).
C# (com ASP.NET).
JavaScript/TypeScript no servidor, com o ambiente Node.js.

Completam o cenário as tecnologias de apoio:

Bancos de dados: relacionais, consultados com SQL (PostgreSQL, MySQL, Oracle, SQL Server), e não relacionais/NoSQL (MongoDB, Redis).
Formatos de intercâmbio de dados: principalmente JSON e XML.
APIs: com destaque para o estilo arquitetural REST e, mais recentemente, o GraphQL.
Controle de versão: Git, com plataformas como GitHub e GitLab.

Além do código: testes, publicação, segurança, acessibilidade e desempenho

Desenvolver para a web não termina quando o código “funciona na minha máquina”. Uma aplicação de qualidade passa por outras etapas igualmente importantes — e todas elas aparecem em editais de TI:

Testes: garantem que a aplicação se comporta como esperado. Incluem testes de unidade, de integração e ponta a ponta (end-to-end), que simulam o uso real no navegador.
Publicação (deploy): é colocar a aplicação no ar, em um servidor ou serviço de nuvem, com domínio e certificado HTTPS configurados. Práticas de integração e entrega contínuas (CI/CD) automatizam esse processo.
Manutenção: correção de falhas, atualização de dependências e evolução de funcionalidades ao longo do tempo.
Segurança: proteger a aplicação contra ataques como SQL Injection, Cross-Site Scripting (XSS) e Cross-Site Request Forgery (CSRF). A lista OWASP Top 10 é a principal referência sobre os riscos mais críticos em aplicações web.
Acessibilidade: garantir que pessoas com deficiência consigam usar o site — por exemplo, com textos alternativos em imagens, navegação por teclado e bom contraste de cores. As diretrizes internacionais são as WCAG, do W3C; no setor público brasileiro, há também o eMAG (Modelo de Acessibilidade em Governo Eletrônico).
Desempenho (performance): páginas rápidas melhoram a experiência do usuário. Técnicas comuns incluem compressão e minificação de arquivos, uso de cache, lazy loading de imagens e redes de distribuição de conteúdo (CDN).

É essa visão completa — e não só a escrita de código — que caracteriza o desenvolvimento web moderno. A própria trilha de aprendizagem do MDN Web Docs, referência mantida pela Mozilla, reúne HTML, CSS, JavaScript, formulários, frameworks, programação no servidor, acessibilidade, segurança e desempenho como partes do mesmo percurso.

Questões de concurso comentadas

Vamos ver como o desenvolvimento web costuma aparecer em provas!

1) Ano: 2025 Banca: CESPE/CEBRASPE

Julgue o item a seguir, a respeito de programação web.

O HTML é utilizado para estruturar o conteúdo de uma página web, enquanto o CSS é usado para definir a apresentação visual desses conteúdos, e o JavaScript, para adicionar interatividade à página.

Gabarito: Certo

Comentário: o item resume com precisão a divisão de papéis das três tecnologias centrais do front-end: o HTML cuida da estrutura, o CSS da apresentação e o JavaScript do comportamento. Essa separação de responsabilidades é uma das ideias mais cobradas sobre o tema.

2) Ano: 2025 Banca: Instituto Quadrix

Os desenvolvedores dispõem de uma grande variedade de linguagens de programação, cada uma com suas vantagens e desvantagens. Com base nessa informação, julgue o item a seguir.

HTML5 é uma linguagem de programação que permite adicionar interatividade e lógica a páginas web, substituindo JavaScript.

Gabarito: Errado

Comentário: o item traz dois erros. Primeiro, o HTML (inclusive o HTML5) é uma linguagem de marcação, e não de programação: ele não possui estruturas como variáveis, condicionais e laços. Segundo, o HTML5 não substitui o JavaScript — os dois atuam juntos, cabendo ao JavaScript adicionar lógica e interatividade à página.

3) Ano: 2025 Banca: CESPE/CEBRASPE

Julgue o item subsecutivo, relativo à arquitetura orientada a serviços (SOA), à arquitetura distribuída, à especificação de web services e a dispositivos móveis.

Os aplicativos web progressivos (PWA) são executados em navegadores de dispositivos móveis e podem ser desenvolvidos utilizando-se JavaScript, CSS e HTML5.

Gabarito: Certo

Comentário: os PWAs (Progressive Web Apps) são aplicações web construídas com as tecnologias padrão da web — HTML, CSS e JavaScript — que oferecem uma experiência semelhante à de aplicativos nativos (como funcionamento offline e instalação na tela inicial). A questão mostra como o desenvolvimento web vai além de “páginas” e alcança também o universo mobile.

Quais assuntos de desenvolvimento web podem aparecer em provas e editais de concursos

Em concursos de TI — especialmente para cargos de analista e técnico em desenvolvimento de sistemas —, o desenvolvimento web costuma aparecer em tópicos como:

HTML5, CSS3 e JavaScript: elementos semânticos, formulários, seletores, Box Model, Flexbox, manipulação do DOM e eventos.
Protocolos e arquitetura web: HTTP/HTTPS, métodos (GET, POST, PUT, DELETE), códigos de status, cookies e sessões.
APIs e integração: REST, web services, JSON e XML, AJAX e requisições assíncronas.
Frameworks: React, Angular, Vue.js e frameworks de back-end, como Spring.
Segurança: OWASP Top 10, SQL Injection, XSS, CSRF, autenticação e autorização.
Acessibilidade e usabilidade: WCAG e eMAG — este último bastante cobrado em órgãos públicos.
Desempenho: cache, CDN, lazy loading e boas práticas de otimização.

Já em provas de noções de informática, para cargos de outras áreas, o tema costuma aparecer de forma mais conceitual: diferença entre internet, intranet e extranet, navegadores, URL, protocolos HTTP e HTTPS e conceitos básicos de HTML.

É necessário dominar programação web para concorrer a cargos públicos de TI?

Depende do cargo e do edital. Para cargos de desenvolvimento de sistemas, sim: a programação web costuma ter peso relevante na prova objetiva e pode aparecer também em questões discursivas. Já para cargos de infraestrutura, redes, segurança ou gestão de TI, normalmente basta conhecer os conceitos fundamentais.

De todo modo, a cobrança em concursos é predominantemente teórica e conceitual: a banca quer saber se você entende o papel de cada tecnologia, interpreta trechos de código e reconhece boas práticas — e não se você é capaz de construir um sistema completo durante a prova. Por isso, a dica é sempre partir do edital: ele indica exatamente quais tecnologias e em que profundidade elas serão cobradas.

Como começar a estudar desenvolvimento web do zero

Se você está começando agora, siga uma ordem progressiva, em que cada etapa prepara a próxima:

Fundamentos da web: entenda o modelo cliente-servidor, o protocolo HTTP, o DNS e o papel do navegador.
HTML: aprenda a estruturar páginas com elementos semânticos e formulários.
CSS: estude seletores, Box Model, Flexbox, Grid e responsividade.
JavaScript: comece pela lógica de programação (variáveis, condicionais, laços, funções) e avance para manipulação do DOM, eventos e requisições assíncronas.
Back-end e banco de dados: escolha uma linguagem de servidor e aprenda SQL e o funcionamento de APIs REST.
Ferramentas e boas práticas: Git, testes, segurança, acessibilidade e desempenho.

Para concursos, combine essa trilha com a resolução de questões desde o início. Bancas como Cebraspe, FGV e FCC têm estilos diferentes, e treinar com questões anteriores ajuda a perceber quais pontos são mais cobrados — e quais pegadinhas se repetem, como afirmar que o HTML é uma linguagem de programação.

Conclusão

O desenvolvimento web é muito mais do que criar páginas: envolve a construção de interfaces, a programação no servidor, bancos de dados, APIs, testes, publicação, manutenção, segurança, acessibilidade e desempenho. Entender o modelo cliente-servidor, diferenciar front-end de back-end e conhecer o papel de HTML, CSS e JavaScript é o ponto de partida tanto para quem quer atuar na área quanto para quem se prepara para concursos públicos de TI, em que o tema é cobrado com frequência — muitas vezes explorando justamente as confusões entre conceitos.

Perguntas frequentes sobre desenvolvimento web

1. O que é desenvolvimento web e para que ele serve? É o processo de criar, manter e evoluir sites e aplicações acessados pelo navegador. Serve para disponibilizar informações, oferecer serviços online, integrar sistemas e automatizar processos.

2. Qual é a diferença entre desenvolvimento web, criação de sites e desenvolvimento de sistemas web? Desenvolvimento web é o conceito mais amplo. A criação de sites foca em páginas predominantemente informativas, enquanto o desenvolvimento de sistemas web envolve funcionalidades, regras de negócio e processamento de dados.

3. Quais linguagens e tecnologias são mais usadas no desenvolvimento web? No front-end, HTML, CSS e JavaScript (além de frameworks como React, Angular e Vue.js). No back-end, linguagens como Java, Python, PHP, C# e JavaScript com Node.js, além de bancos de dados SQL e NoSQL.

4. Como começar a estudar desenvolvimento web do zero? Comece pelos fundamentos da web (cliente-servidor e HTTP), depois estude HTML, CSS e JavaScript, avance para back-end e banco de dados e, por fim, ferramentas como Git e boas práticas de segurança, acessibilidade e desempenho.

5. Quais assuntos de desenvolvimento web podem aparecer em provas e editais de concursos públicos? HTML5, CSS3, JavaScript, protocolo HTTP, APIs REST, JSON e XML, frameworks, segurança (OWASP Top 10), acessibilidade (WCAG e eMAG) e desempenho.

6. É necessário dominar programação web para concorrer a cargos públicos de TI? Para cargos de desenvolvimento de sistemas, sim, pois o tema costuma ter peso relevante. Para outras áreas de TI, geralmente basta conhecer os conceitos fundamentais — o edital indica a profundidade exigida.

Referências

MDN Web Docs. Learn web development. Mozilla.
W3C. Web Content Accessibility Guidelines (WCAG) 2.2.
BRASIL. eMAG – Modelo de Acessibilidade em Governo Eletrônico.
OWASP Foundation. OWASP Top 10.
KUROSE, J.; ROSS, K. Redes de Computadores e a Internet.

Quer mais conteúdos de TI para concursos, com dicas e resumos rápidos? Me acompanhe no Instagram: @dev.anajbsouza