Video Game Design in JavaScript

Lessons

1. Programming with Karel

1. 1.1 Introduction to Programming With Karel

   • Lesson Plan
2. Description
3. Objective

4. 1.2 More About Karel

   • Lesson Plan
5. Description
6. Objective

7. 1.3 Karel Can't Turn Right

   • Lesson Plan
8. Description
9. Objective

10. 1.4 Functions in Karel

    • Lesson Plan
11. Description
12. Objective

13. 1.5 The Main Function

    • Lesson Plan
14. Description
15. Objective

16. 1.6 Top Down Design and Decomposition in Karel

    • Lesson Plan
17. Description
18. Objective

19. 1.7 Commenting Your Code

    • Lesson Plan
20. Description
21. Objective

22. 1.8 Super Karel

    • Lesson Plan
23. Description
24. Objective

25. 1.9 For Loops

    • Lesson Plan
26. Description
27. Objective

28. 1.10 If Statements and Conditionals

    • Lesson Plan
29. Description
30. Objective

31. 1.11 If/Else Statements

    • Lesson Plan
32. Description
33. Objective

34. 1.12 While Loops

    • Lesson Plan
35. Description
36. Objective

37. 1.13 How to Indent Your Code

    • Lesson Plan
38. Description
39. Objective

40. 1.14 Control Structures Example

    • Lesson Plan
41. Description
42. Objective

43. 1.15 More Karel Examples and Testing

    • Lesson Plan
44. Description
45. Objective

46. 1.16 Challenge Problems

    • Lesson Plan
47. Description
48. Objective

49. 1.17 Programming with Karel Quiz

    • Lesson Plan
50. Description
51. Objective

2. JavaScript Basics

1. 2.1 Hello World

   • Lesson Plan
2. Description
3. Objective

4. 2.2 Variables

   • Lesson Plan
5. Description
6. Objective

7. 2.3 User Input

   • Lesson Plan
8. Description
9. Objective

10. 2.4 Basic Math

    • Lesson Plan
11. Description
12. Objective

13. 2.5 Collaborative Programming

    • Lesson Plan
14. Description
15. Objective

16. 2.6 Random Numbers

    • Lesson Plan
17. Description
18. Objective

19. 2.7 Basic Functions

    • Lesson Plan
20. Description
21. Objective

22. 2.8 JavaScript Basics Quiz

    • Lesson Plan
23. Description
24. Objective

3. The Canvas and Graphics

1. 3.1 Intro to the Canvas and Graphics

   • Lesson Plan
2. Description
3. Objective

4. 3.2 More Graphics Objects

   • Lesson Plan
5. Description
6. Objective

7. 3.3 Positioning Graphics Objects

   • Lesson Plan
8. Description
9. Objective

10. 3.4 JavaScript Graphics Quiz

    • Lesson Plan
11. Description
12. Objective

4. Graphics Challenges

1. 4.1 Graphics Challenges

   • Lesson Plan
2. Description
3. Objective

5. Control Structures

1. 5.1 Booleans

   • Lesson Plan
2. Description
3. Objective

4. 5.2 If/Else Statements

   • Lesson Plan
5. Description
6. Objective

7. 5.3 Logical Operators

   • Lesson Plan
8. Description
9. Objective

10. 5.4 Comparison Operators

    • Lesson Plan
11. Description
12. Objective

13. 5.5 Graphics and Conditionals

    • Lesson Plan
14. Description
15. Objective

16. 5.6 While Loops

    • Lesson Plan
17. Description
18. Objective

19. 5.7 The Break Statement

    • Lesson Plan
20. Description
21. Objective

22. 5.8 While Loops and Graphics

    • Lesson Plan
23. Description
24. Objective

25. 5.9 For Loops

    • Lesson Plan
26. Description
27. Objective

28. 5.10 For Loops and Graphics

    • Lesson Plan
29. Description
30. Objective

31. 5.11 Javascript Control Structures Quiz

    • Lesson Plan
32. Description
33. Objective

6. Control Structures Challenges

1. 6.1 Control Structures Challenges

   • Lesson Plan
2. Description
3. Objective

7. Functions

1. 7.1 Parameters

   • Lesson Plan
2. Description
3. Objective

4. 7.2 Return Values

   • Lesson Plan
5. Description
6. Objective

7. 7.3 Default Parameter Values

   • Lesson Plan
8. Description
9. Objective

10. 7.4 Variable Scopes

    • Lesson Plan
11. Description
12. Objective

13. 7.5 Functions Quiz

    • Lesson Plan
14. Description
15. Objective

8. Functions Challenges

1. 8.1 Functions Challenges

   • Lesson Plan
2. Description
3. Objective

9. Animation and Games

1. 9.1 Timers

   • Lesson Plan
2. Description
3. Objective

4. 9.2 Stopping Timers

   • Lesson Plan
5. Description
6. Objective

7. 9.3 Collisions

   • Lesson Plan
8. Description
9. Objective

10. 9.4 Mouse Click Events

    • Lesson Plan
11. Description
12. Objective

13. 9.5 More Mouse Events

    • Lesson Plan
14. Description
15. Objective

16. 9.6 Key Events

    • Lesson Plan
17. Description
18. Objective

19. 9.7 Animation and Games Quiz

    • Lesson Plan
20. Description
21. Objective

10. Animation Challenges

1. 10.1 Animation Challenges

   • Lesson Plan
2. Description
3. Objective

11. Project: Breakout

1. 11.1 Breakout

   • Lesson Plan
2. Description
3. Objective

12. Project: Snake

1. 12.1 Snake Game

   • Lesson Plan
2. Description
3. Objective

13. Data Structures: Arrays

1. 13.1 Intro to Arrays

   • Lesson Plan
2. Description
3. Objective

4. 13.2 Adding & Removing from an Array

   • Lesson Plan
5. Description
6. Objective

7. 13.3 Iterating Through an Array

   • Lesson Plan
8. Description
9. Objective

10. 13.4 Array Iteration with Graphics

    • Lesson Plan
11. Description
12. Objective

13. 13.5 Array Methods

    • Lesson Plan
14. Description
15. Objective

14. Data Structures: Objects

1. 14.1 Intro to Objects

   • Lesson Plan
2. Description
3. Objective

4. 14.2 Graphic Objects

   • Lesson Plan
5. Description
6. Objective

7. 14.3 Object Methods

   • Lesson Plan
8. Description
9. Objective

10. 14.4 Iterating Through an Object

    • Lesson Plan
11. Description
12. Objective

13. 14.5 Object Constructors

    • Lesson Plan
14. Description
15. Objective

15. Project: Tic Tac Toe

1. 15.1 Tic Tac Toe

   • Lesson Plan
2. Description
3. Objective

16. Project: Helicopter Game

1. 16.1 Game Design: Helicopter

   • Lesson Plan
2. Description
3. Objective

4. 16.2 Basics

   • Lesson Plan
5. Description
6. Objective

7. 16.3 Improvements

   • Lesson Plan
8. Description
9. Objective

10. 16.4 Polish

    • Lesson Plan
11. Description
12. Objective

17. Final Project: Your Own Game

1. 17.1 Project Prep and Development

   • Lesson Plan
2. Description
3. Objective

18. Final Exam

1. 18.1 Final Exam

   • Lesson Plan
2. Description
3. Objective

19. Midterm

1. 19.1 Midterm

   • Lesson Plan
2. Description
3. Objective

20. Project: Connect Four

1. 20.1 Connect Four

   • Lesson Plan
2. Description
3. Objective

21. Project: Mastermind

1. 21.1 Mastermind

   • Lesson Plan
2. Description
3. Objective

22. Extension: Additional Data Structures

1. 22.1 Intro to Sets

   • Lesson Plan
2. Description
3. Objective

4. 22.2 Intro to Grids

   • Lesson Plan
5. Description
6. Objective

7. 22.3 Looping Over a Grid

   • Lesson Plan
8. Description
9. Objective

10. 22.4 Grid Example: Get a Row

    • Lesson Plan
11. Description
12. Objective

23. Practice: Karel

1. 23.1 Karel Syntax, IDE, and Commands

   • Lesson Plan
2. Description
3. Objective

4. 23.2 Debugging with Karel

   • Lesson Plan
5. Description
6. Objective

7. 23.3 Extra Karel Practice

   • Lesson Plan
8. Description
9. Objective

10. 23.4 Extra Karel Puzzles

    • Lesson Plan
11. Description
12. Objective

24. Practice: Functions

1. 24.1 Functions and Parameters Practice

   • Lesson Plan
2. Description
3. Objective

25. Practice: Console Challenges

1. 25.1 Prime Numbers

   • Lesson Plan
2. Description
3. Objective

26. Practice: Graphics and Animation

1. 26.1 Fun Graphics Challenges

   • Lesson Plan
2. Description
3. Objective

4. 26.2 Animation Practice

   • Lesson Plan
5. Description
6. Objective

7. 26.3 Crazy Ball Game

   • Lesson Plan
8. Description
9. Objective

27. Practice: Data Structures Challenges

1. 27.1 Conway's Game of Life

   • Lesson Plan
2. Description
3. Objective

28. Extra Quiz Questions

1. 28.1 Basic Javascript and Graphics

   • Lesson Plan
2. Description
3. Objective

4. 28.2 Animation and Games

   • Lesson Plan
5. Description
6. Objective

7. 28.3 Basic Data Structures

   • Lesson Plan
8. Description
9. Objective

29. Extension: Visualizing Music

1. 29.1 Visualizing Music

   • Lesson Plan
2. Description
3. Objective

30. Intro to CS: JavaScript Pretest

1. 30.1 Intro to CS: JavaScript Pretest

   • Lesson Plan
2. Description
3. Objective

31. JavaScript Level 1 Certification Practice

1. 31.1 JavaScript Syntax Update

   • Lesson Plan
2. Description
3. Objective

4. 31.2 Practice #1: JavaScript Basics

   • Lesson Plan
5. Description
6. Objective

7. 31.3 Practice #2: JavaScript Control Structures

   • Lesson Plan
8. Description
9. Objective

10. 31.4 Practice #3: JavaScript Functions and Objects

    • Lesson Plan
11. Description
12. Objective