MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

This translation is incomplete. Please help translate this article from English.

Com funciona la web, proporciona una visió simplificada del que passa quan veieu una pàgina web en un navegador web en el vostre ordinador o telèfon.

Aquesta teoria no és essencial per a l'escriptura de codi web en el curt termini, però en poc temps realment començareu a beneficiar-vos de la comprensió del que està passant en el fons.

Clients i servidors

Ordinadors connectats a la web són anomenats clients i servidors. Un diagrama simplificat de com interactuen podria tenir aquest aspecte:

  • Els clients són els dispositius connectats a Internet dels típics usuaris web  (per exemple, l'ordinador connectat a la xarxa Wi-Fi o el telèfon connectat a la xarxa mòbil) i el programari d'accés a Internet disponible en aquests dispositius (normalment un navegador web com Firefox o Chrome).
  • Els servidors són ordinadors que emmagatzemen pàgines web, llocs o aplicacions. Quan un dispositiu client vol accedir a una pàgina web, una còpia de la pàgina web es descarrega des del servidor en l'equip del client, mostrant-se en el navegador web de l'usuari.

Altres parts de la caixa d'eines

El client i el servidor que hem descrit més amunt no expliquen tota la història. Hi ha moltes altres parts involucrades i que descriurem a continuació.

Per ara, imaginem que la web és un camí. En un extrem del carrer hi ha el client, que és com casa vostra. A l'altre extrem del carrer hi ha el servidor, que és una botiga que voleu comprar alguna cosa.

A més del client i el servidor, també hem de saludar:

  • La vostra connexió a Internet: Us permet enviar i rebre dades a la web. És bàsicament com el carrer entre casa i la botiga.
  • TCP/IP: Transmission Control Protocol i Internet Protocol són els protocols de comunicació que defineixen com les dades han de viatjar a través del web. Això és com els mecanismes de transport que us permeten realitzar una comanda, anar a la botiga i comprar els seus productes. En el nostre exemple, això és com un cotxe o una moto (o com una altra cosa que es pugui moure).
  • DNS: Domain Name System Servers són com un llibre d'adreces de llocs web. Quan escriviu una adreça web al navegador, el navegador busca en el DNS abans de recuperar el lloc web. El navegador necessita saber en quin servidor viu la pàgina web, de manera que podrà enviar missatges HTTP al lloc correcte (veure més a baix). Això és com buscar l'adreça de la tenda perquè pugueu accedir a ella.
  • HTTP: Hypertext Transfer Protocol és una aplicació protocol que defineix un llenguatge per als clients i servidors per parlar l'un a l'altre. Això és com el llenguatge que s'utilitza per ordenar les vostres mercaderies.
  • Arxius de components: Un lloc web es compon de molts arxius diferents, que són com les diferents parts dels productes que compreu a la botiga. Aquests arxius són de dos tipus principals:
    • Arxius de codi: Els llocs web estan construïts principalment d'HTML, CSS i Javascript, encara que coneixereu a altres tecnologies una mica més tard.
    • Actius: Aquest és un nom col·lectiu per a totes les altres coses de que es compon un lloc web, com ara imatges, música, vídeo, documents de Word i PDF.

Llavors, què passa exactament?

En escriure una adreça web al navegador (per la nostra analogia, és com entrar a la botiga):

  1. El navegador va al servidor DNS i troba l'adreça real del servidor on el lloc web viu (trobar ll'adreça de la botiga).
  2. El navegador envia un missatge de petició HTTP al servidor demanant-li que enviï una còpia de la pàgina web per al client (que vagi a la botiga i demani els seus béns). Aquest missatge i totes les altres dades enviades entre el client i el servidor, s'envian a través de la vostra connexió a Internet mitjançant el TCP/IP.
  3. Sempre i quan el servidor aprovi la sol·licitud del client, el servidor envia al client un missatge "200 OK" , el que significa "Per descomptat que podeu veure aquest lloc web! Aquí és" i, a continuació, inicia l'enviament d'arxius del lloc web al navegador com una sèrie de petits trossos anomenats paquets de dades (la botiga us dóna la vostra mercaderia, i les porteu de tornada a casa).
  4. El navegador acobla els petits trossos en un lloc web complet i us el mostra (la mercaderia arriba a la vostra porta - coses noves, impressionant!).

DNS explicat

Les adreces web real no són cadenes agradables i  fàcils de recordar si les escriviu a la barra d'adreces per trobar els vostres llocs web favorits. Són cadenes de nombres, com aquesta: 63.245.217.105.

Això s'anomena adreça IP, i representa una ubicació única a la web. No obstant això, no és molt fàcil de recordar, oi? És per això que es van inventar els servidors de noms de domini. Aquests són servidors especials que responen a una adreça web que escriviu en el vostre navegador (com "mozilla.org") a l'adreça real (IP) del lloc web.

Els llocs web poden ser aconseguits directament a través de les seves adreces IP. Intenteu anar a la pàgina web de Mozilla escrivint 63.245.217.105 a la barra d'adreces en una nova pestanya del navegador.

A domain name is just another form of an IP address

Paquets explicat

Anteriorment hem utilitzat el terme "paquets" per descriure el format en què s'envien les dades del servidor al client. Què volem dir aquí? Bàsicament, quan les dades s'envien a través del web, s'envian com milers de petits trossos, de manera que molts diferents usuaris d'Internet poden descarregar el mateix lloc web al mateix temps. Si els llocs web s'enviessin en grans trossos individuals, només un usuari podria descarregar-los alhora, el que òbviament faria la Web molt ineficient i no seria molt divertit d'utilitzar.

Veure

Crèdit

Foto carrer: Street composing, per Kevin D.

Document Tags and Contributors

 Contributors to this page: Legioinvicta
 Last updated by: Legioinvicta,