Simplificando a Web
Esse artigo vai explicar um pouco como a web funciona por baixo dos panos. A web está presente no nosso dia a dia de diversas maneiras, seja ela por celulares, computadores ou qualquer outro dispositivo que tenha acesso a internet. Mas você sabe o que acontece quando entramos em um site ou quando rodamos alguma aplicação?
Para começar devemos lembrar que esse artigo aborda uma parte mais teórica de como a web funciona. Então, começando, para entendermos a web, temos que saber que existem dois lados nela: os clientes e servidores.
Os clientes: são qualquer dispositivos conectados a internet de algum usuário, ou seja, nós mesmos, toda vez que conectamos celulares, computadores ou qualquer outra coisa a uma rede WiFi nossa, somos reconhecidos como os clientes.
Os servidores: são os computadores que armazenam dados, páginas e aplicações. Basicamente, quando um cliente solicita qualquer uma dessas coisas guardadas nos servidores, eles disponibilizam uma cópia para o navegador do usuário.
Mas isso não é tudo que a web pode nos oferecer, para esses dois elementos trabalharem em harmonia, existem outros tópicos importantes. São eles:
Conexão com a internet: para você poder navegar na internet, não é novidade de que precisamos estar conectados a uma rede, para podermos dar e receber dados.
TCP/IP ou Protocolo de Controle de Transmissão e Protocolo de Internet (Transmission Control Protocol e Internet Protocol): são os protocolos usados para o trafego de dados na web, esse “protocolo” é basicamente a linguagem que um computador conversa com outro, podendo compartilhar dados a partir de uma rede.
DNS ou Servidor de Nome de Domínio (Domain Name Services): são catálogos de diversos endereços para site. Basicamente, quando você procura por um site na web, como por exemplo — youtube.com — o navegador precisa ir no servidor de DNS para tentar encontrar o endereço que você está pedindo, após achado o site é retornado para você.
HTTP ou Protocolo de Transferência de Hypertexto (Hypertext Transfer Protocol): é o protocolo que define a linguagem entre um cliente e um servidor. Então resumidamente, quando o cliente chama o servidor, ele está fazendo uma requisição HTTP.
Veja o exemplo abaixo:
Vamos supor que São Paulo é o cliente e a Bahia é o servidor, uma empresa de São Paulo está precisando de um produto que tem na Bahia, para isso ela faz uma encomenda (requisição) e a empresa solicitada na Bahia vai verificar se possui o produto, depois ela retorna uma resposta (sendo ela positiva ou negativa) para a empresa de São Paulo. Em paralelo, temos um cliente fazendo uma requisição HTTP em um servidor, aonde o servidor irá verificar se o endereço solicitado existe e retorna uma resposta de sucesso ou erro.
Arquivos e componentes: uma aplicação web é dividido em vários arquivos e componentes, são elas:
⮚ Arquivos de código: que entra toda parte de codificação, como HTML, CSS, Javascript ou qualquer outra linguagem de programação que esteja presente na sua aplicação.
⮚ Recursos: são alguns recursos usados em geral nas aplicações, como imagens, vídeos e arquivos de texto.
Então vamos exemplificar melhor como isso funciona, passo a passo:
⮚ 1º — Você digite algum endereço web como https://developer.mozilla.org/en-US/
⮚ 2º — Seu navegador vai buscar no servidor de DNS, para tentar encontrar o endereço indicado;
⮚ 3º — Você como cliente, está fazendo uma requisição HTTP para o servidor, aonde todos os dados que estão sendo enviados através da sua conexão com a internet usando o TCP/IP;
⮚ 4º — O servidor vai verificar se o site pode ser retornado e retornará um status HTTP interno, como o status 200 que é um status de sucesso, você pode usar esse site, ou outro status de erro e o site não é carregado para o cliente.
⮚ 5 º — Após essa requisição toda, se o site estiver ok, ele vai começar a renderizar todos os seus arquivos e componentes, começando pelo HTML e assim puxando todos os outros arquivos linkados nele.
Esse foi o artigo de hoje, eu estarei postando os conteúdos em “série”, então eu decidi começar com a série de conteúdos sobre web e terá 3EP, então fique ligado nos próximos artigos que irei aprofundar algumas questões inseridas nesse texto.
Esse conteúdo foi feito por:
Emily Almeida — Ilustradora
Yasmim Vieira — Desenvolvedora Frontend
OBS: AS ILUSTRAÇÕES FEITAS NESSE ARTIGO FORAM FEITAS SOB ENCOMENDA, SEM INSPIRAÇÕES NA INTERNET, ENTÃO QUALQUER CÓPIA OU COISAS DO TIPO SERÁ CONSIDERADO PLÁGIO!
Lei de direitos autorais: http://www.planalto.gov.br/ccivil_03/Leis/L9610.htm
