¿Qué es una web app?

Contenido del Bootcamp Dirigido por: | Última modificación: 8 de abril de 2024 | Tiempo de Lectura: 3 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿Twitter es una página web o una web app? ¿Sabes qué es una web app? Gracias a este post, vas a poder definir qué es una web app y cómo se diferencia de un sitio web normal. Es habitual confundir estos términos, ya que la línea que los diferencia es muy fina. Tal vez pienses que vas a empezar a desarrollar un sitio web, cuando probablemente lo que estás desarrollando es una web app. Para acabar con esta confusión, sigue leyendo y aprende qué es una web app.

Qué es una web app y cómo diferenciarla

Mientras navegamos por internet y abrimos pestañas, como la de nuestra cuenta en YouTube o Twitter, es común definirlas como páginas web. Entonces, ¿qué tipo de sitios son Twitter o YouTube? Ambas son consideradas apps web, lo que puede ser bastante obvio si tenemos en cuenta las aplicaciones nativas para teléfono móvil.

Una web app es un tipo de página web que tiene un montón de configuraciones de JavaScript y una porción mucho más reducida de HTML y CSS, a diferencia de una página web, que sí almacena una gran parte de elementos del lenguaje de marcado y de estilos.

De esta manera, una app web, como YouTube o Twitter, se carga una sola vez y, después de la primera carga, solo se genera lo que solicite el lenguaje de programación de JavaScript. Este, a su vez, solo actualiza porciones de la pantalla y del código que lo acompaña.

Un tipo de web app son las las SPA (Single Page Aplication), que simulan la navegación de una web normal, pero en realidad siempre están en la misma página.

Ejemplos de app web

En Gmail, por ejemplo, solo se cambian o actualizan los elementos de la zona de los mensajes y no la página por completo. Es decir, tendremos el banner, pie de página o columnas laterales, entre otros, pero nos va a modificar todos los correos que recibimos o enviamos. A su vez, esto también lo podemos ver con Twitter, que es una web app, dado que va a almacenar un banner y columnas laterales iguales, pero va a ir transformando el timeline (el lugar donde podemos ver tweets y donde realizamos el scroll). Es por eso que solo se recarga lo del medio.

Al entrar a Twitter, nos sale el loader que determina la carga; la web se carga lo justo y necesario para funcionar. Ese es el momento en el que entra JS, plataforma que hace una petición al servidor y que pide los tweets. De esta manera, se devuelven ya pintados en las web app.

Otra forma de darnos cuenta de que un sitio es una aplicación web es al hacer clic en un enlace: es una web app si inmediatamente no se recarga la página web por completo, sino solo una porción, como sucede con las aplicaciones web de Gmail, Twitter o Youtube.

Sigue aprendiendo con KeepCoding

Gracias a este post has podido definir qué es una web app y de qué manera se diferencia de otro tipo de sitios web, como una página estática corriente. ¿Quieres aprender a desarrollar cualquiera de estos dos elementos? Sigue explorando sobre estos temas en nuestra formación intensiva en Desarrollo Web Full Stack Bootcamp y conviértete muy pronto en un profesional gracias a nuestra metodología teórica y práctica. ¡Solicita más información y súmate pronto!

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado