{"id":3408,"date":"2016-04-29T14:47:34","date_gmt":"2016-04-29T14:47:34","guid":{"rendered":"https:\/\/www.blog.facilcloud.com\/noticias\/?p=3408"},"modified":"2016-07-26T15:34:21","modified_gmt":"2016-07-26T15:34:21","slug":"desarrollo-front-end-vs-desarrollo-back-end","status":"publish","type":"post","link":"https:\/\/www.blog.facilcloud.com\/noticias\/desarrollo-front-end-vs-desarrollo-back-end\/","title":{"rendered":"Desarrollo front-end vs desarrollo back-end"},"content":{"rendered":"<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3431 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/Desarrollo-back-end.jpg\" alt=\"Desarrollo back end\" width=\"341\" height=\"269\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/Desarrollo-back-end.jpg 341w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/Desarrollo-back-end-300x237.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/Desarrollo-back-end-235x185.jpg 235w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/p>\n<p style=\"text-align: justify;\">Front-end y back-end son los t\u00e9rminos con los cuales se denomina a la separaci\u00f3n de intereses entre una capa de presentaci\u00f3n y una capa de acceso a datos, respectivamente. Podr\u00edan tambi\u00e9n nombrarse como interfaz, final frontal o frontal; y el segundo como motor, dorsal final o zaga, aunque es com\u00fan dejar estos t\u00e9rminos en ingl\u00e9s.<\/p>\n<p style=\"text-align: justify;\">En dise\u00f1o de software el front-end es la parte del software que interact\u00faa con el o los usuarios, y el back-end es la parte que procesa la entrada desde el front-end. La separaci\u00f3n del sistema en front-ends y back-ends, es un tipo de abstracci\u00f3n que ayuda a mantener las diferentes partes del sistema separadas.<\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.facilcloud.com\/es\/index.php\" target=\"_blank\">Facilcloud<\/a> <\/span>permite a sus usuarios desarrollar sus p\u00e1ginas web con toda la libertad de selecci\u00f3n y, adem\u00e1s, con el soporte y asesoramiento, si no se es un experto.<\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><strong>La conexi\u00f3n entre ambos\u00a0es un tipo de <\/strong><strong>interfaz<\/strong><\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/web-back-end-y-front.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3415 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/web-back-end-y-front.jpg\" alt=\"web back end y front\" width=\"150\" height=\"151\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/web-back-end-y-front.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/web-back-end-y-front-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">La idea general es que el front-end sea el responsable de recolectar los datos de entrada del usuario, que pueden ser de muchas y variadas formas; y los transforme ajust\u00e1ndolos a las especificaciones que demanda el back-end para poder procesarlos, devolviendo as\u00ed una respuesta que el front-end recibe y expone al usuario de una forma entendible.<\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/web-componentes.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3405 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/web-componentes.jpg\" alt=\"web componentes\" width=\"150\" height=\"150\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/web-componentes.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/web-componentes-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">En dise\u00f1o o desarrollo web, hace referencia a la visualizaci\u00f3n del usuario navegante por un lado (del front-end), y del administrador del sitio con sus respectivos sistemas por el otro lado (el back-end). En este orden de ideas, se conocen muchos m\u00e9todos para interactuar con ordenadores, y estos pueden ser conceptualizados en t\u00e9rminos de front-end y back-end.<\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/front-end.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3414 alignleft\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/front-end.jpg\" alt=\"front end\" width=\"150\" height=\"151\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/front-end.jpg 150w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/front-end-80x80.jpg 80w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Ejemplos de esto, pueden ser los administradores de archivos gr\u00e1ficos como Windows Explorer, Dolphin, Nautilus y Finder, que pueden ser considerados como front-end para el sistema de archivos de la computadora. Asimiso, Shell puede tomarse como front-end, ya que sirve como interfaz para interactuar con el n\u00facleo del sistema operativo que cumple el rol back-end.<\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3156 size-full\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/reseller-hosting.jpg\" alt=\"reseller hosting\" width=\"728\" height=\"91\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/reseller-hosting.jpg 728w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/reseller-hosting-300x38.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/03\/reseller-hosting-235x29.jpg 235w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/p>\n<p style=\"text-align: justify;\"><strong><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/back-end-y-front-end.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-3429 alignright\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/back-end-y-front-end.jpg\" alt=\"back end y front end\" width=\"341\" height=\"269\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/back-end-y-front-end.jpg 341w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/back-end-y-front-end-300x237.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2016\/04\/back-end-y-front-end-235x185.jpg 235w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/a><\/strong><\/p>\n<p style=\"text-align: justify;\">\n<p style=\"text-align: justify;\"><strong>El funcionamiento<\/strong><\/p>\n<p style=\"text-align: justify;\">Un compilador el front-end traslada el lenguaje del c\u00f3digo fuente a una representaci\u00f3n intermedia, que a su vez funciona con el back-end, produciendo la salida del c\u00f3digo.<\/p>\n<p style=\"text-align: justify;\">Muchos programas tienen su concepto de dise\u00f1o dividido en front-ends y back-ends; pero en la mayor\u00eda de los casos, el back-end est\u00e1 oculto del usuario final y s\u00f3lo pueden utilizarlo el cliente intermedio o el administrador que se encarga de gestionar el sistema de informaci\u00f3n. A\u00fan as\u00ed, muchos programas est\u00e1n escritos para servir de simple front-end para otros que ya existen, como es el caso de las interfaces gr\u00e1ficas construidas sobre una interfaz de l\u00ednea de \u00f3rdenes. Este tipo de front-end es com\u00fan en entornos de escritorio Unix (como los GUI), donde los programas son desarrollados siguiendo la filosof\u00eda de dise\u00f1o de muchos programas peque\u00f1os capaces de ejecutarse independientemente o combinados.<\/p>\n<p style=\"text-align: justify;\">Ambas son importantes y se complementan la una o la otra; puesto que los sitios web deben ser atractivos y amigables, pero tambi\u00e9n funcionales.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-79\" src=\"https:\/\/blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03.jpg\" alt=\"Escritora de tecnologia\" width=\"728\" height=\"91\" srcset=\"https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03.jpg 728w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03-300x38.jpg 300w, https:\/\/www.blog.facilcloud.com\/noticias\/wp-content\/uploads\/2015\/07\/Alida-Facilcloud-2_Es-03-235x29.jpg 235w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Front-end y back-end son los t\u00e9rminos con los cuales se denomina a la separaci\u00f3n de intereses entre una capa de presentaci\u00f3n y una capa de acceso a datos, respectivamente. Podr\u00edan tambi\u00e9n nombrarse como interfaz, final frontal o frontal; y el segundo como motor, dorsal final o zaga, aunque es com\u00fan dejar estos t\u00e9rminos en ingl\u00e9s. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3412,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[285],"tags":[582,173,89],"class_list":["post-3408","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programadores","tag-diseno-web","tag-facilcloud","tag-software"],"_links":{"self":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/3408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/comments?post=3408"}],"version-history":[{"count":0,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/posts\/3408\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media\/3412"}],"wp:attachment":[{"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/media?parent=3408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/categories?post=3408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blog.facilcloud.com\/noticias\/wp-json\/wp\/v2\/tags?post=3408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}