{"id":127,"date":"2017-08-22T16:57:37","date_gmt":"2017-08-22T21:57:37","guid":{"rendered":"http:\/\/www.araceliroma.com.mx\/blog\/?p=127"},"modified":"2017-08-22T16:57:37","modified_gmt":"2017-08-22T21:57:37","slug":"que-es-front-end-y-back-end","status":"publish","type":"post","link":"http:\/\/www.araceliroman.com.mx\/blog\/que-es-front-end-y-back-end\/","title":{"rendered":"\u00bfQu\u00e9 es Front-End y Back-End?"},"content":{"rendered":"
Cuando comenzamos a instruirnos sobre el desarrollo de sitios web comenzamos a escuchar conceptos que no conocemos pero que es fundamental aprender. Algunos de estos t\u00e9rminos son el Front-End<\/i><\/b> y Back-End<\/i><\/b>.<\/h6>\n

\"front-end-back-end\"<\/p>\n

\u00bfQu\u00e9 es Front-End<\/i><\/b>?<\/h2>\n

El Front-End<\/i><\/b> es una parte del desarrollo web que se centra en la parte frontal del sitio web, dicho en otras palabras es el \u201cdise\u00f1o\u201d de la interfaz del sitio web, lo que ver\u00e1 el usuario, desde la estructura del sitio, los estilos como tipograf\u00eda empleada, tama\u00f1os, colores, fondos y hasta animaciones, videos y efectos.<\/p>\n

La persona encargada del Front-End<\/i><\/b> es un dise\u00f1ador web que se encarga de la estilizaci\u00f3n de la p\u00e1gina para los usuarios, esta persona, debe de conocer t\u00e9cnicas de UX (User Experience<\/i>) para dar una experiencia de usuario c\u00f3moda a la persona que visita la p\u00e1gina, as\u00ed mismo debe saber de Interacci\u00f3n para que sepa colocar las cosas de tal manera que el usuario pueda navegar de manera c\u00f3moda e intuitiva y pueda ubicar de manera r\u00e1pida todo lo que necesita, es decir, la p\u00e1gina no solo debe ser atractiva visualmente, si no funcional.<\/p>\n

\"lenguajesEl Front-End<\/i><\/b> est\u00e1 del lado visual y creativo, pero esto no significa que no tenga contacto con el c\u00f3digo del sitio web. El Front-End<\/i><\/b> trabaja principalmente con 3 lenguajes; HTML, CSS y JavaScript<\/b>, el primero para dar la estructura de la web, el CSS para crear el estilo del sitio y el JavaScript para completar los anteriores y dar dinamismo al sitio.<\/p>\n

\u00bfQu\u00e9 es Back-End<\/i><\/b>?<\/h2>\n

\"lenguajesDel lado contrario encontramos al Back-End<\/i><\/b>, el \u00e1rea que se encarga de la parte l\u00f3gica del sitio, hace que todo funcione como debe ser, la persona encargada del Back-End<\/i><\/b> se encuentra del lado del servidor, es decir, esta persona trabaja con lenguajes de programaci\u00f3n como PHP, Phyton, Ruby, \u00a0Net, Java, entre otros (no son todos los que existen y no es obligatorio utilizarlos o conocerlos todos).<\/p>\n

El Back-End<\/i><\/b> hace cosas que el usuario no ve a simple vista pero que son necesarias para que el sitio funcione de manera correcta, programa las funciones que tendr\u00e1 el sitio, maneja las bases de datos, la optimizaci\u00f3n de recursos, vigila la seguridad del sitio, entre otras funciones.<\/p>\n

Conclusiones<\/b><\/h3>\n

Tanto el Front-End<\/strong> <\/em>como el Back-End<\/strong><\/em> son indispensables y complementarios en el desarrollo web, uno como otro tienen tareas espec\u00edficas, sin embargo, uno no puede existir sin conocer c\u00f3mo funciona el otro.<\/p>\n

Normalmente cada persona puede especializarse en una de las dos \u00e1reas en particular, en el Front-End<\/i><\/b> se necesitan personas creativas y en el Back-End<\/i><\/b> se necesitan personas l\u00f3gicas.<\/p>\n

En resumen podr\u00edamos decir que un Front-End<\/i><\/b> es el encargado de la parte est\u00e9tica del sitio, el que ve que los datos se visualicen de manera c\u00f3moda para el usuario y que la interacci\u00f3n que realice sea llamativa, el Back-End<\/i><\/b> es el que hace que el sitio sea seguro y funcione como debe ser.<\/p>\n","protected":false},"excerpt":{"rendered":"

Cuando comenzamos a instruirnos sobre el desarrollo de sitios web comenzamos a escuchar conceptos que no conocemos pero que es fundamental aprender. Algunos de estos t\u00e9rminos son el Front-End y …<\/p>\n","protected":false},"author":1,"featured_media":129,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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","enabled":false},"version":2}},"categories":[17],"tags":[19,20,21,18,23,22],"class_list":["post-127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-back-end","tag-desarrollo-web","tag-diseno-web","tag-front-end","tag-user-experience","tag-ux"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"http:\/\/www.araceliroman.com.mx\/blog\/wp-content\/uploads\/2017\/08\/destacada-front-end-back-end.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6rWqy-23","jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/posts\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":2,"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/posts\/127\/revisions"}],"predecessor-version":[{"id":133,"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/posts\/127\/revisions\/133"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/media\/129"}],"wp:attachment":[{"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.araceliroman.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}