{"id":4597,"date":"2021-01-14T13:53:37","date_gmt":"2021-01-14T18:53:37","guid":{"rendered":"https:\/\/www.certus.edu.pe\/blog\/?p=4597"},"modified":"2022-10-20T19:08:02","modified_gmt":"2022-10-21T00:08:02","slug":"que-desarrollador-front-end","status":"publish","type":"post","link":"https:\/\/www.certus.edu.pe\/blog\/que-desarrollador-front-end\/","title":{"rendered":"Descubre la importancia de un desarrollador front end"},"content":{"rendered":"<p>Si est\u00e1s pensando en <a href=\"https:\/\/www.certus.edu.pe\/carrera\/diseno-desarrollo-software\/\">estudiar desarrollo de software<\/a> es posible que a menudo encuentres t\u00e9rminos como desarrollador front end, pero no sepas exactamente en qu\u00e9 consiste o c\u00f3mo se integra a la carrera que deseas seguir. Bien, se trata de un puesto muy importante para la creaci\u00f3n de aplicaciones y sitios web.<\/p>\n<p>Si deseas conocer m\u00e1s al respecto en <a href=\"https:\/\/www.certus.edu.pe\/\">Certus<\/a> podemos ayudarte. En el siguiente art\u00edculo te mostramos exactamente qu\u00e9 hace un desarrollador front end.<\/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-69e00396a0c85\" 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-69e00396a0c85\"  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\/que-desarrollador-front-end\/#%C2%BFQue-es-un-desarrollador-front-end\" title=\"\u00bfQu\u00e9 es un desarrollador front end?\">\u00bfQu\u00e9 es un desarrollador front end?<\/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\/que-desarrollador-front-end\/#%C2%BFQue-hace-un-front-end\" title=\"\u00bfQu\u00e9 hace un front end?\">\u00bfQu\u00e9 hace un front end?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.certus.edu.pe\/blog\/que-desarrollador-front-end\/#%C2%BFQue-debe-saber-un-front-end\" title=\"\u00bfQu\u00e9 debe saber un front end?\">\u00bfQu\u00e9 debe saber un 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-4\" href=\"https:\/\/www.certus.edu.pe\/blog\/que-desarrollador-front-end\/#HTML-y-CSS\" title=\"HTML y CSS\">HTML y CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.certus.edu.pe\/blog\/que-desarrollador-front-end\/#JavaScript-JS\" title=\"JavaScript (JS)\">JavaScript (JS)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.certus.edu.pe\/blog\/que-desarrollador-front-end\/#jQuery\" title=\"jQuery\">jQuery<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.certus.edu.pe\/blog\/que-desarrollador-front-end\/#Experiencia-con-preprocesadores-CSS\" title=\"Experiencia con preprocesadores CSS\">Experiencia con preprocesadores CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.certus.edu.pe\/blog\/que-desarrollador-front-end\/#Experiencia-con-RESTful-web-services-y-APIs\" title=\"Experiencia con RESTful web services y APIs\">Experiencia con RESTful web services y APIs<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue-es-un-desarrollador-front-end\"><\/span>\u00bfQu\u00e9 es un desarrollador front end?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Empecemos por responder la pregunta base. Un desarrollador front end se encarga de codificar la parte de la p\u00e1gina con la que los usuarios entran en contacto. En otras palabras, la parte frontal de una p\u00e1gina.<\/p>\n<p>Si entras a cualquier sitio web, podr\u00e1s ver el trabajo de un desarrollador web: desde la distribuci\u00f3n de sus elementos hasta la navegaci\u00f3n en la p\u00e1gina. Incluso la forma en la que un sitio luce puede ser diferente de acuerdo a cada dispositivo. El art\u00edculo que lees ahora llega a ti gracias a la estructura que un desarrollador front end mont\u00f3.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue-hace-un-front-end\"><\/span>\u00bfQu\u00e9 hace un front end?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/01\/que-hace-front-end.jpg\" alt=\"Qu\u00e9 hace un front end\" width=\"720\" height=\"340\" \/><\/p>\n<p>Si bien el dise\u00f1o web se refiere al aspecto de un sitio web, el desarrollador front end es quien en realidad se encarga de que esta sea implementada. Debemos tener en mente que las p\u00e1ginas en internet son una suma de capas: estructura, datos, dise\u00f1o, contenido y funcionalidad.<\/p>\n<p>Sin un desarrollador front end que se encargue de tomar la base de datos y el servidor y darles funcionalidad que el usuario logra entender y utilizar, no existir\u00edan las p\u00e1ginas web como las conocemos. Al integrar lenguajes de marcado, dise\u00f1o, scripts y frameworks, se crea un ambiente que cualquier persona puede ver y cliquear.<\/p>\n<p>Por lo general, las responsabilidades de un desarrollador front end incluyen:<\/p>\n<ul>\n<li>Priorizar la experiencia del usuario<\/li>\n<li>Producci\u00f3n y mantenimiento de sitios web e interfaces de aplicaciones.<\/li>\n<li>Crear herramientas que mejoren la interacci\u00f3n con el sitio web en cualquier buscador.<\/li>\n<li>Implementar el dise\u00f1o para sitios m\u00f3viles.<\/li>\n<li>Tomar en cuenta las mejores pr\u00e1cticas de SEO.<\/li>\n<li>Probar la usabilidad de un sitio y resolver cualquier tipo de error.<\/li>\n<\/ul>\n<p>Te puede interesar: <a href=\"https:\/\/www.certus.edu.pe\/blog\/estudiar-desarrollo-software\/\">Por qu\u00e9 estudiar desarrollo de software<\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"%C2%BFQue-debe-saber-un-front-end\"><\/span>\u00bfQu\u00e9 debe saber un front end?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/01\/que-debe-saber-desarollador-front-end.jpg\" alt=\"Qu\u00e9 debe saber un front end\" width=\"720\" height=\"340\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML-y-CSS\"><\/span>HTML y CSS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>HTML (Hyper Text Markup Language) y CSS (Cascading Style Sheets) son dos de las herramientas m\u00e1s b\u00e1sicas para codificar webs, por lo que te ofrecen un buen punto de partida. HTML se utiliza para establecer el contenido y la estructura de un documento, mientras que CSS se usa para estilizarlo.<\/p>\n<p>Sin estas, no es posible crear un dise\u00f1o web y todo lo que se obtendr\u00e1 ser\u00e1 texto simple sin formato en la pantalla. De hecho, ni siquiera es posible visualizar im\u00e1genes sin HTML. La buena noticia es que, con un poco de esfuerzo, es posible aprenderlas en unas cuantas semanas.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"JavaScript-JS\"><\/span>JavaScript (JS)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Es uno de los lenguajes de programaci\u00f3n m\u00e1s populares en el mundo. Permite a\u00f1adir mayor funcionalidad a los sitios web. En su nivel m\u00e1s b\u00e1sico, JavaScript se usa para crear y controlar aspectos como mapas que se actualizan en tiempo real, pel\u00edculas interactivas y juegos en l\u00ednea.<\/p>\n<p>Sitios como Pinterest hacen uso intensivo de JavaScript para tener una interfaz f\u00e1cil de utilizar. Por lo tanto, es posible crear muchas nuevas aplicaciones web b\u00e1sicas usando nada m\u00e1s que HTML, CSS y JavaScript.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"jQuery\"><\/span>jQuery<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Se trata de una colecci\u00f3n de plugins y extensiones que hacen que crear webs con JavaScript resulte mucho m\u00e1s simple y r\u00e1pido. En lugar de tener que codificar todo desde cero, jQuery permite a\u00f1adir elementos ya creados a un proyecto, para luego personalizarlos como sea necesario.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Experiencia-con-preprocesadores-CSS\"><\/span>Experiencia con preprocesadores CSS<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Estos son otro elemento que un desarrollador front end puede utilizar para agilizar el trabajo con CSS. Permite procesar el c\u00f3digo antes de publicarlo en la web y hace que resulte amigable con diversos buscadores. Algunos de los que tienen mayor demanda actualmente son SASS y LESS.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Experiencia-con-RESTful-web-services-y-APIs\"><\/span>Experiencia con RESTful web services y APIs<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Sin llegar a ser muy t\u00e9cnicos en este punto, REST son las siglas en ingl\u00e9s para Transferencia de Estado Representacional. En palabras simples, se trata de arquitectura ligera que simplifica las redes de comunicaciones en la web.<\/p>\n<p>En ese contexto, los servicios RESTful web y las APIs se adhieren a aquella arquitectura. Si bien todo aquello suena bastante complicado y t\u00e9cnico, en realidad son simples lineamientos y pr\u00e1cticas que te permiten comunicarte con un servicio web. Este tendr\u00e1 un desempe\u00f1o m\u00e1s confiable. Adem\u00e1s, ser\u00e1 m\u00e1s f\u00e1cil de modificar y mover.<\/p>\n<p>Ahora conoces mejor qu\u00e9 es un desarrollador front end. Aprender todos los conceptos relacionados a la carrera que te gusta te ayudar\u00e1 a comenzar de mejor forma tu camino profesional. \u00bfEst\u00e1s listo para empezar?<\/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\/carrera\/diseno-desarrollo-software\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4937\" src=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/02\/banner-2021-dise\u00f1o-desarrollo-software.jpg\" alt=\"\" width=\"720\" height=\"220\" srcset=\"https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/02\/banner-2021-dise\u00f1o-desarrollo-software.jpg 720w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/02\/banner-2021-dise\u00f1o-desarrollo-software-300x92.jpg 300w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/02\/banner-2021-dise\u00f1o-desarrollo-software-600x183.jpg 600w, https:\/\/www.certus.edu.pe\/blog\/wp-content\/uploads\/2021\/02\/banner-2021-dise\u00f1o-desarrollo-software-20x6.jpg 20w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si est\u00e1s pensando en estudiar desarrollo de software es posible que a menudo encuentres t\u00e9rminos como desarrollador front end, pero no sepas exactamente en qu\u00e9 consiste o c\u00f3mo se integra a la carrera que deseas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4634,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_lock_modified_date":false,"footnotes":""},"categories":[401],"tags":[179],"class_list":["post-4597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-desarrollo-software","tag-tecnologia"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/posts\/4597"}],"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=4597"}],"version-history":[{"count":0,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/posts\/4597\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/media\/4634"}],"wp:attachment":[{"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/media?parent=4597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/categories?post=4597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.certus.edu.pe\/blog\/wp-json\/wp\/v2\/tags?post=4597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}