{"id":678,"date":"2022-06-03T10:00:00","date_gmt":"2022-06-03T15:00:00","guid":{"rendered":"https:\/\/blogs.uninter.edu.mx\/DTIP\/?p=678"},"modified":"2022-06-07T08:41:20","modified_gmt":"2022-06-07T13:41:20","slug":"frontend-developer","status":"publish","type":"post","link":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/","title":{"rendered":"Frontend developer"},"content":{"rendered":"\n<p>El frontend developer o desarrollador frontend se ha convertido en un perfil clave dentro del sector IT. Donde su principal funci\u00f3n es la de traducir el dise\u00f1o visual de una web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es el frontend?<\/h2>\n\n\n\n<p>El frontend es esa parte de la p\u00e1gina con la que interaccionan los usuarios de la misma, es todo el c\u00f3digo que se ejecuta en el navegador de un usuario, al que se le denomina una aplicaci\u00f3n cliente.<\/p>\n\n\n\n<p> Es decir, es todo lo que ven las personas, esto incluye el dise\u00f1o (bien sea&nbsp;UI o UX) y ciertos lenguajes.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/04\/pexels-picjumbocom-196644-1.jpg\" alt=\"Boceto del frontend web en papel\" class=\"wp-image-682\" width=\"480\" height=\"320\"\/><\/figure><\/div>\n\n\n\n<p>Estas son las tres principales tecnolog\u00edas que son la base del desarrollo web que debes dominar:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HTML (para estructurar y organizar el contenido).<\/li><li>CSS que se encarga de dar estructura y estilo al sitio.<\/li><li>Javascript para complementar los anteriores y darle dinamismo a los sitios web.<\/li><\/ul>\n\n\n\n<p>HTML y CSS son lenguajes de marcado y estilo. Javascript es un lenguaje de programaci\u00f3n.<\/p>\n\n\n\n<p>Tambi\u00e9n puedes familiarizarte con&nbsp;otros frameworks para generar cualquier tipo de interfaz de usuario&nbsp;como React, Redux, Angular, Bootstrap, Foundation, LESS, Sass, Stylus y PostCSS, entre otros.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 hace un frontend developer?<\/h2>\n\n\n\n<p>Un desarrollador frontend&nbsp;<strong>trabaja la interfaz de usuario desde el punto de vista del c\u00f3digo, para que la interacci\u00f3n con el sistema sea posible<\/strong>. Por lo tanto, se encarga de la parte visual de la web.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/04\/pexels-tranmautritam-326501.jpg\" alt=\"Herramientas para el dise\u00f1o frontend\" class=\"wp-image-686\" width=\"480\" height=\"320\"\/><\/figure><\/div>\n\n\n\n<p>Sin embargo, aunque lo parezca, el&nbsp;<strong>frontend no es un dise\u00f1ador<\/strong>, sino que<strong>&nbsp;recoge los documentos y directrices del equipo de dise\u00f1o para trasladarlas a c\u00f3digo<\/strong>&nbsp;y, hace su magia convirtiendo esas ideas en realidad. Por lo tanto, que el desarrollador conozcan los basics del buen dise\u00f1o gr\u00e1fico e interactivo es un plus para se desempe\u00f1o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Demanda en el mercado<\/h2>\n\n\n\n<p>Actualmente, se coloca en lo alto del ranking de una de las&nbsp;profesiones m\u00e1s cotizadas. Pero, es necesario saber c\u00f3mo formarse para llegar a ser un desarrollador frontend a la altura.<\/p>\n\n\n\n<p>Y \u00bfc\u00f3mo se lograr eso? <strong>Actualizarse y estar al d\u00eda<\/strong>, porque las herramientas est\u00e1n en constante cambio y evoluci\u00f3n.<\/p>\n\n\n\n<p>\u00a1Espero te sirvas mucho esta peque\u00f1a gu\u00eda y puedas aplicarla cuando la necesites!<\/p>\n\n\n\n<p><strong>Fuentes: <\/strong><a href=\"https:\/\/www.edix.com\/es\/instituto\/front-end-developer\/\" target=\"_blank\" rel=\"noreferrer noopener\">edix<\/a><\/p>\n\n\n\n<p id=\"block-d8cca5c3-b72c-419f-8bfe-16488120bbab\">Los invitamos a conocer m\u00e1s posts en:<\/p>\n\n\n\n<div id=\"block-c86a2a46-7f37-43be-8ee1-c68bc3584563\" class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/blogs.uninter.edu.mx\/dtip\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/04\/LogoDTIP.png\" alt=\"Imagen del logo DTIP\" width=\"165\" height=\"165\"\/><\/a><figcaption>Blog DTIP<\/figcaption><\/figure><\/div>\n\n\n\n<p id=\"block-5180b39f-85fe-481f-abae-4a60e706d2f9\">Tambien los invitamos a conocer m\u00e1s de UNINTER:<\/p>\n\n\n\n<div id=\"block-f85f2e66-df1a-45b5-af10-f2777f601018\" class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/uninter.edu.mx\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/04\/logouninter.png\" alt=\"Imagen del logo Uninter\" width=\"165\" height=\"165\"\/><\/a><figcaption>Uninter<\/figcaption><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>El frontend developer o desarrollador frontend se ha convertido en un perfil clave dentro del sector IT. Donde su principal funci\u00f3n es la de traducir el dise\u00f1o visual de una web. \u00bfQu\u00e9 es el frontend? El frontend es esa parte de la p\u00e1gina con la que interaccionan los usuarios de la misma, es todo el&hellip;<\/p>\n","protected":false},"author":2,"featured_media":890,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2],"tags":[82,93,95,76],"class_list":["post-678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-de-software","tag-branding","tag-desarrollo-web","tag-frontend","tag-programacion"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Frontend developer - DTIP<\/title>\r\n<meta name=\"description\" content=\"El frontend es esa parte de la p\u00e1gina con la que interaccionan los usuarios de la misma, es todo el c\u00f3digo que se ejecuta...\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/\" \/>\r\n<meta property=\"og:locale\" content=\"es_MX\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Frontend developer - DTIP\" \/>\r\n<meta property=\"og:description\" content=\"El frontend es esa parte de la p\u00e1gina con la que interaccionan los usuarios de la misma, es todo el c\u00f3digo que se ejecuta...\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/\" \/>\r\n<meta property=\"og:site_name\" content=\"DTIP\" \/>\r\n<meta property=\"article:published_time\" content=\"2022-06-03T15:00:00+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2022-06-07T13:41:20+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloperFace.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\r\n\t<meta property=\"og:image:height\" content=\"620\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"Alejandro Navarro\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alejandro Navarro\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/\",\"url\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/\",\"name\":\"Frontend developer - DTIP\",\"isPartOf\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloper.jpg\",\"datePublished\":\"2022-06-03T15:00:00+00:00\",\"dateModified\":\"2022-06-07T13:41:20+00:00\",\"author\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/4fb1c915f41fffa4fde5651cfab88e3a\"},\"description\":\"El frontend es esa parte de la p\u00e1gina con la que interaccionan los usuarios de la misma, es todo el c\u00f3digo que se ejecuta...\",\"breadcrumb\":{\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#primaryimage\",\"url\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloper.jpg\",\"contentUrl\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloper.jpg\",\"width\":460,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend developer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#website\",\"url\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/\",\"name\":\"DTIP\",\"description\":\"Direcci\u00f3n de Tecnolog\u00edas y Publicidad\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/4fb1c915f41fffa4fde5651cfab88e3a\",\"name\":\"Alejandro Navarro\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bf2c65c0900ca2ec69daf572d5da8dc41dece9a6a90e483f9b8464cb37c15c6c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bf2c65c0900ca2ec69daf572d5da8dc41dece9a6a90e483f9b8464cb37c15c6c?s=96&d=mm&r=g\",\"caption\":\"Alejandro Navarro\"},\"url\":\"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/author\/anavarro\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend developer - DTIP","description":"El frontend es esa parte de la p\u00e1gina con la que interaccionan los usuarios de la misma, es todo el c\u00f3digo que se ejecuta...","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:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/","og_locale":"es_MX","og_type":"article","og_title":"Frontend developer - DTIP","og_description":"El frontend es esa parte de la p\u00e1gina con la que interaccionan los usuarios de la misma, es todo el c\u00f3digo que se ejecuta...","og_url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/","og_site_name":"DTIP","article_published_time":"2022-06-03T15:00:00+00:00","article_modified_time":"2022-06-07T13:41:20+00:00","og_image":[{"width":1201,"height":620,"url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloperFace.jpg","type":"image\/jpeg"}],"author":"Alejandro Navarro","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alejandro Navarro","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/","url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/","name":"Frontend developer - DTIP","isPartOf":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#primaryimage"},"image":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloper.jpg","datePublished":"2022-06-03T15:00:00+00:00","dateModified":"2022-06-07T13:41:20+00:00","author":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/4fb1c915f41fffa4fde5651cfab88e3a"},"description":"El frontend es esa parte de la p\u00e1gina con la que interaccionan los usuarios de la misma, es todo el c\u00f3digo que se ejecuta...","breadcrumb":{"@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#primaryimage","url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloper.jpg","contentUrl":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloper.jpg","width":460,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/2022\/06\/03\/frontend-developer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/blogs.uninter.edu.mx\/DTIP\/"},{"@type":"ListItem","position":2,"name":"Frontend developer"}]},{"@type":"WebSite","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#website","url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/","name":"DTIP","description":"Direcci\u00f3n de Tecnolog\u00edas y Publicidad","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.uninter.edu.mx\/DTIP\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/4fb1c915f41fffa4fde5651cfab88e3a","name":"Alejandro Navarro","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blogs.uninter.edu.mx\/DTIP\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bf2c65c0900ca2ec69daf572d5da8dc41dece9a6a90e483f9b8464cb37c15c6c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bf2c65c0900ca2ec69daf572d5da8dc41dece9a6a90e483f9b8464cb37c15c6c?s=96&d=mm&r=g","caption":"Alejandro Navarro"},"url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/author\/anavarro\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/blogs.uninter.edu.mx\/DTIP\/wp-content\/uploads\/2022\/05\/FrontendDeveloper.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/posts\/678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/comments?post=678"}],"version-history":[{"count":14,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/posts\/678\/revisions"}],"predecessor-version":[{"id":941,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/posts\/678\/revisions\/941"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/media\/890"}],"wp:attachment":[{"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/media?parent=678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/categories?post=678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.uninter.edu.mx\/DTIP\/index.php\/wp-json\/wp\/v2\/tags?post=678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}