¿Qué es el frontend y en qué se diferencia del backend?
Frontend · Tecnología web
El frontend es la parte de una página web que ves y tocas en tu pantalla: textos, botones, imágenes y menús. El backend es la parte que trabaja por detrás guardando datos y aplicando las reglas del negocio.
Qué es Frontend, paso a paso
El frontend es la parte de una página o de una aplicación que el visitante ve y usa: los textos, las imágenes, los botones, los formularios y los menús. Se llama así porque está "al frente", del lado de la persona. Se construye con tres lenguajes que entiende cualquier navegador: HTML para la estructura, CSS para el aspecto y JavaScript para que las cosas reaccionen cuando tocas o escribes.
Un buen frontend no se limita a verse bonito. Tiene que cargar rápido, adaptarse a cualquier tamaño de pantalla y poder usarse con teclado o con lector de pantalla. Cuando tocas "Comprar", el frontend recoge lo que hiciste y se lo pide al backend, que es quien guarda el pedido. Después vuelve a mostrarte el resultado. Es el mostrador de la tienda; el backend es la bodega.
Es lo único que tu cliente conoce de tu negocio en internet. Si el frontend es lento, confuso o se ve roto en el celular, el cliente asume que el negocio también lo es y se va, sin importar lo bueno que sea lo de atrás.
Lo mismo, en pequeño y en grande
La carta de un restaurante
La página muestra el menú con fotos, un botón para pedir y un formulario con la dirección. Todo eso es frontend: lo que el cliente mira y toca desde su celular.
Una cadena de ropa con tienda en línea
El catálogo, los filtros por talla, el carrito y el formulario de pago son frontend. Tienen que responder rápido en un celular sencillo y verse igual de bien en un computador.
Pon a prueba lo que leíste
Elige A, B o C. Si fallas, lees el porqué y pruebas otra vez.
Un cliente toca el botón "Agregar al carrito" y ve cómo el contador sube a 1. ¿Qué parte mostró ese cambio?
Aprende jugando
La torre que no se cae
La torre que no se cae
Otros temas que te pueden interesar