Tópico 01 - Introdução à Web

Tópico 01 - Introdução à Web

Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Arquitetura da Web

Início da Web

  • Idealizado por Tim Berners Lee (na foto)
  • CERN (Organização Europeia para Investigação Nuclear), na Suiça
  • Facilitar a troca de documentos entre computadores
  • Inspirado em projetos como o MEMEX
  • Não foi o único projeto com o mesmo objetivo
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Que tecnologias foram criadas por Tim-Berners Lee e sua equipe no CERN?

Dica: são tecnologias utilizadas até hoje

Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Tim Berners Lee e sua equipe foram responsáveis pela construção de 4 elementos:

  1. Um servidor de documentos de hipertexto
  2. Um cliente para acesso aos documentos (navegador)
  3. Uma linguagem padronizada para estruturação de documentos (HTML)
  4. Um sistema identificação de documentos (URI)
  5. Um protocolo para a troca de documentos (HTTP)
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

"As pessoas poderiam ter visto que havia dinheiro pra ser feito lá. Então teriamos muitas pequenas web ao invés de uma grande. E uma pequena web não funciona porque você não pode seguir um link de uma para outra."

Tim Berners Lee no documentário Internet's Own Boy

Recomendação: Tim Berners Lee e a Próxima Web

Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Discussão

  • Discuta com os colegas e identifique as principais características dos períodos de evolução da web;

  • Identifique serviços/aplicações/paradigmas comuns de cada um dos períodos.

Ex.: Web 1.0 (Década de 90):

  • Páginas estáticas
  • Acesso direto
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

A Evolução da Web

Dos primórdios ao futuro da aplicação

Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Web 1.0

  • 1989 a 2005
  • Centrada na busca de conteúdo
  • Sem interatividade
  • Paginas estáticas
Backend - Professor Ramon Venson - SATC 2026.1
:50%
:50%
Tópico 01 - Introdução à Web
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Web 2.0

  • Termo cunhado por Dale Dougherty em 2004
  • Centrada em comunidades e negócios
  • Conteúdo produzido pelos usuários
  • Interatividade

Recomendação: CS50 Lecture by Mark Zuckerberg - 7 December 2005

Backend - Professor Ramon Venson - SATC 2026.1
:50%
:50%
Tópico 01 - Introdução à Web
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Web 3.0

  • Termo sugerido por John Mark em 2006
  • Web Semântica
  • Padronização de dados e implementações
  • Interoperabilidade entre aplicações
  • Separação da web em camadas
  • Uso massivo fora do espaço tradicional (navegadores)
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Web 4.0

  • Computação Ubíqua
  • Interação entre dispositivos
  • Big data e Inteligência Artificial
  • Internet das Coisas
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Web 5.0

  • ???
  • Interação Emocional (Affective Computing)
  • Neurociência e Inteligência Artificial
  • Sentimentos na troca de informação
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

"Você está namorando seu computador?"
"Ela não é apenas um computador"

Filme: Her, 2013

Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

O que é necessário conhecer para ser um desenvolvedor de Backend em 2026?

Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Iniciante

  • Internet e Web
  • Linguagem de Programação
  • Controle de Versão
  • Bases de Dados Relacionais
  • Modelagem de APIs (REST/JSON)
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Intermediário

  • Caching
  • Controle de Acesso e Autenticação
  • Criptografia (HTTPS, JWT, bcrypt)
  • Teste de Software
  • CI/CD
  • Conteinerização
  • Bases Não Relacionais
  • MCP (Model Context Protocol)
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Avançado

  • Padrões de Arquitetura
  • Princípios de Design
  • Escalonamento de Aplicações
  • Search Engines
  • Mensageria
  • Real Time Data
  • Observabilidade
  • Instrumentação, Monitoramento e Telemetria
Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

Material Complementar

Backend - Professor Ramon Venson - SATC 2026.1
Tópico 01 - Introdução à Web

O que aprendemos nesta aula?

  • De onde surgiu a web e como evoluiu na sua história
  • Quais as projeções para a Web no futuro
  • Quais os principais tópicos de estudo da web atualmente
Backend - Professor Ramon Venson - SATC 2026.1

Na imagem, o primeiro computador (um NeXT) que foi usado para testar o primeiro servidor web.

Possivelmente a primeira página da Apple na web, em 1993 (http://kfury.com/the-first-apple-homepage) * Minúsculo: precisava ficar bom em telas da época, como a do Mac Classic II (512×342), não em monitores HD atuais * Não havia texto real — a página inteira era uma única imagem com o texto embutido * A pixelização era normal (monitores exibiam só 256 cores — “web safe colors” importavam) * Muitos relevos (bevels) e sombras (drop-shadows) no design * Navegação feita por imagem mapeada no servidor (server-side imagemap) * O clique enviava as coordenadas X e Y para o servidor decidir o destino * Imagem mapeada no cliente só viria no HTML 3.2 (5 anos depois) * JavaScript ainda não existia * Nem dava para colocar texto ao lado de imagens na mesma linha * Não existia campo de texto em HTML para busca * O navegador tinha uma caixa de busca própria, ligada a um URL da página * Motores de busca ainda não existiam * Era mais comum achar coisas via Gopher ou Usenet do que na web Na segunda figura, a cantora Kelly Key.

* Padrões de Arquitetura (Microservices, Monolitos, etc) * Princípios de Design (DDD, SOLID, TDD) * Escalonamento de Aplicações (Load Balancing, Failover, Sharding, etc) * Search Engines (ElasticSearch, Solr, etc) * Mensageria (Kafka, RabbitMQ, etc) * Real Time Data * Instrumentação, Monitoramento e Telemetria