Design the Web: Adding Dynamic QR Codes

Design the Web: Adding Dynamic QR Codes

20mIntermediate2015-02-26

Authors

Chris Converse

Chris Converse

Applies design and UX principles to technology

Course details

Learn to use the free Google Chart API to add dynamic QR codes to your webpages, in this short and informative installment of Design the Web. Chris Converse covers four options for generating the QR code: pointing Google Chart to an image URL, using server-side code to retrieve the URL, injecting the URL code with JavaScript, and generating the QR code with JavaScript and jQuery. So stop creating QR codes by hand; learn how to generate them dynamically with these tricks.

Skills covered

PHPJavaScriptWeb Development ToolsOracleLimited SeriesWeb DevelopmentOpen Source

Concepts

Introduction

  • Introduction to this course
  • About the exercise files

Generating QR Codes

  • Using an IMG tag with Google Chart API
  • Combining PHP (server-side languages) with Google Chart API
  • Creating QR codes with JavaScript
  • Creating QR codes with jQuery