{"id":4774,"date":"2021-01-29T11:22:33","date_gmt":"2021-01-29T16:22:33","guid":{"rendered":"https:\/\/www.certus.edu.pe\/blog\/?p=4774"},"modified":"2023-11-25T11:29:25","modified_gmt":"2023-11-25T16:29:25","slug":"diferencias-front-end-back-end","status":"publish","type":"post","link":"https:\/\/www.certus.edu.pe\/blog\/diferencias-front-end-back-end\/","title":{"rendered":"Conoce las principales diferencias entre Front End y Back End"},"content":{"rendered":"<p>Si te atrae la tecnolog\u00eda y te gusta la idea de <a href=\"https:\/\/www.certus.edu.pe\/curso\/programacion-desde-cero\/\">estudiar desarrollo web<\/a>, es posible que te hayas cruzado con t\u00e9rminos como <a href=\"https:\/\/www.certus.edu.pe\/curso\/programacion-desde-cero\/\">desarrollo back end<\/a> y front end, ya que estos suelen aparecer juntos con frecuencia. Muchas personas creen que son t\u00e9rminos intercambiables, lo cual es incorrecto. \u00bfSabes exactamente qu\u00e9 son o en qu\u00e9 consiste cada uno de ellos?<\/p>\n<p>\u00a1No te preocupes! En el siguiente art\u00edculo te mostraremos las diferencias entre front end y back end y las herramientas que cada uno utiliza.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_69_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de Contenidos:<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f88b666435b\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f88b666435b\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.certus.edu.pe\/blog\/diferencias-front-end-back-end\/#Diferencia-entre-desarrollador-frontend-y-backend\" title=\"Diferencia entre desarrollador frontend y backend\">Diferencia entre desarrollador frontend y backend<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.certus.edu.pe\/blog\/diferencias-front-end-back-end\/#1-%C2%BFQue-es-desarrollo-front-end\" title=\"1.- \u00bfQu\u00e9 es desarrollo front end?\">1.- \u00bfQu\u00e9 es desarrollo front end?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.certus.edu.pe\/blog\/diferencias-front-end-back-end\/#Herramientas-front-end\" title=\"Herramientas front end\">Herramientas front end<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.certus.edu.pe\/blog\/diferencias-front-end-back-end\/#2-%C2%BFQue-es-desarrollo-back-end\" title=\"2.- \u00bfQu\u00e9 es desarrollo back end?\">2.- \u00bfQu\u00e9 es desarrollo back end?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.certus.edu.pe\/blog\/diferencias-front-end-back-end\/#Herramientas-back-end\" title=\"Herramientas back end\">Herramientas back end<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.certus.edu.pe\/blog\/diferencias-front-end-back-end\/#Full-Stack-Development\" title=\"Full-Stack Development\">Full-Stack Development<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Diferencia-entre-desarrollador-frontend-y-backend\"><\/span>Diferencia entre desarrollador frontend y backend<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Podemos plantear la diferencia principal en los siguientes t\u00e9rminos: los desarrolladores frontend trabajan en lo que el usuario puede ver, mientras que los backend construyen la infraestructura que sienta las bases de la p\u00e1gina.<\/p>\n<p>Ambos componentes trabajan de forma conjunta para crear una aplicaci\u00f3n o sitio web de alto rendimiento. Es bastante com\u00fan que las empresas confundan o mezclen las tareas de un desarrollador frontend con las de un backend.<\/p>\n<p>Aquello en parte se debe a que cada vez existe un mayor n\u00famero de herramientas que pueden aplicarse en ambos espectros de desarrollo web. Por lo tanto, es comprensible que las personas ajenas a este campo asuman que no existe mucha diferencia entre estos especialistas.<\/p>\n<p>A pesar de que trabajan juntos, cada uno tiene prioridades diferentes. Frontend se refiere a la interfaz con la que el usuario interact\u00faa, mientras que el backend significa el servidor, aplicaci\u00f3n y base de datos que trabaja tras bastidores para entregar la informaci\u00f3n al usuario.<\/p>\n<p>El proceso es el siguiente: el usuario ingresa la informaci\u00f3n por medio de la interfaz, la cual es verificada y comunicada al servidor. Este extrae la data necesaria y la env\u00eda de vuelta al usuario. Como puedes ver, el proceso es bastante simple.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"1-%C2%BFQue-es-desarrollo-front-end\"><\/span><a href=\"https:\/\/www.certus.edu.pe\/blog\/que-desarrollador-front-end\/\">1.- \u00bfQu\u00e9 es desarrollo front end?<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/01\/front-end-developer.jpg\" alt=\"personas computadoras oficina\" width=\"720\" height=\"340\" \/><\/p>\n<p>En l\u00edneas generales, los desarrolladores frontend se encargan de dise\u00f1ar y construir los elementos con los que el p\u00fablico tendr\u00e1 contacto. Aquello incluye los botones, men\u00fas, p\u00e1ginas, enlaces, gr\u00e1ficos y otros componentes de una p\u00e1gina o aplicaci\u00f3n.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Herramientas-front-end\"><\/span>Herramientas front end<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>El frontend se lleva a cabo por medio de una combinaci\u00f3n de herramientas. Si bien pueden ser muchas, las principales son Hypertext Markup Language (HTML), JavaScript y Cascading Style Sheets (CSS). Tambi\u00e9n son populares marcos de trabajo frontend como Angular, Ember, Backbone o React.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"2-%C2%BFQue-es-desarrollo-back-end\"><\/span>2.- \u00bfQu\u00e9 es desarrollo back end?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Como te adelantamos, el backend consiste del servidor que provee la data que se solicita, la aplicaci\u00f3n que se encarga de canalizarla y la base de datos que organiza la informaci\u00f3n. Por ejemplo, cuando un cliente busca zapatos en un sitio web, este interact\u00faa con el frontend.<\/p>\n<p>Primero, los usuarios seleccionar\u00e1n el \u00edtem que desean, para luego a\u00f1adirlo al carrito y autorizar la compra. Toda aquella informaci\u00f3n se mantiene dentro de una base de datos la cual reside en el servidor. Luego de algunos d\u00edas, cuando el cliente revise el estatus de la entrega, el servidor extrae la data relevante, la actualiza y la presenta en el frontend.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Herramientas-back-end\"><\/span>Herramientas back end<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4780\" src=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/01\/back-end-developer.jpg\" alt=\"hombre computadoras back end\" width=\"720\" height=\"340\" srcset=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/01\/back-end-developer.jpg 720w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/01\/back-end-developer-300x142.jpg 300w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/01\/back-end-developer-600x283.jpg 600w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/01\/back-end-developer-20x9.jpg 20w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>La principal preocupaci\u00f3n de un desarrollador backend es crear aplicaciones que puedan encontrar y entregar la informaci\u00f3n a la interfaz. Muchos utilizan bases de datos confiables de nivel empresarial como Oracle, Teradata, Microsoft SQL Server, IBM DB2, EnterpriseDB o SAP Sybase ASE.<\/p>\n<p>De igual forma, existe un gran n\u00famero de bases de datos populares como MySQL, NoSQL y PostgreSQL. Tambi\u00e9n existe mucha variedad de marcos de trabajo y lenguajes utilizados para codificar la aplicaci\u00f3n como Ruby on Rails, Java, C++\/C\/C#, Python y PHP.<\/p>\n<p>Durante los \u00faltimos a\u00f1os, los proveedores de Backend-as-a-Service (BaaS) han empezado a ofrecer alternativas bastante viables. Estas son especialmente \u00fatiles al momento de desarrollar una aplicaci\u00f3n m\u00f3vil y trabajar con un horario apretado.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Full-Stack-Development\"><\/span>Full-Stack Development<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Se trata del desarrollo web que engloba tanto el frontend como el backend. Sin embargo, ambos espectros se han vuelto tan complejos que la mayor\u00eda de profesionales solo se especializa en uno.<\/p>\n<p>Por lo general, hacer que un solo programador se encargue del<strong> full-stack development<\/strong> no suele ser una soluci\u00f3n pr\u00e1ctica. Sin embargo, cuando uno de estos especialistas tiene la formaci\u00f3n y la experiencia necesaria, puede convertirse en una pieza clave de cualquier organizaci\u00f3n.<\/p>\n<p>Estos son profesionales polifuncionales que son una gran adici\u00f3n a cualquier equipo, ya que poseen un vasto conocimiento y pueden ver el panorama general. Aquello les permite identificar y sugerir formas para optimizar el proceso o eliminar obst\u00e1culos que podr\u00edan estar retrasando el proceso.<\/p>\n<p style=\"text-align: justify;\">Ahora conoces mejor cu\u00e1l es la <strong>diferencia entre backend y frontend.<\/strong> \u00bfTe gusta la idea de aprender desarrollo web? Entonces selecciona un programa de tecnolog\u00eda en una instituci\u00f3n educativa de calidad.<\/p>\n<p style=\"text-align: center;\"><strong><i>Si deseas saber m\u00e1s, d\u00e9janos tus datos y nuestros asesores personalizados se contactar\u00e1n contigo.<\/i><\/strong><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.certus.edu.pe\/curso\/programacion-desde-cero\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5011 size-full\" src=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/03\/banner-curso-2021-Front-End-Developer.jpg\" alt=\"\" width=\"720\" height=\"220\" srcset=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/03\/banner-curso-2021-Front-End-Developer.jpg 720w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/03\/banner-curso-2021-Front-End-Developer-300x92.jpg 300w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/03\/banner-curso-2021-Front-End-Developer-600x183.jpg 600w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/03\/banner-curso-2021-Front-End-Developer-20x6.jpg 20w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si te atrae la tecnolog\u00eda y te gusta la idea de estudiar desarrollo web, es posible que te hayas cruzado con t\u00e9rminos como desarrollo back end y front end, ya que estos suelen aparecer juntos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4778,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"footnotes":""},"categories":[430],"tags":[179],"class_list":["post-4774","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cursos","tag-tecnologia"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/posts\/4774"}],"collection":[{"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/comments?post=4774"}],"version-history":[{"count":0,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/posts\/4774\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/media\/4778"}],"wp:attachment":[{"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/media?parent=4774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/categories?post=4774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/tags?post=4774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}