drapak.ca - Computer Programming 12

Recursive functions - Functions that loop back on themselves
Color grid - using javascript with CSS, and nesting loops
Sieve of Eratosthenes - use arrays and loops to calculate prime numbers
Character generator - use objects and function pipelines to generate a character
Draw the Ms Pacman maze - use complex data and function pipelines to draw a maze

//OUTPUT: How do you display things?

//OUTPUT: alert(), .innerHTML, and console.log()
//OUTPUT: Changing text styles
//OUTPUT: Changing an element's position
//OUTPUT: Changing an image
//HTML and OUTPUT: Unicode dice
//OUTPUT: Adding new images to an output element
//HTML and OUTPUT: Adding and playing audio
//OUTPUT: Animation

//STYLE: Develop professional programming habits

//STYLE: Capitalizing HTML tags
//STYLE: Choosing an editor
//STYLE: Formatting code with tab indents
//STYLE: Use comments to communicate
//STYLE: Avoid long lines of code
//STYLE: Use cut and paste where possible
//STYLE: Space out mathematical expressions
//STYLE: Debug using alert()
//STYLE: Keep your CSS inside your <head>
//STYLE: Use descriptive variable names
//STYLE: Use function pipelines
//STYLE: Separate and comment your functions
//STYLE: Use descriptive function names
//STYLE: Work from general to specific
//STYLE: Debug using the console log
//STYLE: Run your code more quickly
//STYLE: Avoid global variables
//STYLE: Avoid long blocks of code

//SOLVE: Demonstrations about how to solve certain kinds of problems

//SOLVE: Character generator
//SOLVE: Project cost calculator
//SOLVE: Choose your own adventure
//SOLVE: Visual clock
//SOLVE: Saving and opening data files
//SOLVE: Frame-based animation that continues while you press the key
//SOLVE: Animating a side-scroller
//SOLVE: Loop a sprite through an array of images
//SOLVE: Basic physics in games: Flappy Tree!
//SOLVE: Calculating a change in time

The Pacman Project

Part One: The user interface
Part Two: Motion control
Part Three: Game play

Understanding grids I: Positioning an image on a grid
Understanding grids II: Positioning images precisely based on data structures
Understanding grids III: Positioning images in a grid using widths and offset values
Fine-tuning Ms Pacman's position: Using offsets to fine-tune placement
How to keep Ms. Pacman from going through walls: Blocking and allowing movement with arrays
How Pac-Man’s Ghosts Think & Hunt [youtube]

Problem solving challenges

Customizing table cells with data

Interesting videos

Evaluation

This class is project-based. You will be evaluated on the work you create: don't expect tests and quizzes.

80% of your final mark will be from your semester work, and 20% of it will be from a project-based exam.

Your assignments are divided into two categories: skill builders, which are formative, not graded, and meant to help students figure things out, and hand-in assignments, which are summative, graded assignments in which you show off your skills.

Hand-in assignments have names like "1.01H" and skill-builders have names like "1.03S".