This was the exercise of predicting what certain HTML/CSS + Bootstrap code would have looked like visually.
Some more demos about events and form data.
Variables, integration with jQuery, and some other sophisticated stuff like ternary operations.
Make sure to open up your console to get the full picture
See actual code in order to read instructional comments
Uses Arrays, Objects, Control Structures
Integrates CSS / HTML / jQuery / Bootstrap / and JS Fundamentals
In theory, 98% of this is created using only concepts you guys have learned.
Using objects to control problem sets
Integrate more sophisticated objects to control a problem set for rhyming. Includes methods along with defaults.
Using basic jquery with html + simple bootstrap to get basic click listening, handling, and visual changes on screen.
Also demos how to show and hide things dynamically.
Showing how form data can be used to dynamically alter the HTML content of a page using a Madlib type of activity.
Clickable "slideshow" like image rotation, showing, and hiding.
See the main.js file for demo on how the arrays and objects are practically used.
Try to make a simple FB Post type interface while using arrays and objects to hold the post data.
See the main.js file for demo on how objects are created using a constructor.
Integrated with Bootstrap and Modals
A demo of Backbone.js Models/Collections/Views
Mostly about views - this is well outside the scope of what you're expected to know but I'm just posting it in case people want to see how it's done.
Shows how form data can be captured and output as HTML in a pre element. No Bootstrap to isolate the important stuff.
The Bootstrap version of Simple Form
Grabbing data from different inputs.
Using loops and integrating them with user input.
Separating raw data and producing Fruit objects and list with interactive visual representation of.
Using dynamic objects to represent story pages in a choose your own adventure type app.
Allows new story / page creation.