{"id":1819,"date":"2023-06-21T10:55:35","date_gmt":"2023-06-21T10:55:35","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?page_id=1819"},"modified":"2024-04-03T14:48:14","modified_gmt":"2024-04-03T14:48:14","slug":"front-end","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/front-end\/","title":{"rendered":"Front-end"},"content":{"rendered":"

\"Front-end\"<\/h1>\n

Es un anglicismo que al espa\u00f1ol se traduce como \u201cinterfaz\u201d, front-end tiene origen en las palabras en ingl\u00e9s que lo componen \u201cfront\u201d (frente) y \u201cend\u201d (final). Define la presentaci\u00f3n de una aplicaci\u00f3n o web que est\u00e1 disponible para el usuario<\/strong>, en contraposici\u00f3n del back-end que se refiere al servidor o administrador que est\u00e1 disponible solo para los desarrolladores.<\/p>\n

\u00bfQu\u00e9 es front end?<\/h2>\n

Es un t\u00e9rmino que se utiliza para definir la interfaz gr\u00e1fica de un sitio online, es todo lo que el usuario puede ver. Colores, tipograf\u00edas, tama\u00f1os, distribuci\u00f3n de elementos, contenidos. Por lo tanto suele ser utilizado con frecuencia en el dise\u00f1o web<\/a>. Tambi\u00e9n es importante definirlo como una parte del software<\/strong> que es capaz de interactuar con los usuarios.<\/p>\n

Puede considerarse como la cara de la p\u00e1gina web, es la que atrapa al usuario y le proporciona una buena experiencia de navegaci\u00f3n. Los principales lenguajes de programaci\u00f3n que utiliza son HTML, CSS y JavaScript.<\/p>\n

\u00bfPara qu\u00e9 sirve el front end?<\/h2>\n

En inform\u00e1tica, es importante hacer una separaci\u00f3n de sistemas de un software, en este caso, el front-end hace referencia a la parte que est\u00e1 disponible para los usuarios<\/strong>, en contraposici\u00f3n con el back-end que es la parte que est\u00e1 disponible s\u00f3lo para los desarrolladores. El objetivo principal del primero es recolectar los datos de entrada de los usuarios, de esta forma, se transforman y se ajustan seg\u00fan las especificaciones en el back-end.<\/p>\n

Igualmente, se genera una respuesta autom\u00e1tica que se expone ante el usuario, de una forma f\u00e1cil de procesar. En este sentido, el desarrollador de la app o del sitio web<\/a> debe hacer que la visualizaci\u00f3n y la navegaci\u00f3n sean intuitivos para garantizar una buena experiencia al usuario<\/strong>.<\/p>\n

\u00bfPor qu\u00e9 es importante el frontend?<\/h2>\n

Aparte de ser la cara de un sitio web, es el que permite el desarrollo de toda la interfaz con la que interact\u00faa el usuario. Da estructura al sitio y controla todos los aspectos visuales de este. El HTML a\u00f1ade la estructura al contenido, utilizando etiquetas para ordenar la informaci\u00f3n. A su vez, CSS le otorga el formato a este contenido y JavaScript b\u00e1sicamente, se encarga de hacer que los anteriores funcionen para exista interacci\u00f3n entre el usuario y la red<\/strong>.<\/p>\n

Tambi\u00e9n es importante porque garantiza una buena conexi\u00f3n con el servidor de forma que se evitan los problemas de conexi\u00f3n o de interpretaci\u00f3n de datos, optimizando la funcionabilidad del proyecto final.<\/p>\n

M\u00e1s informaci\u00f3n sobre front-end<\/h2>\n

As\u00ed como es indispensable realizar una buena separaci\u00f3n de funciones en el software, tambi\u00e9n es importante conocer cu\u00e1l es la mejor forma de desarrollarlos. De esta forma, la interfaz cuenta con un profesional espec\u00edfico llamado desarrollador de front-end, en el segundo enlace podr\u00e1s visualizar cu\u00e1les son sus funciones<\/strong>, en el primer enlace puedes echarle un vistazo a lo que es la parte del servidor.<\/p>\n