DWEB 01.1 História e Evolução da Internet e da World Wide Web

Antes de aprender a construir páginas para a web, vale entender o que é, exatamente, essa “web” que vamos construir — e por que ela é diferente da “internet”, apesar de as duas palavras serem usadas todos os dias como se fossem sinônimas. Esta diferença não é detalhe acadêmico. Ela ajuda você a entender por que o seu navegador é apenas uma das muitas formas de usar a rede, e por que o trabalho do desenvolvedor front-end existe sobre uma fundação técnica que vem sendo construída há mais de meio século.

Por que um desenvolvedor front-end precisa saber disso?

Imagine que você acaba de ser contratado como desenvolvedor front-end em uma pequena agência digital. Em sua primeira reunião, o gerente de projetos diz: “o cliente quer um site que carregue rápido em qualquer lugar do mundo, funcione em celulares antigos e seja seguro o suficiente para receber pagamentos”. Cada uma dessas três exigências — desempenho, compatibilidade e segurança — é resultado direto de decisões técnicas tomadas ao longo da história da internet e da web. Sem entender essas decisões, você fica refém de receitas prontas, sem saber por que aplicá-las. Com elas, você passa a tomar decisões fundamentadas — e é exatamente isso que diferencia um profissional iniciante de um profissional desnorteado.

Internet e World Wide Web não são a mesma coisa

A internet é uma rede mundial de computadores interligados. Ela é a infraestrutura física e lógica: cabos submarinos, antenas, roteadores, satélites, fibras ópticas e os protocolos que permitem que esses equipamentos conversem entre si. A internet existe para transportar dados, qualquer tipo de dado, de um ponto a outro do planeta.

A World Wide Web (literalmente, “teia mundial”), abreviada como WWW ou simplesmente web, é apenas um dos muitos serviços que funcionam em cima da internet. Ela é o conjunto de páginas, sites e aplicações interligadas que acessamos por meio de um navegador. Quando você manda uma mensagem pelo WhatsApp, faz uma chamada de vídeo, recebe um e-mail ou joga online, você está usando a internet — mas não necessariamente a web. Quando você abre o navegador e digita um endereço, aí sim você está usando a web.

Uma analogia que ajuda: pense na internet como o sistema rodoviário de um país — as estradas, pontes e viadutos. A web é apenas um dos serviços que circulam por essas estradas: como se fosse o conjunto de bibliotecas espalhadas pelo país, conectadas umas às outras por essas mesmas estradas. Mas pelas estradas também passam ambulâncias (e-mail), caminhões de mudança (transferência de arquivos), motos de entrega (mensageria instantânea) e muito mais. A web é uma camada de conteúdo; a internet é a infraestrutura que carrega tudo.

Linha do tempo: como chegamos até aqui

A história moderna da internet começa no fim dos anos 1960, nos Estados Unidos. Em 1969, uma rede experimental chamada ARPANET conectou pela primeira vez computadores de universidades distantes. Era uma rede pequena — apenas quatro nós no início — e tinha objetivos militares e acadêmicos. A grande ideia que nasceu ali foi a comutação de pacotes: em vez de manter uma linha contínua entre dois computadores (como em uma chamada telefônica antiga), os dados eram quebrados em pequenos pedaços, chamados pacotes, enviados independentemente pela rede e remontados no destino. Essa abordagem tornava a rede resiliente: se um trecho caísse, os pacotes encontravam outro caminho.

Ao longo dos anos 1970, mais redes surgiram em diferentes lugares, cada uma com suas próprias regras. O problema passou a ser fazer todas elas conversarem. A solução veio em 1983, com a adoção oficial do conjunto de protocolos TCP/IP como padrão para essa “rede de redes”. É a partir dessa data que muitos pesquisadores marcam o nascimento da internet como a conhecemos. O TCP/IP estabeleceu uma linguagem comum: qualquer rede que falasse TCP/IP poderia se conectar ao todo. Voltaremos a esse protocolo no Tópico 1.3.

Outro marco veio em 1984, com a criação do DNS (Domain Name System), o sistema que traduz nomes amigáveis (como leaoeducacao.com.br) para os endereços numéricos que os computadores realmente usam. Antes do DNS, conectar-se a outro computador exigia decorar números. Depois dele, bastava saber um nome — e a rede cuidava do resto. Esse tema também será aprofundado adiante, no Tópico 1.4.

Apesar de tudo isso, até o início dos anos 1990 a internet era usada quase exclusivamente por universidades, centros de pesquisa, militares e algumas empresas de tecnologia. Faltava algo que a tornasse acessível ao público comum — e foi esse algo que Tim Berners-Lee, um pesquisador britânico que trabalhava no CERN (o centro europeu de pesquisas nucleares), criou entre 1989 e 1991. Berners-Lee precisava de uma maneira melhor de organizar e compartilhar documentos entre os cientistas do CERN, espalhados por vários países. Sua resposta foi um sistema que combinava três invenções que existiam separadamente e as costurava em uma proposta nova:

1. Uma forma de descrever documentos com marcações que indicassem títulos, parágrafos e ligações entre eles: o HTML (HyperText Markup Language).
2. Uma forma de identificar de modo único cada documento na rede: a URL (Uniform Resource Locator), que veremos no Tópico 1.5.
3. Um protocolo simples para pedir e receber esses documentos: o HTTP (HyperText Transfer Protocol), assunto também do Tópico 1.3.

Esse trio é a base da World Wide Web até hoje. Em 1993, o CERN tornou a tecnologia pública e livre de royalties, o que foi decisivo para a explosão que veio depois. No mesmo ano, surgiu o Mosaic, o primeiro navegador gráfico de uso amplo, e em 1994 apareceu o Netscape, que populariza a navegação. A web sai dos laboratórios e entra nos lares.

Web 1.0, 2.0 e a web moderna

A primeira metade dos anos 1990 até o início dos anos 2000 é chamada, em retrospectiva, de Web 1.0. Era uma web essencialmente de leitura: páginas estáticas, em HTML cru, com poucas imagens, sem interatividade significativa. Quem produzia conteúdo eram instituições, empresas e alguns entusiastas que sabiam escrever HTML. O resto do mundo só lia.

Por volta de 2004, o termo Web 2.0 começou a ser usado para descrever uma mudança importante: a web passou a ser também um espaço de produção e interação por parte do usuário comum. Plataformas como blogs, redes sociais, wikis, sistemas de comentários e serviços colaborativos cresceram. Tecnicamente, isso foi viabilizado por aprimoramentos no lado do cliente — especialmente o avanço do JavaScript — e pelo surgimento de técnicas como AJAX, que permitiam atualizar partes de uma página sem recarregá-la inteira.

Nos anos seguintes, a web continuou amadurecendo. Hoje, ela é uma plataforma robusta de aplicações que rivalizam, em complexidade, com programas instalados em computadores. Sistemas de e-mail, editores de documentos, mapas interativos, jogos, lojas, redes sociais, painéis financeiros — quase tudo roda no navegador. As três tecnologias da fundação original — HTML, HTTP, URL — continuam ali, mas hoje convivem com CSS (que cuida da aparência das páginas, e estudaremos a partir da Aula 02), JavaScript (que dá vida e interatividade, a partir da Aula 05), e uma infinidade de APIs (interfaces que permitem ao código no navegador conversar com servidores e com o próprio navegador).

Onde você entra nessa história

Como futuro desenvolvedor front-end, você vai escrever o código que roda no lado do usuário — ou seja, dentro do navegador. Você herda o trabalho de Tim Berners-Lee e de milhares de outros desenvolvedores que evoluíram a web ao longo de três décadas. A boa notícia é que tudo de que você precisa para começar — um navegador, um editor de texto e uma conexão à internet — você provavelmente já tem. A história mostra que a web foi projetada, desde o início, para ser aberta, distribuída e acessível. Isso continua sendo verdade, e é o que torna esse mercado de trabalho tão democrático: você não precisa de uma fábrica nem de um laboratório caro; precisa apenas aprender bem.

Momento de aplicação prática

Antes de prosseguir para o próximo tópico, pare por dois minutos e responda mentalmente (ou anote, se preferir):

1. Em uma frase curta, qual é a diferença entre “internet” e “World Wide Web”?
2. Qual foi a principal contribuição técnica de Tim Berners-Lee?
3. Cite dois marcos históricos importantes da internet, anteriores à criação da web, e o ano aproximado.

Se você respondeu sem hesitar, o conteúdo está consolidado. Se travou em alguma das perguntas, releia a seção correspondente — não tem pressa. Os conceitos desta aula vão sustentar tudo o que vem depois.

Armadilha comum

Muitos iniciantes (e até alguns profissionais) usam “internet” e “web” como sinônimos perfeitos. Isso pode parecer inofensivo em uma conversa casual, mas é uma confusão que prejudica o raciocínio técnico. Sempre que alguém disser, por exemplo, “o problema está na internet do site”, vale a pena perguntar internamente: trata-se de um problema na rede física que transporta os dados? Ou trata-se de um problema na aplicação web em si? São coisas distintas, com diagnósticos e soluções distintas.

O que vem a seguir

Agora que você entende o que é a web e como ela surgiu, o próximo passo é compreender como as páginas chegam até você. No próximo tópico, vamos abrir a caixa-preta dessa entrega: quem pede, quem responde, e por que essa divisão de papéis é o que sustenta toda a indústria de desenvolvimento web — incluindo a especialização que você está começando a estudar agora, o front-end.