Code Clinic: JavaScript

Course details

Successful programmers know more than just how to code. They also know how to think about solving problems. Code Clinic is a series of courses where our instructors solve the same problems using different programming languages. Here, Ray Villalobos works with JavaScript. Throughout the course, Ray introduces challenges and then provides an overview of his solutions in JavaScript. Challenges include topics such as geolocation, face recognition, and accessing peripheral devices. Visit other courses in the series to see how to solve the same challenges in languages like C++, C#, PHP, Python, Ruby, Go, and Swift.

Concepts

0. Introduction

01 - Welcome
02 - What you should know
03 - Using the exercises for this course
04 - Getting the most from Code Clinic

1. Problem 1 - Pond Oreille

05 - Intro - The weather at Pond Oreille
06 - Solution overview
07 - Accessing the MySQL database
08 - Reading data with fetch()
09 - Passing information to our database
10 - Charting basic data with C3.js
11 - Plotting multiple graphs
12 - Customizing the chart display
13 - Controlling the interface

2. Problem 2 - Where Am I

14 - Intro - Where am I
15 - Solution overview
16 - Using the Geolocation API
17 - Mapping with the Google Static API
18 - Linking to Google Maps

3. Problem 3 - Eight Queens

19 - Intro - Eight queens
20 - Solution overview
21 - Preparing the board
22 - Setting up the board
23 - Computing solutions
24 - Finishing calculations
25 - Storing board solutions
26 - Display solutions
27 - Navigating through solutions

4. Problem 4 - Accessing Peripherals

28 - Intro - Accessing peripherals
29 - Solution overview
30 - Basic sound loading
31 - Playing sound with the mouse
32 - Modifying notes on mouse position
33 - Changing the sounds on movements

5. Problem 5 - Facial Recognition

34 - Intro - Facial recognition
35 - Solution overview
36 - Dragging and dropping images
37 - Detecting faces with a jQuery plugin

6. Problem 6 - Real-Time Information Dashboard

38 - Intro - Real-time information dashboard
39 - Solution overview
40 - Accessing the PHP database
41 - Reading data with $.ajax
42 - Creating a chart with C3.js
43 - Finishing up the chart

Code Clinic: JavaScript

Authors

Ray Villalobos