{"id":442,"date":"2020-10-01T20:07:04","date_gmt":"2020-10-01T20:07:04","guid":{"rendered":"https:\/\/pixiacom.com.ar\/?p=442"},"modified":"2020-10-01T20:07:04","modified_gmt":"2020-10-01T20:07:04","slug":"como-funciona-realmente-una-pagina-web-parte-3","status":"publish","type":"post","link":"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/","title":{"rendered":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3"},"content":{"rendered":"<p>Contin\u00fao compartiendo mi experiencia para explicarte \u00bfC\u00f3mo funciona realmente una p\u00e1gina web?. Esta serie de art\u00edculos, creo que ser\u00e1 de inter\u00e9s para quienes se inician en el mundo del desarrollo web, ayud\u00e1ndolos a tener una concepci\u00f3n mas general sobre esta tem\u00e1tica, y tambi\u00e9n es de suma importancia a la hora de resolver problemas o errores que se presentan en la vida laboral.<\/p>\n<p>En el <a href=\"https:\/\/pixiacom.com.ar\/index.php\/2020\/09\/12\/como-funciona-realmente-una-pagina-web-parte-2\/\">art\u00edculo anterior<\/a> explicaba como se establece la conexi\u00f3n entre el cliente (nuestro navegador web) y el servidor (donde esta alojada la p\u00e1gina\u00a0 a la que queremos acceder). Una vez establecida esta conexi\u00f3n entra en juego un protocolo llamado HTTP, un \u00ablenguaje\u00bb en com\u00fan conocido tanto por los navegadores web (si hasta Intenret Explorer lo conoce) y los servidores.<\/p>\n<p>HTTP es conocido como el \u00abprotocolo de transferencia de hypertexto\u00bb, un protocolo basado en peticiones realizadas por el navegador web (cliente) y respuestas elaboradas por el servidor en base al requerimiento inicial del cliente. Las peticiones pueden ser clasificadas a grandes rasgos en cuatro tipos, aunque el protocolo formal implementa muchos mas.<\/p>\n<ul>\n<li>GET<\/li>\n<li>POST<\/li>\n<li>PUT<\/li>\n<li>DELETE<\/li>\n<\/ul>\n<p>Siendo el primero de ellos GET el mas utilizado, mientras que POST le sigue en orden de frecuencia con el que se implementan muchas peticiones de los sitios web.<\/p>\n<p>Las respuestas del servidor son implementadas en texto plano, por lo que pueden ser abiertas hasta con el Block de Notas mas b\u00e1sico de tu sistema operativo. Las respuestas contienen adem\u00e1s un c\u00f3digo donde se especifica si la respuesta es exitosa, si contiene un error, o incluso ordenarle a nuestro navegador web realizar alguna operaci\u00f3n<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>C\u00f3digos con formato 1xx: Respuestas informativas. Indica que la petici\u00f3n ha sido recibida y se est\u00e1 procesando.<\/li>\n<li>C\u00f3digos con formato 2xx: Respuestas correctas. Indica que la petici\u00f3n ha sido procesada correctamente.<\/li>\n<li>C\u00f3digos con formato 3xx: Respuestas de redirecci\u00f3n. Indica que el cliente necesita realizar m\u00e1s acciones para finalizar la petici\u00f3n.<\/li>\n<li>C\u00f3digos con formato 4xx: Errores causados por el cliente. Indica que ha habido un error en el procesado de la petici\u00f3n a causa de que el cliente ha hecho algo mal.<\/li>\n<li>C\u00f3digos con formato 5xx: Errores causados por el servidor. Indica que ha habido un error en el procesado de la petici\u00f3n a causa de un fallo en el servidor.<\/li>\n<\/ul>\n<p>Podemos entender un poco mas como funciona este protocolo anim\u00e1ndonos a abrir una consola en nuestro sistema operativo y ejecutar el comando \u00abtelnet\u00bb. Este comando implementa lo que describimos en la Parte 1 y en la Parte 2 de esta serie de art\u00edculos, o sea la resoluci\u00f3n del nombre de domino mendiante el DNS y la conexi\u00f3n TCP con el servidor destino.<\/p>\n<p>Para esto abrimos una consola (en mi caso linux, pero tambi\u00e9n lo podes hacer en windows) y ejecutamos el siguiente comando de manera de conectarnos al\u00a0 puerto 80 del servidor donde se almacena la web pixiacom.com.ar.<\/p>\n<p>telnet pixiacom.com.ar 80<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-455 size-full aligncenter\" src=\"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet1.jpg\" alt=\"\" width=\"573\" height=\"160\" srcset=\"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet1.jpg 573w, https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet1-300x84.jpg 300w\" sizes=\"(max-width: 573px) 100vw, 573px\" \/>Ejecutando el comando telnet sobre el puerto 80 hacia el dominio pixiacom.com.ar<\/p>\n<p>En este momento la consola nos muestra que esta conectada a pixiacom.com.ar a la espera de un comando HTTP. Utilizaremos el comando GET para solicitar el archivo \u00edndice de la p\u00e1gina y presionaremos [ENTER] para envi\u00e1rselo al servidor.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-456 \" src=\"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet2.jpg\" alt=\"\" width=\"570\" height=\"141\" srcset=\"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet2.jpg 506w, https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet2-300x74.jpg 300w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/>Ejecutando el comando GET del protocolo HTTP<\/p>\n<p>Inmediatamente veremos en nuestra consola el c\u00f3digo fuente HTML de nuestra p\u00e1gina web! Ese mismo c\u00f3digo que le da \u00f3rdenes a nuestro navegador para dibujar la web en la pantalla.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-457 size-full\" src=\"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet3.jpg\" alt=\"\" width=\"699\" height=\"231\" srcset=\"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet3.jpg 699w, https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet3-300x99.jpg 300w, https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/09\/telnet3-600x198.jpg 600w\" sizes=\"(max-width: 699px) 100vw, 699px\" \/>Finalmente obtenemos el c\u00f3digo HTML de la web solicitada<\/p>\n<p>El protocolo HTTP se encarga adem\u00e1s de enviar junto con sus m\u00e9todos informaci\u00f3n al servidor en lo que se llama la cabecera de este protocolo. La cabecera esta formada por una serie de par\u00e1 metros que viajan por la red junto con cada m\u00e9todo GET, POST, PUT, DELETE. Los mas conocidos son \u00abuser-agent\u00bb que indica al servidor quien es el cliente (Chrome, Firefox, Edge, IE, etc), \u00abcache\u00bb encargado de controlar el se permite que la respuesta sea almacenada en cache o no, \u00abcookie\u00bb encargado de manejar las sesiones y almacenar datos locales en el navegador, entre muchos otros par\u00e1metros.<\/p>\n<p>El creciente uso de las llamadas API RESET hace necesario que los desarrolladores web deban profundizar mas en el conocimiento de este protocolo, de manera de poder integrar sus sistemas con otras grandes plataformas que ofrecen sus servicios mediante tecnolog\u00edas de intercambio API.<\/p>\n<p>En la pr\u00f3xima entrega veremos que hace un servidor al recibir una solicitud HTTP, y como arma la respuesta a dicha solicitud para devolverla al cliente. Aqu\u00ed comienza lo que muchos llamamos desarrollo Back End. Nos leemos en la pr\u00f3xima entrega!<\/p>\n<p><a href=\"https:\/\/pixiacom.com.ar\/index.php\/2020\/08\/21\/como-funciona-realmente-una-pagina-web-parte-1\/\">\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 1<\/a><\/p>\n<p><a href=\"https:\/\/pixiacom.com.ar\/index.php\/2020\/09\/12\/como-funciona-realmente-una-pagina-web-parte-2\/\">\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 2<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contin\u00fao compartiendo mi experiencia para explicarte \u00bfC\u00f3mo funciona realmente una p\u00e1gina web?. Esta serie de art\u00edculos, creo que ser\u00e1 de inter\u00e9s para quienes se inician en el mundo del desarrollo web, ayud\u00e1ndolos a tener una concepci\u00f3n mas general sobre esta tem\u00e1tica, y tambi\u00e9n es de suma importancia a la hora de resolver problemas o errores [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":460,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":""},"categories":[3],"tags":[35,34,19,7,21],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3 - Pixiacom<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3 - Pixiacom\" \/>\n<meta property=\"og:description\" content=\"Contin\u00fao compartiendo mi experiencia para explicarte \u00bfC\u00f3mo funciona realmente una p\u00e1gina web?. Esta serie de art\u00edculos, creo que ser\u00e1 de inter\u00e9s para quienes se inician en el mundo del desarrollo web, ayud\u00e1ndolos a tener una concepci\u00f3n mas general sobre esta tem\u00e1tica, y tambi\u00e9n es de suma importancia a la hora de resolver problemas o errores [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Pixiacom\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-01T20:07:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/10\/http.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ulises Nicolini\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ulises Nicolini\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/\",\"url\":\"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/\",\"name\":\"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3 - Pixiacom\",\"isPartOf\":{\"@id\":\"https:\/\/pixiacom.com.ar\/#website\"},\"datePublished\":\"2020-10-01T20:07:04+00:00\",\"dateModified\":\"2020-10-01T20:07:04+00:00\",\"author\":{\"@id\":\"https:\/\/pixiacom.com.ar\/#\/schema\/person\/9ad66900b4ed07be86057f6375db811b\"},\"breadcrumb\":{\"@id\":\"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/pixiacom.com.ar\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pixiacom.com.ar\/#website\",\"url\":\"https:\/\/pixiacom.com.ar\/\",\"name\":\"Pixiacom\",\"description\":\"Ingenier\u00eda en Sistemas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pixiacom.com.ar\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pixiacom.com.ar\/#\/schema\/person\/9ad66900b4ed07be86057f6375db811b\",\"name\":\"Ulises Nicolini\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/pixiacom.com.ar\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/362f7b1b34a041ed9073d974bc77a1f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/362f7b1b34a041ed9073d974bc77a1f4?s=96&d=mm&r=g\",\"caption\":\"Ulises Nicolini\"},\"url\":\"https:\/\/pixiacom.com.ar\/index.php\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3 - Pixiacom","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3 - Pixiacom","og_description":"Contin\u00fao compartiendo mi experiencia para explicarte \u00bfC\u00f3mo funciona realmente una p\u00e1gina web?. Esta serie de art\u00edculos, creo que ser\u00e1 de inter\u00e9s para quienes se inician en el mundo del desarrollo web, ayud\u00e1ndolos a tener una concepci\u00f3n mas general sobre esta tem\u00e1tica, y tambi\u00e9n es de suma importancia a la hora de resolver problemas o errores [&hellip;]","og_url":"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/","og_site_name":"Pixiacom","article_published_time":"2020-10-01T20:07:04+00:00","og_image":[{"width":900,"height":600,"url":"https:\/\/pixiacom.com.ar\/wp-content\/uploads\/2020\/10\/http.jpg","type":"image\/jpeg"}],"author":"Ulises Nicolini","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Ulises Nicolini","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/","url":"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/","name":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3 - Pixiacom","isPartOf":{"@id":"https:\/\/pixiacom.com.ar\/#website"},"datePublished":"2020-10-01T20:07:04+00:00","dateModified":"2020-10-01T20:07:04+00:00","author":{"@id":"https:\/\/pixiacom.com.ar\/#\/schema\/person\/9ad66900b4ed07be86057f6375db811b"},"breadcrumb":{"@id":"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pixiacom.com.ar\/index.php\/2020\/10\/01\/como-funciona-realmente-una-pagina-web-parte-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/pixiacom.com.ar\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo funciona realmente una p\u00e1gina web? Parte 3"}]},{"@type":"WebSite","@id":"https:\/\/pixiacom.com.ar\/#website","url":"https:\/\/pixiacom.com.ar\/","name":"Pixiacom","description":"Ingenier\u00eda en Sistemas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pixiacom.com.ar\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/pixiacom.com.ar\/#\/schema\/person\/9ad66900b4ed07be86057f6375db811b","name":"Ulises Nicolini","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/pixiacom.com.ar\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/362f7b1b34a041ed9073d974bc77a1f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/362f7b1b34a041ed9073d974bc77a1f4?s=96&d=mm&r=g","caption":"Ulises Nicolini"},"url":"https:\/\/pixiacom.com.ar\/index.php\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/posts\/442"}],"collection":[{"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/comments?post=442"}],"version-history":[{"count":4,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/posts\/442\/revisions"}],"predecessor-version":[{"id":461,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/posts\/442\/revisions\/461"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/media\/460"}],"wp:attachment":[{"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/categories?post=442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixiacom.com.ar\/index.php\/wp-json\/wp\/v2\/tags?post=442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}