The first project is a Touch Type Trainer that uses bootstrap’s wells, glyphicons, and grid system to construct a keyboard on screen. The keyboard toggles between upper and lower case based on the shift key, displays the key pressed and highlights it, and adds a green check if the user types a character correctly, or a red x if incorrect. At the top of the screen a sentence is displayed from an array of five sentences. As the user types, their progress is tracked along the sentence with a highlighter pointer. Once at the end of the sentence, the next sentence from the array is displayed until all sentenecs have been typed. At the end of the game an alert box reports the user’s words per minute. Check out your typing skills here.
The second project,ShapeCanvas, is a page with forms that correspond with shape classes in the script file and a canvas in the center of the page. Enter numbers into the form and press the create button to see a shape of the size entered output at a random location on the canvas. Click a shape once to get statistics for the shape, and click a shape twice to remove it from the page. Check this pen out here.