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.

Camp Michigania

Camp Michigania

Disney Land

Triathalon

Winter Dash

Mud Run

Camp Michigania

Course Code

Week 2: Reacting to Your Audience

Lesson: Functions

Online Access

Basic Example: CodePen

Basic Example with Parameters: CodePen

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

Lesson: Code with Me: Events

Online Access

Modify the DOM: CodePen

Change: CodePen

Lesson: "this"

Online Access

"this" Simple Example: CodePen

"this" Second Example: CodePen

Lesson: Photo Gallery

Online Access

JS Photo Gallery Files: CodePen

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

Lesson: Code With Me: Combining Loops and Conditionals

Online Access

Array Average With Undefined Elements: CodePen

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