Programação Visão Geral: Introdução à Web

Como a web funciona

• Anterior

• Visão geral: Introdução à Web

Como a Web funciona fornece uma visão simplificada do que acontece quando você visualiza uma página da Web em um navegador da Web em seu computador ou telefone.

Essa teoria não é essencial para escrever código da web no curto prazo, mas em pouco tempo você realmente começará a se beneficiar da compreensão do que está acontecendo em segundo plano.

Clientes e servidores

Os computadores conectados à web são chamados de clientes e servidores. Um diagrama simplificado de como eles interagem pode ser assim:

[pic 1]

 

• Os clientes são os dispositivos típicos conectados à Internet do usuário da Web (por exemplo, seu computador conectado ao seu Wi-Fi ou seu telefone conectado à sua rede móvel) e software de acesso à Web disponível nesses dispositivos (geralmente um navegador da Web como Firefox ou Chrome ).

• Servidores são computadores que armazenam páginas da Web, sites ou aplicativos. Quando um dispositivo cliente deseja acessar uma página da Web, uma cópia da página da Web é baixada do servidor para a máquina cliente para ser exibida no navegador da Web do usuário.

As outras partes da caixa de ferramentas

O cliente e o servidor que descrevemos acima não contam toda a história. Há muitas outras partes envolvidas, e vamos descrevê-las abaixo.

Por enquanto, vamos imaginar que a web é uma estrada. Em uma extremidade da estrada está o cliente, que é como sua casa. Do outro lado da estrada está o servidor, que é uma loja da qual você deseja comprar algo.

[pic 2]

Além do cliente e do servidor, também precisamos dizer olá para:

• Sua conexão com a internet : permite enviar e receber dados na web. É basicamente como a rua entre sua casa e a loja.

• TCP/IP : Transmission Control Protocol e Internet Protocol são protocolos de comunicação que definem como os dados devem trafegar pela Internet. É como os mecanismos de transporte que permitem fazer um pedido, ir à loja e comprar seus produtos. Em nosso exemplo, isso é como um carro ou uma bicicleta (ou qualquer outra coisa que você possa usar).

• DNS : Domain Name System é como um catálogo de endereços para sites. Quando você digita um endereço da Web em seu navegador, o navegador verifica o DNS para encontrar o endereço IP do site antes de recuperá-lo. O navegador precisa descobrir em qual servidor o site está, para que possa enviar mensagens HTTP para o lugar certo (veja abaixo). Isso é como procurar o endereço da loja para que você possa acessá-lo.

• HTTP : Hypertext Transfer Protocol é um protocolo de aplicação que define uma linguagem para clientes e servidores se comunicarem. É como a linguagem que você usa para encomendar seus produtos.

• Arquivos de componentes : Um site é composto de muitos arquivos diferentes, que são como as diferentes partes dos produtos que você compra na loja. Esses arquivos vêm em dois tipos principais: o Arquivos de código : os sites são criados principalmente a partir de HTML, CSS e JavaScript, embora você conheça outras tecnologias um pouco mais tarde.

o Ativos : Este é um nome coletivo para todas as outras coisas que compõem um site, como imagens, músicas, vídeos, documentos do Word e PDFs.

Então o que acontece, exatamente?

Quando você digita um endereço da web em seu navegador (para nossa analogia, é como caminhar até a loja):

1. O navegador vai para o servidor DNS e encontra o endereço real do servidor em que o site está (você encontra o endereço da loja).

2. O navegador envia uma mensagem de solicitação HTTP ao servidor, solicitando que ele envie uma cópia do site para o cliente (você vai até a loja e faz o pedido). Esta mensagem, e todos os outros dados enviados entre o cliente e o servidor, são enviados através de sua conexão com a Internet usando TCP/IP.

3. Se o servidor aprovar a solicitação do cliente, o servidor enviará ao cliente uma mensagem "200 OK", que significa "Claro que você pode ver esse site! Aqui está", e então começará a enviar os arquivos do site para o navegador como uma série de pequenos pedaços chamados pacotes de dados (a loja lhe entrega suas mercadorias e você as traz de volta para sua casa).

4. O navegador reúne os pequenos pedaços em uma página da Web completa e a exibe para você (as mercadorias chegam à sua porta - coisas novas e brilhantes, incríveis!).