FDW _07-02

Prévia do material em texto

Informática para internet – Módulo II - E.E. Dr Antônio Dias Maciel 
Aula nº: 1 Disciplina: Fundamento de Desenvolvimento WEB
Assunto: Introdução aos 
 fundamentos da web
Professor: Fabiano Teixeira
Data: 07/02/2022 Aluno: 
 
O modelo Cliente-servidor 
 
O modelo cliente-servidor (em inglês client/server 
model), em computação, é uma estrutura de aplicação 
distribuída que distribui as tarefas e cargas de trabalho 
entre os fornecedores de um recurso ou serviço, 
designados como servidores, e os requerentes dos 
serviços, designados como clientes. 
Geralmente os clientes e servidores se comunicam 
através de uma rede de computadores em computadores 
distintos, mas tanto o cliente quanto o servidor podem 
residir no mesmo computador. 
Um servidor é um host que está executando um ou 
mais serviços ou programas que compartilham recursos com os clientes. Um cliente não compartilha 
qualquer de seus recursos, mas solicita um conteúdo ou função do servidor. Os clientes iniciam sessões 
de comunicação com os servidores que aguardam requisições de entrada. 
O modelo cliente-servidor, tornou-se uma das ideias centrais de computação de rede. Muitos 
aplicativos de negócios, escritos hoje, utilizam o modelo cliente-servidor. O termo também tem sido 
utilizado para distinguir a computação distribuída por computadores dispersos da "computação" 
monolítica centralizada em mainframe. 
Funcionalidades como a troca de e-mail, acesso à internet ou acesso a um banco de dados, são 
construídos com base no modelo cliente-servidor. Por exemplo, um navegador web é um programa cliente, 
em execução no computador do usuário, que acede às informações armazenadas num servidor web na 
internet. Usuários de serviços bancários, acedendo do seu computador, usam um cliente web para enviar 
uma solicitação para um servidor web num banco. Esse programa pode, por sua vez, encaminhar o pedido 
para o seu próprio programa de banco de dados do cliente que envia uma solicitação para um servidor de 
banco de dados noutro computador do banco para recuperar as informações da conta. O saldo é devolvido 
ao cliente de banco de dados do banco, que por sua vez, serve de volta ao cliente navegador exibindo os 
resultados para o usuário. 
 
Características do Cliente: 
 
 Inicia pedidos para servidores; 
 Espera por respostas; 
 Recebe respostas; 
 Normalmente interage diretamente com os servidores através de seu software aplicação 
especifico; 
 Utiliza recursos da rede . 
 
Características do Servidor: 
 Sempre espera por um pedido de um cliente; 
 Atende os pedidos e, em seguida, responde aos clientes com os dados solicitados; 
 Podem se conectar com outros servidores para atender uma solicitação específica do cliente; 
jamais podem se comunicar. 
 Fornece recursos de rede. 
 Estrutura o sistema. 
 
Introdução ao Desenvolvimento de Páginas Web 
 
Existem basicamente duas camadas quando se trata de desenvolvimento web: Front-end e Back-
end. A camada de front-end é onde fica a estrutura HTML, as regras CSS e os comandos JavaScript, ou 
seja, tudo que é apresentado para os usuários. Essa camada também é chamada de client-side. Na 
camada de back-end pode ter várias tecnologias diferentes, como: PHP, C# (CSharp), Java, Ruby, Python, 
entre outras, dependendo dos objetivos do site e “a própria opção do programador” (também chamada de 
server-side). 
Por exemplo: ao criar um script em linguagem back-end que apenas calcula a soma de 2+2, será o 
servidor (back, server) que calculará esse resultado. Se o mesmo cálculo for feito em alguma linguagem 
front-end, como JavaScript, por exemplo, quem calculará será o navegador (front, client, browser) do 
usuário. Por isso o termo client ou server. 
Assim, os profissionais que trabalham na interface do usuário, são chamados de Desenvolvedores 
Front-end, e aqueles que trabalham no core da aplicação, fazendo uma programação que somente o 
servidor irá entender, são chamados de Desenvolvedores Back-end. 
 
Front-end (client-side) 
 
As linguagens client-side são linguagens onde apenas o navegador vai entender. Quem vai 
processar essa linguagem não é o servidor, mas sim o browser (navegador web). 
Qual a função de cada uma dessas linguagens que podem compor o front-end de uma página web? 
• HTML (Estrutura e layout da página): Determina em quantos “blocos” a página será dividida, se 
terá cabeçalho, rodapé, menus. Assim, o HTML é uma linguagem de marcação responsável pela estrutura 
funcional de um site. 
• CSS ( apresentação da página): toda formatação é feita através de regras CSS. Através de CSS se 
posiciona todos os elementos na página, se colore, se formata. 
• JavaScript ( controla as ações da página): faz a interatividade das páginas com os usuários. Não 
confunda JS com a Linguagem de Programação Java, pois são bem diferentes! 
O objetivo do uso dessas três linguagens para desenvolver aplicações web, é separar a informação 
(conteúdo), formatação e comportamento, das páginas. 
 
Back-end (server-side) 
As linguagens server-side são linguagens que o servidor entende. Ou seja, é o código que o servidor 
vai processar e depois vai mandar para o navegador alguma resposta, algum retorno. 
As linguagens usadas no server-side, como por exemplo: PHP, C# (CSharp), Java, Ruby, Python,etc. 
Estas linguagens são usadas para sites que precisam, por exemplo, acessar um Banco de Dados (BD) e 
sites que precisam ter algum tipo de serviço (web service) etc.