JavaScript

JavaScript can be used to add interactivity to your site. When done correctly, it responds to mouse clicks, page loads, and touch events on mobile devices. Once again, the key to successful JavaScript add-ons is well-structured HTML code.

family picture at Camp Michigania silly family picture at Camp Michigania

Camp Michigania

my kids at Camp Michigania silly picture of my kids at Camp Michigania

Camp Michigania

my kids at Disney land silly picture of my kids at Disney Land

Disney Land

my son and daughter with their triathalon medals silly picture of my son and daughter with their triathalon medals

Triathalon

my daughter with a popsicle my daughter after eating a popsicle
Popsicles
my three kids before the Winter Dash my three kids after the Winter Dash

Winter Dash

my son before the mud run my son after the mud run

Mud Run

family picture at Camp Michigania silly family picture at Camp Michigania

Camp Michigania

Course Code

Week 2: Reacting to Your Audience

Lesson: Functions

Online Access

Basic Example: CodePen

Basic Example with Parameters: CodePen

File Download

Basic Example Code

Basic Example with Parameters Code

Lesson: Code Placement

Online Access

Splitting your code with Codepen: CodePen

File Download

Spliting your code Code

Lesson: Events

Online Access

Basic Example: CodePen

Basic Date Example: CodePen

File Download

Basic Example Code

Basic Date Example Code

Lesson: Code with Me: Events

Online Access

Modify the DOM: CodePen

Change: CodePen

File Download

Modify the DOM Code

Change Code

Lesson: "this"

Online Access

"this" Simple Example: CodePen

"this" Second Example: CodePen

File Download

"this" Simple Example Code

"this" Second Example Code

Lesson: Photo Gallery

Online Access

JS Photo Gallery Files: CodePen

File Download

JS Photo Gallery Files Code

Week 3: Arrays and Looping

Lesson: Code With Me: Arrays

Online Access

Add Fruit: CodePen

File Download

Add Fruit Code

Lesson: JavaScript Iteration

Online Access

Array Average: CodePen

File Download

Array Average Code

Lesson: Flows of Control

Online Access

Array Average With Zero: CodePen

If with Name: CodePen

File Download

Array Average With Zero Code

If with Name Code

Lesson: Code With Me: Combining Loops and Conditionals

Online Access

Array Average With Undefined Elements: CodePen

File Download

Array Average With Undefined Elements Code

Lesson: Advanced Conditionals

Online Access

Nested if with Name: CodePen

File Download

Nested if with Name Code

Week 4: Using JS for Interactive Images

Lesson:

Online Access

File Download

Code with Me Examples

Jump to Top