{"id":7562,"date":"2022-01-21T10:00:42","date_gmt":"2022-01-21T14:00:42","guid":{"rendered":"https:\/\/www.tcit.cl\/comprendiendokubernetes-copy\/"},"modified":"2023-04-26T14:58:50","modified_gmt":"2023-04-26T18:58:50","slug":"backendyfrontend","status":"publish","type":"post","link":"https:\/\/www.tcit.cl\/ingles\/backendyfrontend\/","title":{"rendered":"Backend y Frontend las dos caras diferentes de la programaci\u00f3n"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:4%;--awb-padding-bottom:4%;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1341.6px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-top:3%;--awb-padding-right:5%;--awb-padding-bottom:3%;--awb-padding-left:5%;--awb-overflow:hidden;--awb-bg-size:cover;--awb-border-color:#4db6ac;--awb-border-top:1px;--awb-border-right:1px;--awb-border-bottom:1px;--awb-border-left:1px;--awb-border-style:solid;--awb-border-radius:5px 5px 5px 5px;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1 text-blog\" style=\"--awb-text-transform:none;\"><p><span style=\"font-weight: 400;\">S<\/span><span style=\"font-weight: 400;\">i te atrae la tecnolog\u00eda es posible que te hayas cruzado con t\u00e9rminos como desarrollo backend y frontend, ya que estos suelen aparecer juntos con frecuencia. Muchas personas creen que son t\u00e9rminos intercambiables, lo cual es incorrecto. <\/span><span style=\"font-weight: 400;\">Si bien ambos t\u00e9rminos son muy conocidos en el campo de la Programaci\u00f3n Web Full Stack, siempre es preciso recordar las diferencias entre ambos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00bfSabes exactamente qu\u00e9 son o en qu\u00e9 consiste cada uno de ellos? Bueno,<\/span><span style=\"font-weight: 400;\"> detr\u00e1s de cada p\u00e1gina web hay un dise\u00f1ador que trabaja para que la imagen se vea lo mejor posible, aplicando herramientas que le dan estilo al sitio. De manera paralela, tambi\u00e9n est\u00e1 quien programa y utiliza lenguaje t\u00e9cnico para que todo funcione de forma coherente y l\u00f3gica aplicando las reglas de negocio correspondientes.<\/span><\/p>\n<p><img decoding=\"async\" class=\"lazyload wp-image-7564 alignright\" src=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front-300x200.png\" data-orig-src=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front-300x200.png\" alt=\"\" width=\"384\" height=\"256\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27384%27%20height%3D%27256%27%20viewBox%3D%270%200%20384%20256%27%3E%3Crect%20width%3D%27384%27%20height%3D%27256%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front-200x133.png 200w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front-300x200.png 300w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front-400x267.png 400w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front-600x400.png 600w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front-768x512.png 768w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front-800x534.png 800w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/front.png 919w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 384px) 100vw, 384px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Ambos lenguajes son vistos como sin\u00f3nimos, pero en realidad no funciona as\u00ed. Para que no te enga\u00f1en es importante que conozcas la diferencia entre el desarrollo backend y frontend.<\/span><\/p>\n<p><b>Desarrollo Backend<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Desarrolla el lenguaje l\u00f3gico de los servidores web y manipula datos. En pocas palabras, se trata de hacer de la p\u00e1gina algo funcional, no solo a nivel de dise\u00f1o.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El desarrollador de backend es quien manipula los datos de los usuarios que llegan a la p\u00e1gina. Entre los lenguajes que se usan est\u00e1n: Java, NodeJs, PHP, Ruby, ASp, Python u otros para ajustar el servidor a las necesidades de los usuarios, a trav\u00e9s de sus datos y muchas veces en base a sus interacciones.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La manipulaci\u00f3n de datos es un trabajo amplio. El desarrollador backend conoce m\u00e1s a fondo la estructura por detr\u00e1s de la vista, utiliza herramientas de seguridad para cuidar los datos del servidor, y adem\u00e1s hace el manejo de la informaci\u00f3n m\u00e1s c\u00f3modo para el consumo del frontend.<\/span><\/p>\n<p><b>Las funciones que realiza un desarrollador backend son:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Analizar la l\u00f3gica de negocio.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Analizar problemas y errores en el funcionamiento del sitio web.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Buscar todas las soluciones posibles a los problemas y errores de funcionamiento.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Modelar y mantener bases de datos.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Proveer seguridad al manejo de datos sensibles y p\u00fablicos.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Desarrollar las mejores soluciones.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Programar acciones y funciones.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Proponer soluciones en etapas tempranas del desarrollo del sitio web.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mejorar la experiencia del usuario en cuanto a velocidad de respuesta y funcionalidades.<\/span><\/li>\n<\/ul>\n<p><b>Desarrollo Frontend<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Se refiere al dise\u00f1o gr\u00e1fico y visual de la soluci\u00f3n. Es decir, todo lo que es percibido por los usuarios que ingresan al sitio web. Aquellos que se dedican al frontend explotan un lado m\u00e1s art\u00edstico. Son ellos quienes le dan personalidad y un dise\u00f1o amigable a la web as\u00ed mismo mejorando las interacciones del usuario con la misma.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Un desarrollador frontend dise\u00f1a, combina y elige entre estilos, fondos, colores y tama\u00f1os para crear toda la parte visual de la p\u00e1gina. Quien se ocupa del frontend utiliza HTML para estructurar, CSS para darle personalidad gr\u00e1fica al contenido y Javascript para generar interacci\u00f3n. Lo que \u00e9l programa es aquello que el usuario puede ver.<\/span><\/p>\n<p><img decoding=\"async\" class=\"lazyload wp-image-7565 alignleft\" src=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-300x188.png\" data-orig-src=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-300x188.png\" alt=\"\" width=\"391\" height=\"245\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27391%27%20height%3D%27245%27%20viewBox%3D%270%200%20391%20245%27%3E%3Crect%20width%3D%27391%27%20height%3D%27245%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-200x125.png 200w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-300x188.png 300w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-320x202.png 320w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-400x251.png 400w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-600x376.png 600w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-700x441.png 700w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-768x481.png 768w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front-800x501.png 800w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/3-front.png 844w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/p>\n<p><b>Las funciones que realiza un desarrollador frontend son:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mantener y optimizar el sitio web.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Asegurar el flujo de trabajo del software de la interfaz.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Definir interacciones de usuario en el sitio o p\u00e1gina web.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Implementar el SEO OnPage.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mejorar la usabilidad.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Mejorar la velocidad de carga de cada p\u00e1gina web.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Garantizar la accesibilidad al sitio web.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><b>Entendiendo la diferencia entre backend y frontend<\/b><\/p>\n<p><span style=\"font-weight: 400;\">La diferencia principal entre el desarrollo backend y frontend es que el backend se encarga de todo el lenguaje t\u00e9cnico de la programaci\u00f3n referente al manejo de los datos generados. El desarrollo interno. El frontend genera todo lo visual, lo creativo que atrae a los usuarios y hace que se queden.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Entonces, el frontend atrae a los usuarios y los invita a permanecer en la p\u00e1gina. El backend genera y manipula los datos para que esto sea posible. Ninguno es m\u00e1s ni menos importante que otro. En desarrollo web se trata de una simbiosis en la que ambos trabajan juntos para crear sitios y aplicaciones web. Ambos tipos de desarrollo web demandan habilidades distintas, por lo que es m\u00e1s complejo que una sola persona se dedique a ambos.<\/span><\/p>\n<p><img decoding=\"async\" class=\"lazyload wp-image-7566 alignright\" src=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front-300x199.png\" data-orig-src=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front-300x199.png\" alt=\"\" width=\"427\" height=\"283\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27427%27%20height%3D%27283%27%20viewBox%3D%270%200%20427%20283%27%3E%3Crect%20width%3D%27427%27%20height%3D%27283%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front-200x133.png 200w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front-300x199.png 300w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front-400x266.png 400w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front-600x399.png 600w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front-768x511.png 768w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front-800x532.png 800w, https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/2-front.png 919w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 427px) 100vw, 427px\" \/><\/p>\n<p><b>\u00bfCu\u00e1les son los principales lenguajes para el frontend?<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Hay tres lenguajes que son com\u00fanmente utilizados por los desarrolladores web de frontend:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>HTML: <\/b><span style=\"font-weight: 400;\">Este es el lenguaje de marcado fundamental para una p\u00e1gina web, ya que se encarga de codificar el contenido web para que se pueda mostrar en el navegador web correctamente.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>CSS:<\/b><span style=\"font-weight: 400;\"> Este otro lenguaje de hojas de estilo que acompa\u00f1a a HTML para definir los estilos del contenido del sitio web (dise\u00f1o, colores, fuentes, etc.).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JavaScript:<\/b><span style=\"font-weight: 400;\"> Este lenguaje de programaci\u00f3n se centra en los elementos interactivos, como pueden ser los men\u00fas desplegables, las ventanas, los formularios de contacto, entre otras.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Juntos, todos estos lenguajes, existen librer\u00edas y frameworks que ayudan a agilizar el desarrollo web, por el lado de CSS: <\/span><b>Bootstrap<\/b><span style=\"font-weight: 400;\">, para Javascript: <\/span><b>React<\/b><span style=\"font-weight: 400;\">,<\/span><b> Angular, VueJs, <\/b><span style=\"font-weight: 400;\">entre otras hacen posible que un usuario pueda acceder a una web desde su navegador y verla correctamente.<\/span><\/p>\n<p><b>\u00bfCu\u00e1les son los principales lenguajes para el backend?<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JavaScript<\/b><span style=\"font-weight: 400;\">: El uso de la misma sintaxis tanto para el frontend como para el backend hace que JavaScript sea muy f\u00e1cil y r\u00e1pido de desarrollar. NodeJS junto con su framework m\u00e1s popular Express.JS permite que los programas manejen las solicitudes de E\/S (Entrada &#8211; Salida) y notificaciones de las aplicaciones conectadas.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Python:<\/b><span style=\"font-weight: 400;\"> Proporciona un entorno de desarrollo que est\u00e1 muy cerca de escribir en ingl\u00e9s. Es la raz\u00f3n por la que es muy f\u00e1cil de aprender debido a su alta legibilidad. Puede usar Python para crear objetos Raspberry Pi.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ruby<\/b><span style=\"font-weight: 400;\">: La metaprogramaci\u00f3n es una de las mejores caracter\u00edsticas de usar Ruby. Permite a los programas obtener y modificar datos de otros programas. Lo mejor de todo es que todo el proceso se realiza en tiempo de ejecuci\u00f3n.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>PHP<\/b><span style=\"font-weight: 400;\">: Es un lenguaje de programaci\u00f3n que se puede ejecutar en todos los sistemas operativos. Adem\u00e1s, es tan vers\u00e1til que los programas codificados en PHP tambi\u00e9n pueden ejecutarse en cualquier navegador web.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>C-Sharp: Es<\/b><span style=\"font-weight: 400;\"> uno de los lenguajes m\u00e1s populares para hacer el backend de un sistema por sus incre\u00edbles caracter\u00edsticas como la automatizaci\u00f3n en los servidores de Windows. Aparte de esto, es genial porque ejecuta c\u00f3digos muy r\u00e1pidamente. Tambi\u00e9n se puede utilizar para el desarrollo de juegos y la creaci\u00f3n de aplicaciones CLI.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Kotlin:<\/b><span style=\"font-weight: 400;\"> Es el lenguaje de desarrollo de backend que se puede encontrar en Android Studio como una opci\u00f3n. Es muy f\u00e1cil de leer, editar y comprender, lo cual hace que administrar y actualizar su c\u00f3digo sea muy r\u00e1pido y f\u00e1cil para los desarrolladores. Junto a uno de sus frameworks m\u00e1s populares como lo es Spring, realiza las tareas m\u00e1s complejas en el backend.<\/span><\/li>\n<\/ul>\n<p><b>Frontend: Interfaz de usuario<\/b><\/p>\n<p><span style=\"font-weight: 400;\">La interfaz de usuario es en realidad la capa de vista, y lo que ve el usuario. Para el front-end, el sitio web, la interfaz de usuario es HTML + CSS, dejando las modificaciones del DOM(Document Object Model) para javascript, el front-end puede operar el DOM a trav\u00e9s de scripts de javascript sin necesidad de recargar la p\u00e1gina, el navegador realizar\u00e1 la operaci\u00f3n de representaci\u00f3n de acuerdo con el \u00faltimo \u00e1rbol de DOM y CSS, este proceso se llama actualizaci\u00f3n de la interfaz de usuario.\u00a0<\/span><\/p>\n<p><b>Backend: panel de control de la web<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Al backend tambi\u00e9n se le conoce como el<\/span><b> \u201cPanel de control de la web\u201d<\/b><span style=\"font-weight: 400;\">, una interfaz interna a la que los usuarios no pueden acceder, y desde la que se gestiona todo lo relacionado con el contenido de un site en s\u00ed, ya sean entradas, categor\u00edas, p\u00e1ginas, plugins, m\u00f3dulos, extensiones, entre otras.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En la actualidad los gestores de contenidos (CMS) m\u00e1s populares del mercado incluyen backends muy avanzados e intuitivos, por ejemplo, en el caso de <\/span><b>WordPress; <\/b><span style=\"font-weight: 400;\">este incluye un backend con nombre propio llamado<\/span><b> \u201cEscritorio\u201d <\/b><span style=\"font-weight: 400;\">(\u201cDashboard\u201d en ingl\u00e9s).\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As\u00ed como el backend y el frontend son conceptos diferentes, un desarrollador backend y un desarrollador frontend son profesionales tecnol\u00f3gicos diferentes. Y, aunque trabajan en \u00e1reas distintas, ambos se complementan y se necesitan mutuamente para que una p\u00e1gina o sistema inform\u00e1tico funcione con \u00e9xito.<\/span><\/p>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7567,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[32],"tags":[],"class_list":["post-7562","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.7 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Backend y Frontend las dos caras diferentes de la programaci\u00f3n - TCIT<\/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:\/\/www.tcit.cl\/ingles\/backendyfrontend\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Backend y Frontend las dos caras diferentes de la programaci\u00f3n\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tcit.cl\/ingles\/backendyfrontend\/\" \/>\n<meta property=\"og:site_name\" content=\"TCIT\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/tcitcloudsolutions\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-21T14:00:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-26T18:58:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/RRSS-TCIT-back-front-in.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"904\" \/>\n\t<meta property=\"og:image:height\" content=\"472\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"user\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"user\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/\"},\"author\":{\"name\":\"user\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#\\\/schema\\\/person\\\/055560a3e05267a9ee34ca85645feea1\"},\"headline\":\"Backend y Frontend las dos caras diferentes de la programaci\u00f3n\",\"datePublished\":\"2022-01-21T14:00:42+00:00\",\"dateModified\":\"2023-04-26T18:58:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/\"},\"wordCount\":2130,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tcit.cl\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/RRSS-TCIT-back-front-in.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/\",\"url\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/\",\"name\":\"Backend y Frontend las dos caras diferentes de la programaci\u00f3n - TCIT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tcit.cl\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/RRSS-TCIT-back-front-in.jpg\",\"datePublished\":\"2022-01-21T14:00:42+00:00\",\"dateModified\":\"2023-04-26T18:58:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tcit.cl\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/RRSS-TCIT-back-front-in.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tcit.cl\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/RRSS-TCIT-back-front-in.jpg\",\"width\":904,\"height\":472},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/backendyfrontend\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.tcit.cl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Backend y Frontend las dos caras diferentes de la programaci\u00f3n\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#website\",\"url\":\"https:\\\/\\\/www.tcit.cl\\\/\",\"name\":\"https:\\\/\\\/www.tcit.cl\\\/\",\"description\":\"AI Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tcit.cl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#organization\",\"name\":\"TCIT EIRL\",\"alternateName\":\"TCIT AI Solutions\",\"url\":\"https:\\\/\\\/www.tcit.cl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.tcit.cl\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/cropped-TCIT_isotipo-color.png\",\"contentUrl\":\"https:\\\/\\\/www.tcit.cl\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/cropped-TCIT_isotipo-color.png\",\"width\":512,\"height\":512,\"caption\":\"TCIT EIRL\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/web.facebook.com\\\/tcitcloudsolutions\\\/\",\"https:\\\/\\\/www.instagram.com\\\/tcitcloudsolutions\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/tcit-cloud-solutions\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tcit.cl\\\/#\\\/schema\\\/person\\\/055560a3e05267a9ee34ca85645feea1\",\"name\":\"user\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b4c9a289323b21a01c3e940f150eb9b8c542587f1abfd8f0e1cc1ffc5e475514?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b4c9a289323b21a01c3e940f150eb9b8c542587f1abfd8f0e1cc1ffc5e475514?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b4c9a289323b21a01c3e940f150eb9b8c542587f1abfd8f0e1cc1ffc5e475514?s=96&d=mm&r=g\",\"caption\":\"user\"},\"url\":\"https:\\\/\\\/www.tcit.cl\\\/ingles\\\/author\\\/user\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Backend y Frontend las dos caras diferentes de la programaci\u00f3n - TCIT","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:\/\/www.tcit.cl\/ingles\/backendyfrontend\/","og_locale":"en_US","og_type":"article","og_title":"Backend y Frontend las dos caras diferentes de la programaci\u00f3n","og_url":"https:\/\/www.tcit.cl\/ingles\/backendyfrontend\/","og_site_name":"TCIT","article_publisher":"https:\/\/web.facebook.com\/tcitcloudsolutions\/","article_published_time":"2022-01-21T14:00:42+00:00","article_modified_time":"2023-04-26T18:58:50+00:00","og_image":[{"width":904,"height":472,"url":"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/RRSS-TCIT-back-front-in.jpg","type":"image\/jpeg"}],"author":"user","twitter_card":"summary_large_image","twitter_misc":{"Written by":"user","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tcit.cl\/backendyfrontend\/#article","isPartOf":{"@id":"https:\/\/www.tcit.cl\/backendyfrontend\/"},"author":{"name":"user","@id":"https:\/\/www.tcit.cl\/#\/schema\/person\/055560a3e05267a9ee34ca85645feea1"},"headline":"Backend y Frontend las dos caras diferentes de la programaci\u00f3n","datePublished":"2022-01-21T14:00:42+00:00","dateModified":"2023-04-26T18:58:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tcit.cl\/backendyfrontend\/"},"wordCount":2130,"commentCount":0,"publisher":{"@id":"https:\/\/www.tcit.cl\/#organization"},"image":{"@id":"https:\/\/www.tcit.cl\/backendyfrontend\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/RRSS-TCIT-back-front-in.jpg","articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tcit.cl\/backendyfrontend\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tcit.cl\/backendyfrontend\/","url":"https:\/\/www.tcit.cl\/backendyfrontend\/","name":"Backend y Frontend las dos caras diferentes de la programaci\u00f3n - TCIT","isPartOf":{"@id":"https:\/\/www.tcit.cl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tcit.cl\/backendyfrontend\/#primaryimage"},"image":{"@id":"https:\/\/www.tcit.cl\/backendyfrontend\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/RRSS-TCIT-back-front-in.jpg","datePublished":"2022-01-21T14:00:42+00:00","dateModified":"2023-04-26T18:58:50+00:00","breadcrumb":{"@id":"https:\/\/www.tcit.cl\/backendyfrontend\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tcit.cl\/backendyfrontend\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tcit.cl\/backendyfrontend\/#primaryimage","url":"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/RRSS-TCIT-back-front-in.jpg","contentUrl":"https:\/\/www.tcit.cl\/wp-content\/uploads\/2022\/01\/RRSS-TCIT-back-front-in.jpg","width":904,"height":472},{"@type":"BreadcrumbList","@id":"https:\/\/www.tcit.cl\/backendyfrontend\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.tcit.cl\/"},{"@type":"ListItem","position":2,"name":"Backend y Frontend las dos caras diferentes de la programaci\u00f3n"}]},{"@type":"WebSite","@id":"https:\/\/www.tcit.cl\/#website","url":"https:\/\/www.tcit.cl\/","name":"https:\/\/www.tcit.cl\/","description":"AI Solutions","publisher":{"@id":"https:\/\/www.tcit.cl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tcit.cl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.tcit.cl\/#organization","name":"TCIT EIRL","alternateName":"TCIT AI Solutions","url":"https:\/\/www.tcit.cl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tcit.cl\/#\/schema\/logo\/image\/","url":"https:\/\/www.tcit.cl\/wp-content\/uploads\/2025\/09\/cropped-TCIT_isotipo-color.png","contentUrl":"https:\/\/www.tcit.cl\/wp-content\/uploads\/2025\/09\/cropped-TCIT_isotipo-color.png","width":512,"height":512,"caption":"TCIT EIRL"},"image":{"@id":"https:\/\/www.tcit.cl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/tcitcloudsolutions\/","https:\/\/www.instagram.com\/tcitcloudsolutions\/","https:\/\/www.linkedin.com\/company\/tcit-cloud-solutions\/"]},{"@type":"Person","@id":"https:\/\/www.tcit.cl\/#\/schema\/person\/055560a3e05267a9ee34ca85645feea1","name":"user","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b4c9a289323b21a01c3e940f150eb9b8c542587f1abfd8f0e1cc1ffc5e475514?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b4c9a289323b21a01c3e940f150eb9b8c542587f1abfd8f0e1cc1ffc5e475514?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b4c9a289323b21a01c3e940f150eb9b8c542587f1abfd8f0e1cc1ffc5e475514?s=96&d=mm&r=g","caption":"user"},"url":"https:\/\/www.tcit.cl\/ingles\/author\/user\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/posts\/7562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/comments?post=7562"}],"version-history":[{"count":0,"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/posts\/7562\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/media\/7567"}],"wp:attachment":[{"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/media?parent=7562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/categories?post=7562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tcit.cl\/ingles\/wp-json\/wp\/v2\/tags?post=7562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}