¿Qué son las Progressive Web Apps?

Las PWA son aplicaciones web que simulan la experiencia de una aplicación nativa. En este artículo te enseño todas las características y limitaciones una PWA.

Diseño web
Lectura de 8 minutos
5 dic. 2019
¿Qué son las Progressive Web Apps?

El público en general, conoce y hace uso de las páginas web y las aplicaciones móviles. Pero existe un término intermedio denominado Progressive Web Apps (PWA ) o Aplicaciones Web Progresivas.

Las Progressive Web Apps principalmente son aplicaciones web, cuyo objetivo es simular la experiencia de una aplicación nativa aprovechando varias características de los dispositivos móviles, pero en realidad son aplicaciones web, se crean empleando los lenguajes HTML, CSS y JavaScript, es decir, los lenguajes principalmente del desarrollo web.

Características de una PWA

  • Instalable en dispositivos móviles y escritorio
  • Posibilidad de trabajar en segundo plano (mientras usamos otra aplicación)
  • Notificaciones push en el dispositivo móvil
  • Posibilidad de ser usado con o sin conexión
  • Acceso a la cámara, al GPS, al Bluethoot y al sistema de archivos del dispositivo

Sin embargo, una de las grandes diferencias que tiene una PWA respecto a una aplicación móvil, es la manera en cómo los usuarios la obtienen:

  • Una aplicación móvil se instala desde la tienda (PlayStore o AppStore),
  • Las Progressive Web Apps, por ahora, son instaladas solo desde un navegador web, y por lo tanto, no se encuentran en un repositorio de aplicaciones sino en su propio sitio web, por ejemplo, nuestra propia Progressive Web App de EDteam.

¿Qué necesitamos saber para desarrollar una aplicación web progresiva?

Debes tener conocimientos en el desarrollo web, es decir en HTML, CSS y JavaScript. Y al ser una aplicación web que funcionaría tanto en dispositivos móviles como en el navegador, es fundamental que tenga un diseño responsive, ya que debes garantizar la experiencia móvil al usuario final. También debemos especificar ciertos parámetros en un archivo JSON, el cual sirve para configurar titulo, colores, íconos, página de inicio, entre otras variables de nuestra aplicación.

¿Puede un desarrollador web competir contra un desarrollador de aplicaciones móviles?

¡Sí podemos! Lo primero que debemos tener en cuenta son los alcances del proyecto y las limitaciones propias de las PWA. Si los requisitos del proyecto cumplen con los límites, fácilmente puedes dar tu propuesta al cliente y ofrecerle una PWA en vez de una aplicación móvil nativa. ¿Tú que piensas? Dejame tu opinión en los comentarios.

Recuerda que EDteam tiene su propia PWA y puedes disfrutarla desde tu teléfono o pc ¿Ya la instalaste?

Avatar

Jose Alvarado

@josealvaradoVer perfil

Venezolano. Estudiante de Ingeniería Civil. Frontend Developer en @EDteamlat

Comentarios de los usuarios

LH
Luis Hurtado

@luishurtado25c

Muy buena información solo quería preguntar si ya tenemos algún mini curso sobre PWA en ED Team.

JW
Jesús W Sanchez

@jesuswsanchez

Excelente articulo. Nota: no es Bluethoot es Bluetooth

Avatar

Gran artículo, actualmente estoy intentando realizar una PWA desde Webpack. ¿Haz trabajado con Workbox?

LC
luis angel castro ipanaque

@luisangelcastroipanaque

Interesante artículo, la explicación que buscaba

Pero hay algún curso o cuando saldrá ? De como hacer una pwa

Ver más comentarios

Recuerda iniciar sesión para comentar este articulo

Cursos recomendados

Sass Desde Cero

Sass Desde Cero

Avatar

Alvaro Felipe

5

4.9

Flexbox y Grid

Flexbox y Grid

Avatar

Alvaro Felipe

5

4.8