Create A Simple JavaScript App to Generate QR Codes
102.2 هزار بار بازدید -
2 سال پیش
-
Let's create a simple QR
Let's create a simple QR Code generator app with JavaScript, QRcode.js and Tailwind CSS.
💻 Github Repo
https://github.com/bradtraversy/qr-co...
🧑💻 Live Demo
https://qrcodes.tech
💻 QRCode.js Library:
https://github.com/davidshimjs/qrcodejs
⭐ Special $9.99 Promo For My Tailwind CSS Course:
https://www.udemy.com/course/tailwind...
⭐All Courses
https://traversymedia.com
💖 Show Support
Patreon: Patreon: traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Traversy Media On Social Media:
Twitter: Twitter: traversymedia
Instagram: Instagram: traversymedia
Linkedin: LinkedIn: bradtraversy
Timestamps:
0:00 - Intro
1:09 - Side Project Motivation
2:31 - QRCode.js Library Intro
3:16 - Dependency Setup
6:39 - Tailwind CSS Layout
20:42 - Start JavaScript & Get Form Inputs
23:03 - Show & Hide Spinner Functions
25:05 - Generate QR Code
27:28 - Clear UI Function
28:40 - Create Save Button
32:48 - Get QR Code Image Source
34:50 - Clear Button From UI
💻 Github Repo
https://github.com/bradtraversy/qr-co...
🧑💻 Live Demo
https://qrcodes.tech
💻 QRCode.js Library:
https://github.com/davidshimjs/qrcodejs
⭐ Special $9.99 Promo For My Tailwind CSS Course:
https://www.udemy.com/course/tailwind...
⭐All Courses
https://traversymedia.com
💖 Show Support
Patreon: Patreon: traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Traversy Media On Social Media:
Twitter: Twitter: traversymedia
Instagram: Instagram: traversymedia
Linkedin: LinkedIn: bradtraversy
Timestamps:
0:00 - Intro
1:09 - Side Project Motivation
2:31 - QRCode.js Library Intro
3:16 - Dependency Setup
6:39 - Tailwind CSS Layout
20:42 - Start JavaScript & Get Form Inputs
23:03 - Show & Hide Spinner Functions
25:05 - Generate QR Code
27:28 - Clear UI Function
28:40 - Create Save Button
32:48 - Get QR Code Image Source
34:50 - Clear Button From UI
2 سال پیش
در تاریخ 1401/05/25 منتشر شده
است.
102,258
بـار بازدید شده