Como Generar Códigos QR con Javascript
HTML-код
- Опубликовано: 10 окт 2024
- En este tutorial vamos a ver como generar códigos QR de una forma muy fácil utilizando javascript.
Mis cursos de desarrollo web:
⭐ Curso Completo de Diseño Web Profesional:
www.desarrollo...
⭐ Curso Completo de React y Firebase:
www.desarrollo...
⭐Curso Completo de Javascript
www.desarrollo...
⭐ Curso Completo de PHP y MYSQL:
www.desarrollo...
⭐ Curso de Bootstrap 5:
www.desarrollo...
⭐ Curso Completo de creación de tiendas online:
www.desarrollo...
---
📄 Código del Proyecto: github.com/fal...
QRCode: github.com/dav...
CDNJS: cdnjs.com/libr...
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters
![KSI - Thick Of It (feat. Trippie Redd) [Official Lyric Video]](http://i.ytimg.com/vi/tXEPbotEjZE/mqdefault.jpg)
Si te gusto el video dale manita arriba! 👍
Un pregunta, cual es el valor de una pagina web de peliculas y series para blogger?
Gracias por utilizar y explicar el atributo defer. 🙌
Como profe JS lo pregono desde hace años entre mis estudiantes, pero no conozco a ningún otro profe que lo mencione. Todos siguen refiriendo los archivos JS al final del HTML.
El atributo defer es importante para poder acomodar los archivos relacionados al HTML en el encabezado HTML, ya que para eso existe dicho encabezado. Además de darle orden al contenido HTML, aporta al SEO mejorando el puntaje del sitio dentro de la indexación del motor de búsqueda de Google y de Bing.
Además, este atributo se creó hace 12 años ya.
Aprendí más en este video que en mis clases de la universidad
Y que en muchos "cursos" carisimos, tambien.
Gracias, justo necesitaba un generador de codico QR para el instagra de mi compañera y que mejor que este video para hacer practicas en programacion tambien. 🙌
Acabo de ver este vídeo y me encantó, si alguno tiene el error de longitud al manejarlo con concatenaciones, variables,etc
Lo resolví así, cabe destacar que estoy guardando los datos que necesito en un objeto pero es conforme a las necesidades
let dataString = [];
//Le doy el formato que necesito a cada elemento del arreglo recorriendo el objeto
for (const key in data) {
dataString.push(`${key} : ${data[key]}`);
}
//Con el operador spread separo el arreglo y lo vuelvo a unir con el operador join y con eso te aceptará cualquier texto
let texto = [...dataString].join("
");
//Función del video
qrCode(texto);
Saludos, espero sea de utilidad para alguíen
Excelente, sigo tus aportes gracias.
El video me vino como anillo al dedo, en el mejor momento, QUE GRANDE
Me alegra mucho!
Por supuesto, una manita arriba! Gracias.
Sos un genio. Me gustan mucho tus videos
Excelente video, una pregunta que tema y que fuente utilizas en Visual Code están geniales, saludos.
Hola John, siempre se me olvidan los nombres, pero las enseño en este video: ruclips.net/video/Og8JpOhp8TQ/видео.html
@@FalconMasters muchas gracias, gracias por el aporte a la comunidad
Se te extrañaba Arturo!
Un gran saludo gracias por todo el contenido que subes
Muchas gracias!
@@FalconMasters Muchas gracias estimado, 10 tutoriales, ninguno sirvió.
Llego al tuyo y sas funciona todo
Excelente vídeo fácil de entender, una pregunta como puedo descargar el QR mediante un btn en diferentes formatos ?
Esto da miedo, llevo una semana buscando un buen video de como hacer QR con JS. Wao!!! GRACIAS!!!
Jajajjaja
Te leo la mente, pero no te quería decir.
Gracias por el contenido de calidad :)
Un gran tutorial y la manera de explicar es interesante.
Se podria compartir ese QR generado mediante un boton de compartir .
Falcon que crack eres
Tus cursos son buenísimos, Muchísimas gracias @FalconMasters
Muchas gracias!
Excelente el video! Saludos Carlos, muchas gracias por el contenido!!!
Muy buen vídeo. Muchas Gracias.
Solo una duda. ¿cómo puedo achicar la imagen del QR?
buen video bro, es facil entender tus videos
Gracias!
Excelente vídeo..como siempre!! Felicitaciones y Gracias!
Que grande loco, AMO tus videos
los QRs que genera son permanentes o tiene un tiempo de caducidad ?
Me encantó el video, y si quiero generar una parte de un formulario (osea una factura o cosas asi) y poder generar un Código QR de esa "factura" que eataba en el formulario? ¿Se puede?
Hola amigo. Quería consultarle si hay forma de crear un qr para visualizar un archivo
Buen video, no hay alguna forma de guardar mas inputs en un solo qr? y si se pueden guardar cada qr generado en una carpeta?
Buenas noches mazter falcon quisiera preguntarte es que se genera un espacio gris automáticamente enzima del button generar QR quisiera saber si puedo eliminar este aspecto agradezco tu tiempo y tu curso o si algun compañero del curso ya soluciono esto le agradezco si me regala esta información feliz noche para todos
Excelente! Una duda para hacerlo con base de datos y enviar fatos mediante ese código qr se puede?
muchas gracias excelente video :)
Excelente video
excelente video, muy bien explicado
Buenas Carlos! como estas?
Te consulto porque no encontre entre tus tutoriales.. tendras algun video donde haces un div flotante, que se quede en la parte superior derecha de la pantalla y si haces scroll continue visible.. nose si me explico
Si tengo uno.
ruclips.net/video/1KEbGYsF2bY/видео.html
@@FalconMasters Genio!! gracias!!!
Hey bro que gran vídeo, aprendí bastante de aquí, estoy creando mi web para vender en Internet y me ayudaste mucho con esos detalles y funciones que le quiero agregar. Tengo varios videos tuyos agendados en una lista de reproducción propia xd. Una pregunta fuera del tema de este vídeo, ¿cómo se llama la fuente que utilizas en VS Code o al menos la que tenías para este vídeo?.
una pregunta los codigos QR tienen algun plazo de validez?
Un excelente video
Gracias!
Buenisimo aporte, lo que si me gustaria saber es como generar un botón de descarga del QR..
Buenas compañero, me sirvió tu tutorial sin embargo tengo una duda, hay manera de disminuir la cantidad de cuadrados?
facil, menos digitos, si tienes menos digitos, habran menos cuadros
Muy buen video compa, como hago que cuando se llene un formulario con varios input, el codigo QR cambie y funcione bien??
buenas noches quisiera preguntar por que dentro del boton me sale un pequeño recuadro gris encerrando el texto
y pues daña la estetica del boton ya mire el codigo pero no tengo ninguna diferencia con tu codigo me podrias decir
por que sale esto y saber si lo puedo corregir gracias =)
chvre justo buscaba el link de qrcodeee :3
bueno material, una pregunta, genera codigo datamatrix¿?
amigo cómo puedo hacer un qr pero de esos que tienen una imagen al centro como lo es el logo de la empresa?
gracias, me sirvio mucho
Puedo almacenar mas un input, para que me genere un QR con los datos No, Nombre, Area, Descripcion etc,
Falcon Muchas Gracias, oye como puedo hacer para guardar el qr generado automáticamente?
Muy buen video
Gracias!
Se puede generar el QR con informacion de una tabla de base de datps?
😊👍
excelente
¿Para PDF o menús en PDF sería lo mismo?,saludos
volviste Carlos :D
Hola, lo hice con varios inputs y hay un error... El error dice que sobrepasa los caracteres, pero esto no es asi... Solo pasa cuando se mezclan strings y variables... Alguien sabe como arreglarlo???
Se puede utilizar con NodeJS y React?
Con React si, con NodeJS puro como backend no creo.
Se puede generar el QR sin usar el botón? Me refiero a cada vez que se modifique el textBox
Si, en el evento en vez de submit puedes trabajar con un onChange
y como haria para imprimir ese codigo en una impresora termica?
y si quiero guardar esto en una carpeta?
Alguien sabe cómo abrir el context menu (click derecho del mouse) con código JavaScript?
oye bro me puedes ayudar en algo no se tienes discord o algo asi para contactarte nesesito tu ayuda