Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

Como Crear Códigos QR con jQuery

Demo Github

Antes de hacer en este Post estuve leyendo sobre cual es el estado de jQuery en 2023 y hay opiniones que dicen que jQuery es usado porque hay página que están creadas con esta librería y también que jQuery cuenta con diferentes plugins que permiten desarrollar funcionalidades rápidamente. Pero también hay desarrolladores que dicen que React puede hacer todo lo que jQuery hace y hoy por hoy no es necesario. Entonces creo que mientras la librería jQuery siga siendo útil podemos aprovecharla para crear funcionalidades que terminan siendo útiles. En este Post te enseñaré a Como Crear Códigos QR con jQuery, vamos con ello. 

Los Códigos QR con jQuery permiten compartir contenido rápido

Antes de continuar te invito a leer los siguiente artículos:

Asimismo te invito a escuchar el Podcast: “Las Buenas Prácticas Un Hábito Importante en la Programacióny “5 Habilidades que Debe Tener un Desarrollador Backend (Anchor Podcast)”: 

Spotify: Sound Cloud: Apple Podcasts Anchor Podcasts

Bien ahora continuemos con el Post: Como Crear Códigos QR con jQuery. 

Como Crear Códigos QR con jQuery

Para mostrar el código QR, creo un archivo llamado index.html y en el creo un contenedor en donde se mostrará el código QR, asimismo antes de la etiqueta de cierre </body> instanciamos a la librería jQuery, debajo de ella el plugin jquery.qrcode.js. Por último debajo llamamos a nuestro archivo app.js en donde escribiremos nuestro código jQuery más adelante:

Ahora creo un archivo llamado app.js y dentro de el agrego lo siguiente (he colocado comentarios para explicar que hace cada línea del código):


Entonces si abrimos nuestro archivo index.html en el navegador, podemos ver el código QR sin problemas.

Como puedes ver crear un código QR con jQuery es muy fácil.

Al inicio de este tutorial he colocado una Demo para que veas el proyecto en acción, asimismo he colocado un enlace a un repositorio de GitHub en donde puedes encontrar todo el código del proyecto.

Conclusión

En este tutorial has aprendido a como crear un código QR con la librería jQuery y te servirá como base para crear códigos QR en tus proyectos. Existen otros plugins para jQuery te pueden ayudar a crear códigos QR más complejos.

Nota(s)

 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos. 

Salir de la versión móvil