Create a Simple JavaScript App to Generate QR Codes

Overview

This course teaches how to create a simple QR Code generator app using JavaScript, QRcode.js, and Tailwind CSS. The learning outcomes include understanding QRCode.js library, setting up dependencies, designing with Tailwind CSS, handling form inputs, generating QR codes, managing UI functions, creating save and clear buttons, and obtaining QR code image sources. The course employs a hands-on approach with practical demonstrations and step-by-step guidance. It is suitable for individuals interested in web development, JavaScript programming, and UI/UX design.

Syllabus

- Intro.
- Side Project Motivation.
- QRCode.js Library Intro.
- Dependency Setup.
- Tailwind CSS Layout.
- Start JavaScript & Get Form Inputs.
- Show & Hide Spinner Functions.
- Generate QR Code.
- Clear UI Function.
- Create Save Button.
- Get QR Code Image Source.
- Clear Button From UI.