catsPage

Visualize

This was the exercise of predicting what certain HTML/CSS + Bootstrap code would have looked like visually.


Goto Page

catsPage

Events

Some more demos about events and form data.

Program Two may be a little more advanced as it covers Objects which we won't go into until we hit the Javascript parts.


Goto Page

basicjs

Basic JS

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


Goto Page

todo

Todo List

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.


Goto Page

rhyme

Rhyme Demo

Using objects to control problem sets

Integrate more sophisticated objects to control a problem set for rhyming. Includes methods along with defaults.


Goto Page

catsPage

jQuery Intro

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.


Goto Page

madlibs

jQuery Demo

Showing how form data can be used to dynamically alter the HTML content of a page using a Madlib type of activity.


Goto Page

slideshow

Hacky Slideshow

Clickable "slideshow" like image rotation, showing, and hiding.


Goto Page

fbpostassignment

Arrays and Objects

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.


Goto Page

fbpostassignment

Objects 2

See the main.js file for demo on how objects are created using a constructor.

Integrated with Bootstrap and Modals


Goto Page

demoCard

Backbone Model/Collection/View

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.


Goto Page

madlibs

Simple Form

Shows how form data can be captured and output as HTML in a pre element. No Bootstrap to isolate the important stuff.


Goto Page

simpleFormBootstrap

Simple Form Bootstrap

The Bootstrap version of Simple Form


Goto Page

forms

Form w/o Bootstrap

Grabbing data from different inputs.


Goto Page

happybirthday

Loops and other Controls

Using loops and integrating them with user input.


Goto Page

fruit

Fruit Demo

Separating raw data and producing Fruit objects and list with interactive visual representation of.


Goto Page

story

Story Demo

Using dynamic objects to represent story pages in a choose your own adventure type app.

Allows new story / page creation.


Goto Page