Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Como Funciona a Internet e a World Wide Web - do enter do teclado a exibição da página

Como Funciona a Internet e a World Wide Web - do enter do teclado a exibição da página

Muitas profissionais e entusiastas de desenvolvimento web não sabem como funciona a Internet e a World Wide Web e entender o seu funcionamento é importante para todo bom profissional. Apresentaremos o que acontece desde o enter do teclado até a exibição de uma página web no seu navegador. Abordaremos, de maneira didática, conceitos como redes de computadores, cliente-servidor, DNS, TCP/IP, HTTP e HTML fundamentando o conceito de Internet, World Wide Web e quais são as diferenças.

Marcel dos Santos

July 21, 2017
Tweet

More Decks by Marcel dos Santos

Other Decks in Technology

Transcript

  1. Marcel Gonçalves dos Santos @marcelgsantos do enter do teclado a

    exibição da página Como funciona a Internet e a World Wide Web
  2. World Wide Web
 aplicação onde páginas são interligadas através de

    links e que se utiliza da Internet para funcionar
  3. chamaremos, a partir de agora, o seu computador de cliente

    e o computador onde a página está hospedada de servidor
  4. como o cliente sabe o endereço IP e a porta

    no servidor que deve conectar?
  5. um computador em rede está configurado para um servidor especial

    chamado servidor de nomes ou servidor DNS
  6. 21 - FTP 22 - SSH 25 - SMTP 80

    - servidor web 443 - SSL
  7. O servidor DNS funciona como uma lista telefônica para encontrar

    o endereço IP da URL solicitada. Já as portas são conhecidas de acordo com os serviços oferecidos.
  8. uma vez conhecido o endereço IP e a porta de

    de destino, é necessário estabelecer uma conexão
  9. cliente
 177.178.79.80 65000 servidor
 185.186.87.88
 80 Boa tarde 185.186.87.88, posso

    me conectar na porta 80? Boa tarde 185.186.87.88, pode conectar. Ok, iniciarei a conexão.
  10. e através desta conexão ocorre o envio de pacotes, fragmentos

    menores dos dados que serão trafegados
  11. ponto-a-ponto a comunicação pode ser feita em duas vias (o

    cliente fala com o servidor e o servidor fala com o cliente)
  12. garantia de entrega todos os pacotes que saem da origem

    possuem a garantia de que chegarão ao destino, de forma ordenada e sem modificações
  13. controle de fluxo controla a quantidade de pacotes enviados ou

    recebidos aumentando ou diminuindo de acordo com a necessidade
  14. O TCP é um protocolo de rede que permite a

    comunicação entre computadores e uma conexão deve ser estabelecida antes do início do envio de pacotes…
  15. …ele é um protocolo ponto-a-ponto, possui garantia de entrega de

    pacotes de forma ordenada e sem modificações e possui controle de fluxo.
  16. existe uma aplicação conhecida como servidor web que recebe e

    manipula todos os pacotes que vem pela porta 80
  17. é através do HTTP que navegador informa ao servidor web

    qual a sua versão, qual o seu idioma, se aceita conteúdo compactado ou não e qual página foi solicitada…
  18. …e que o servidor web informa ao navegador se a

    página solici- tada existe, qual o formato, se a página enviada foi compactada e, principalmente, o conteúdo da página solicitada
  19. GET / HTTP/1.1 Host: www.pensandonaweb.com.br Connection: keep-alive Cache-Control: no-cache Accept:

    text/html,application/xhtml+xml,application/ xml;q=0.9,image/webp,*/*;q=0.8 Pragma: no-cache User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ 34.0.1847.116 Safari/537.36 Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8,es;q=0.6,pt;q=0.4
  20. HTTP/1.1 200 OK Date: Mon, 31 Mar 2014 22:01:16 GMT

    Server: Apache Content-Type: text/html Cache-Control: no-store Pragma: no-cache Vary: Accept-Encoding,User-Agent Content-Encoding: gzip Connection: close Transfer-Encoding: chunked <!doctype html> <html lang=“pt-br"> <head> <meta charset="UTF-8"> <title>Pensando na Web</title> ... </head> <body> ... </body> </html>
  21. a abordagem que os sites e aplicações web utilizam é

    conhecida como arquitetura cliente-servidor
  22. o HTTP tem se tornado um “idioma” amplamente falado e

    é utilizado por outros programas: curl, wget, linguagens de programação
  23. outros recursos como folhas de estilo, scripts e imagens são

    solicitados e o navegador renderiza a página web
  24. o HTML foi criado por Tim Berners-Lee, que criou também

    o protocolo HTTP e a World Wide Web