Code Clinic: JavaScript

Explore solutions to common JavaScript programming challenges, and then compare the results with other programming languages in the Code Clinic series.

Introduction

• Welcome
• What you should know
• Using the exercises for this course
• Getting the most from Code Clinic

1. Problem 1: Pond Oreille

• Intro: The weather at Pond Oreille
• Solution overview
• Accessing the MySQL database
• Reading data with fetch()
• Passing information to our database
• Charting basic data with C3.js
• Plotting multiple graphs
• Customizing the chart display
• Controlling the interface

2. Problem 2: Where Am I?

• Intro: Where am I?
• Solution overview
• Using the Geolocation API
• Mapping with the Google Static API
• Linking to Google Maps

3. Problem 3: Eight Queens

• Intro: Eight queens
• Solution overview
• Preparing the board
• Setting up the board
• Computing solutions
• Finishing calculations
• Storing board solutions
• Display solutions
• Navigating through solutions

4. Problem 4: Accessing Peripherals

• Intro: Accessing peripherals
• Solution overview
• Basic sound loading
• Playing sound with the mouse
• Modifying notes on mouse position
• Changing the sounds on movements

5. Problem 5: Facial Recognition

• Intro: Facial recognition
• Solution overview
• Dragging and dropping images
• Detecting faces with a jQuery plugin

6. Problem 6: Real-Time Information Dashboard

• Intro: Real-time information dashboard
• Solution overview
• Accessing the PHP database
• Reading data with $.ajax
• Creating a chart with C3.js
• Finishing up the chart