Como Generar Códigos QR con Javascript

Подписаться 510 тыс.

Просмотров 38 тыс.

50% 1

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.desarrolloweb.io/cursos/d...
⭐ Curso Completo de React y Firebase:
www.desarrolloweb.io/cursos/r...
⭐Curso Completo de Javascript
www.desarrolloweb.io/cursos/j...
⭐ Curso Completo de PHP y MYSQL:
www.desarrolloweb.io/cursos/p...
⭐ Curso de Bootstrap 5:
www.desarrolloweb.io/cursos/b...
⭐ Curso Completo de creación de tiendas online:
www.desarrolloweb.io/cursos/t...
---
📄 Código del Proyecto: github.com/falconmasters/codi...
QRCode: github.com/davidshimjs/qrcodejs
CDNJS: cdnjs.com/libraries/qrcodejs
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters

Наука

Опубликовано:

5 апр 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 73

@FalconMasters 2 года назад

Si te gusto el video dale manita arriba! 👍

@INTERNAUTASx 2 года назад

Un pregunta, cual es el valor de una pagina web de peliculas y series para blogger?

@fernandolunadev Год назад

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.

@programingweb1466 2 года назад

Excelente, sigo tus aportes gracias.

@lolos201979 2 года назад

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. 🙌

@zcoding8355 2 года назад

Excelente vídeo..como siempre!! Felicitaciones y Gracias!

@kevinguzman1929 2 года назад

Excelente el video! Saludos Carlos, muchas gracias por el contenido!!!

@pablogabrielnieto6890 2 года назад

Sos un genio. Me gustan mucho tus videos

2 года назад

Aprendí más en este video que en mis clases de la universidad

@juanguerra3472 2 года назад

Y que en muchos "cursos" carisimos, tambien.

@luisperulorber 2 года назад

Por supuesto, una manita arriba! Gracias.

@dsotoerices 2 года назад

excelente video, muy bien explicado

@pedrotissone2125 Год назад

Que grande loco, AMO tus videos

@OnlyAbismal 6 месяцев назад

Gracias por el contenido de calidad :)

@chepegameryt6821 2 года назад

Tus cursos son buenísimos, Muchísimas gracias @FalconMasters

@FalconMasters 2 года назад

Muchas gracias!

@Enbsop Год назад

muchas gracias excelente video :)

@carlesmadridflores710 Год назад

Un gran tutorial y la manera de explicar es interesante. Se podria compartir ese QR generado mediante un boton de compartir .

@julianvelez6563 2 года назад

Falcon que crack eres

@sebastianorozcocano8255 2 года назад

Excelente vídeo fácil de entender, una pregunta como puedo descargar el QR mediante un btn en diferentes formatos ?

@luisarmandomendezmartinez6867 2 года назад

gracias, me sirvio mucho

@Jonathan-A-Garcia 10 месяцев назад

Excelente video

@alejandrones5238 2 года назад

Se te extrañaba Arturo! Un gran saludo gracias por todo el contenido que subes

@FalconMasters 2 года назад

Muchas gracias!

@haddenblade1361 2 года назад

@@FalconMasters Muchas gracias estimado, 10 tutoriales, ninguno sirvió. Llego al tuyo y sas funciona todo

@lgsusgeek Год назад

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?.

@jorgereyes795 10 месяцев назад

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

@Edward-xv8gl 2 года назад

buen video bro, es facil entender tus videos

@FalconMasters 2 года назад

Gracias!

@JuanGarod 2 года назад

Excelente! Una duda para hacerlo con base de datos y enviar fatos mediante ese código qr se puede?

@julioenriqueruizaraneda7296 9 месяцев назад

Muy buen vídeo. Muchas Gracias. Solo una duda. ¿cómo puedo achicar la imagen del QR?

@meden-fp6sq Год назад

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?

@marioveroi6929 2 года назад

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?

@DanielMedina-cn7nz 2 года назад

El video me vino como anillo al dedo, en el mejor momento, QUE GRANDE

@FalconMasters 2 года назад

Me alegra mucho!

@rembertoosorio3869 2 года назад

excelente

@JuanManuel-lc2et Год назад

Muy buen video compa, como hago que cuando se llene un formulario con varios input, el codigo QR cambie y funcione bien??

@francorodriguez9709 2 года назад

volviste Carlos :D

2 года назад

Falcon Muchas Gracias, oye como puedo hacer para guardar el qr generado automáticamente?

@axiaz 2 года назад

Un excelente video

@FalconMasters 2 года назад

Gracias!

@francoortega4361 2 года назад

Buenisimo aporte, lo que si me gustaria saber es como generar un botón de descarga del QR..

@alfred5406 2 года назад

Muy buen video

@FalconMasters 2 года назад

Gracias!

@eDeEstoico 2 года назад

chvre justo buscaba el link de qrcodeee :3

@angelfigueroa6662 2 года назад

amigo cómo puedo hacer un qr pero de esos que tienen una imagen al centro como lo es el logo de la empresa?

@sergiofernandofranco7291 Год назад

Puedo almacenar mas un input, para que me genere un QR con los datos No, Nombre, Area, Descripcion etc,

@dolphanana9635 2 года назад

una pregunta los codigos QR tienen algun plazo de validez?

@leanosramosrubenenrique3410 Год назад

Se puede generar el QR con informacion de una tabla de base de datps?

@gerardocardenas8805 Год назад

bueno material, una pregunta, genera codigo datamatrix¿?

@Henry_Nunez 2 года назад

😊👍

@lokoarlem 2 года назад

Excelente video, una pregunta que tema y que fuente utilizas en Visual Code están geniales, saludos.

@FalconMasters 2 года назад

Hola John, siempre se me olvidan los nombres, pero las enseño en este video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Og8JpOhp8TQ.html

@lokoarlem 2 года назад

@@FalconMasters muchas gracias, gracias por el aporte a la comunidad

@chac_man 2 года назад

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

@FalconMasters 2 года назад

Si tengo uno. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1KEbGYsF2bY.html

@chac_man 2 года назад

@@FalconMasters Genio!! gracias!!!

@yaeluriel 2 года назад

¿Para PDF o menús en PDF sería lo mismo?,saludos

@danielpalacios2423 2 года назад

Esto da miedo, llevo una semana buscando un buen video de como hacer QR con JS. Wao!!! GRACIAS!!!

@lolos201979 2 года назад

Jajajjaja

@FalconMasters 2 года назад

Te leo la mente, pero no te quería decir.

@merlinrapbogota23 7 месяцев назад

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 =)

@katred7902 8 месяцев назад

los QRs que genera son permanentes o tiene un tiempo de caducidad ?

@TheShufflePlayers 2 года назад

Alguien sabe cómo abrir el context menu (click derecho del mouse) con código JavaScript?

@Marcos_Almada_ 18 дней назад

y si quiero guardar esto en una carpeta?

@oscargomezgiordano5466 Год назад

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???