Cliente e Servidor: Definição e Interação

Antes de começar eu tenho algumas perguntas pra te fazer:
Em primeiro lugar, uma pergunta simples, mas muito importante.
Você sabe a diferença entre um cliente e um servidor para a infraestrutura da internet?
Você sabe diferenciar basicamente dentro de uma infraestrutura de redes, o que é um cliente suas tarefas?
e o que é um servidor e suas tarefas?
Outra coisa, você sabe diferenciar as tecnologias HTML, CSS, JavaScript e o que cada uma faz?
Quais são as especialidades de cada uma? Para que cada uma serve?

No modelo da infraestrutura da internet, o cliente é o seu dispositivo, ou seja, é um computador ou um celular, que está solicitando ou utilizando um serviço.

O servidor, por sua vez, é a máquina de alta performance que fornece os dados ou serviços necessários ao cliente.

Neste exato momento você está lendo esse conteúdo com seu computador ligado, ou até mesmo no celular. Pois saiba que o seu computador
ou celular são os nossos clientes. No momento em que você usa um dispositivo, ele é um cliente e precisa de dados de um servidor, às vezes até mais de um servidor.

E como você faz esse acesso na internet? Você usa um navegador.

Você está utilizando um serviço que está sendo fornecido por um servidor
nesse exato momento, por exemplo, você está pegando dados dos servidores do Dev.to.

Esses servidores, essas máquinas de alta performance são quem estão fornecendo os dados.

Esse servidor é parecido com a sua máquina de maneira fundamental. Ele tem um sistema operacional, ele tem pastas, ele tem diretórios internos. Dentro dessas pastas ele tem arquivos.
Esse arquivo é no que você está interessado. Pode ser uma foto, pode ser um texto, pode ser um vídeo. E na maioria das vezes é um documento HTML.

A interação funciona da seguinte forma:

• O cliente, através de um navegador ( Google Chrome, Edge, Mozilla, etc), digita uma URL (endereço) e envia uma solicitação para a infraestrutura da internet.
• Essa infraestrutura (representada como uma "nuvem") direciona a solicitação para um servidor específico.
• O servidor possui arquivos (como documentos HTML, imagens, textos ou vídeos) armazenados em suas pastas e diretórios.
• Ao receber a solicitação, o servidor envia uma cópia desse arquivo para o navegador do cliente.
Essa cópia é enviada diretamente para o cliente, você. No seu navegador web.
O seu navegador a partir daí vai começar a trabalhar para gerar o efeito visual, para gerar o site exatamente como você está vendo agora
• O navegador do cliente, então, trabalha para gerar o efeito visual e exibir o site conforme o usuário o vê.
Em resumo, o cliente busca arquivos, e os servidores os enviam. Existem tecnologias para clientes (client-side) e tecnologias para servidores (server-side).

O Papel do JavaScript no Modelo Cliente-Servidor

Historicamente, o JavaScript surgiu como uma tecnologia exclusivamente para clientes (client-side). Isso significa que seu foco inicial e principal no curso é a interatividade e a manipulação de elementos diretamente no navegador do usuário1011.

No entanto, as fontes destacam que o JavaScript evoluiu e, com o surgimento do Node.js em 2009 (baseado no motor V8 do Google Chrome), ele pode ser executado também no lado do servidor (server-side).
Para o desenvolvimento de sites do lado do cliente, o JavaScript trabalha em conjunto com outras duas tecnologias essenciais:

• HTML (HyperText Markup Language): Responsável pelo conteúdo e pela estrutura do site. É comparado a um jornalista que escreve o texto e organiza o material11....
• CSS (Cascading Style Sheets): Encarregado do estilo e do design visual do site, tornando-o mais atraente. É comparado a um designer que organiza cores, tamanhos e posições....
• JavaScript: Adiciona a interatividade e as integrações. É a "parte do programador" que trata da engenharia da entrega e da dinâmica do jornal/site.

É crucial entender que HTML e CSS não são linguagens de programação, mas sim tecnologias de construção de sites, enquanto o JavaScript é uma linguagem de programação completa.

Essas três tecnologias funcionam em conjunto para compor a parte do cliente na maioria dos sites modernos