{"id":11700,"date":"2021-06-13T02:53:32","date_gmt":"2021-06-13T02:53:32","guid":{"rendered":"https:\/\/www.xst.mx\/site\/?p=11700"},"modified":"2021-07-01T13:47:42","modified_gmt":"2021-07-01T13:47:42","slug":"que-es-back-end-y-front-end","status":"publish","type":"post","link":"https:\/\/www.xst.mx\/site\/desarrollo\/que-es-back-end-y-front-end\/","title":{"rendered":"\u00bfQu\u00e9 es Back end y Front end?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11700\" class=\"elementor elementor-11700\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d8ab622 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d8ab622\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-417ff2f\" data-id=\"417ff2f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fab87ac elementor-widget elementor-widget-image\" data-id=\"fab87ac\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"321\" src=\"https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/forndend-backend-post2-1024x321.jpg\" class=\"attachment-large size-large wp-image-11701\" alt=\"\" srcset=\"https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/forndend-backend-post2-1024x321.jpg 1024w, https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/forndend-backend-post2-300x94.jpg 300w, https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/forndend-backend-post2-768x241.jpg 768w, https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/forndend-backend-post2.jpg 1152w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5eaf2fe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5eaf2fe\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-250f338\" data-id=\"250f338\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-270ac2b elementor-widget elementor-widget-text-editor\" data-id=\"270ac2b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>\u00bfHas escuchado alguna vez estos t\u00e9rminos? El Back end y el Front end son dos partes fundamentales de la programaci\u00f3n de una aplicaci\u00f3n web. En este art\u00edculo vamos a hablar sobre cada una de ellas y explicaremos las diferencias entre\u00a0<strong>Front end\u00a0<\/strong>(el lado del cliente) y\u00a0<strong>Back end<\/strong>\u00a0(el lado del servidor).<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8e1ad6c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8e1ad6c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-658e817\" data-id=\"658e817\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f15ee51 elementor-widget elementor-widget-heading\" data-id=\"f15ee51\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-xxl\">Frontend<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd28f06 elementor-widget elementor-widget-text-editor\" data-id=\"bd28f06\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>Front End<\/strong>\u00a0es la parte de una aplicaci\u00f3n que interact\u00faa con los usuarios,\u00a0<strong>es conocida como el lado del cliente<\/strong>. B\u00e1sicamente es todo lo que vemos en la pantalla cuando accedemos a un sitio web o aplicaci\u00f3n:\u00a0<strong>tipos de letra, colores, adaptaci\u00f3n para distintas pantallas(RWD), los efectos del rat\u00f3n, teclado, movimientos, desplazamientos, efectos visuales<\/strong>\u2026 y otros elementos que permiten navegar dentro de una p\u00e1gina web. Este conjunto crea la experiencia del usuario.<\/p><p><strong>Un desarrollador front end debe conocer los siguientes lenguajes de programaci\u00f3n:\u00a0<\/strong><strong>HTML5, CSS3, JavaScript, Jquery, Ajax<\/strong>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-18fdffe\" data-id=\"18fdffe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-481c569 elementor-widget elementor-widget-image\" data-id=\"481c569\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"528\" height=\"628\" src=\"https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/fronted.png\" class=\"attachment-large size-large wp-image-11707\" alt=\"\" srcset=\"https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/fronted.png 528w, https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/fronted-252x300.png 252w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9939d2b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9939d2b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-06783fc\" data-id=\"06783fc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d99ecb0 elementor-widget elementor-widget-image\" data-id=\"d99ecb0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"541\" height=\"628\" src=\"https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/backend.png\" class=\"attachment-large size-large wp-image-11706\" alt=\"\" srcset=\"https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/backend.png 541w, https:\/\/www.xst.mx\/site\/wp-content\/uploads\/2021\/06\/backend-258x300.png 258w\" sizes=\"(max-width: 541px) 100vw, 541px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5f37698\" data-id=\"5f37698\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d84cff elementor-widget elementor-widget-heading\" data-id=\"2d84cff\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Backend<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5be128b elementor-widget elementor-widget-text-editor\" data-id=\"5be128b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>El\u00a0<strong>back end<\/strong>\u00a0del sitio web consiste en un\u00a0<strong>servidor, una aplicaci\u00f3n y una base de datos<\/strong>. Se toman los datos, se procesa la informaci\u00f3n y se env\u00eda al usuario.\u00a0 Los desarrolladores de\u00a0<strong>Front end y Back end<\/strong>\u00a0suelen trabajar juntos para que todo funcione correctamente.<\/p><p>Un\u00a0<strong>desarrollador Back end<\/strong>\u00a0debe tener amplios conocimientos de los siguientes lenguajes: frameworks y los tipos de base de datos. No siendo necesario conocer todos los lenguajes pero s\u00ed entender y saber trabajar con algunos de ellos.<\/p><p><strong>ASP.NET , PHP, Python, Ruby, Node.js, Java, MySQL, SQL Server, PostgreSQL, Oracle, MongoDB<\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be30fad elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"be30fad\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c13e55\" data-id=\"2c13e55\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c14936a elementor-widget elementor-widget-heading\" data-id=\"c14936a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Full Stack\n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60b4ef1 elementor-widget elementor-widget-text-editor\" data-id=\"60b4ef1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Un <strong>desarrollador Full Stack<\/strong>\u00a0es el encargado de manejar cada uno de los aspectos relacionados con la creaci\u00f3n y el mantenimiento de una aplicaci\u00f3n web. Para ello es fundamental que el desarrollador Full Stack tenga conocimientos en desarrollo\u00a0<strong>Front-End y Back-End\u00a0<\/strong>adem\u00e1s de manejar diferentes sistemas operativos y lenguajes de programaci\u00f3n.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00bfHas escuchado alguna vez estos t\u00e9rminos? El Back end y el Front end son dos partes fundamentales de la programaci\u00f3n de una aplicaci\u00f3n web. En este art\u00edculo vamos a hablar sobre cada una de ellas y explicaremos las diferencias entre\u00a0Front end\u00a0(el lado del cliente) y\u00a0Back end\u00a0(el lado del servidor). Frontend&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-11700","post","type-post","status-publish","format-standard","hentry","category-desarrollo"],"_links":{"self":[{"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/posts\/11700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/comments?post=11700"}],"version-history":[{"count":12,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/posts\/11700\/revisions"}],"predecessor-version":[{"id":12160,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/posts\/11700\/revisions\/12160"}],"wp:attachment":[{"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/media?parent=11700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/categories?post=11700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xst.mx\/site\/wp-json\/wp\/v2\/tags?post=11700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}