Frontend

Se suele pensar que el frontend consiste, sobre todo, en «hacer que las cosas se vean bien». No es exacto. El frontend es la parte del desarrollo web encargada de construir todo lo que un usuario ve y toca directamente —textos, botones, animaciones, menús— traduciendo el diseño en algo que realmente funciona dentro de un navegador, con lógica y comportamiento incluidos, no solo estética.

Tres tecnologías, tres responsabilidades distintas

HTML aporta la estructura: qué es un título, qué es un párrafo, qué es un botón, sin preocuparse de cómo se ve nada de eso todavía. CSS aplica la presentación visual sobre esa estructura: colores, tipografías, disposición. Y JavaScript añade comportamiento: qué pasa al hacer clic, cómo se valida un formulario, cómo se actualiza parte de la pantalla sin recargar todo de nuevo.

No partir siempre de cero

Frameworks como React, Vue o Angular ofrecen piezas ya construidas y patrones probados para tareas habituales, permitiendo a un equipo centrarse en lo específico de cada proyecto en lugar de reinventar constantemente soluciones ya resueltas por miles de desarrolladores antes.

Frontend y backend, en conversación constante

Cuando alguien envía un formulario de contacto (frontend), esos datos viajan hasta el servidor para procesarse, guardarse y quizás disparar un email de confirmación (backend), y la respuesta de esa operación vuelve al frontend para mostrarse con claridad al usuario. Ninguna de las dos partes funciona de forma aislada del todo.

Lo que el usuario nunca ve pero sí nota: la velocidad

Un frontend con exceso de código innecesario o mal optimizado ralentiza la carga de una web, afectando directamente a los Core Web Vitals y, con ello, al posicionamiento SEO. Un frontend bien construido no solo se siente mejor: carga más rápido y resulta más accesible en distintos dispositivos, algo que Google valora de forma explícita.

Términos relacionados.

Wireflow

Un wireframe muestra cómo se ve una pantalla concreta. Un flujo muestra cómo se conectan varias pantallas entre sí. El wireflow combina ambas cosas en un único documento: wireframes de

Leer más

Tagline

«Just Do It» no promociona ningún producto concreto de Nike, ni contiene ninguna cifra verificable: es el tagline permanente de la marca, la frase que la representa a ella en

Leer más

Google Discover

Sin haber buscado absolutamente nada, muchas personas reciben en su móvil una lista de artículos sobre temas que ya sabían que les interesaban. Eso es Google Discover: un feed de

Leer más
0%