Video Game Design in JavaScript (2022)

Lessons

1. Programming With Karel

1. 1.1 Introduction to Programming With Karel

   • Lesson Plan
2. Description
3. Objective

4. 1.2 More Basic 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 Start 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

    • Lesson Plan
29. Description
30. Objective

31. 1.11 If/Else Statements

    • Lesson Plan
32. Description
33. Objective

34. 1.12 While Loops in Karel

    • Lesson Plan
35. Description
36. Objective

37. 1.13 Control Structures Example

    • Lesson Plan
38. Description
39. Objective

40. 1.14 More Karel Examples and Testing

    • Lesson Plan
41. Description
42. Objective

43. 1.15 How to Indent Your Code

    • 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 and Graphics

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 in JavaScript

    • Lesson Plan
11. Description
12. Objective

13. 2.5 Using Graphics in JavaScript

    • Lesson Plan
14. Description
15. Objective

16. 2.6 Booleans

    • Lesson Plan
17. Description
18. Objective

19. 2.7 Logical Operators

    • Lesson Plan
20. Description
21. Objective

22. 2.8 Comparison Operators

    • Lesson Plan
23. Description
24. Objective

25. 2.9 If Statements

    • Lesson Plan
26. Description
27. Objective

28. 2.10 For Loops in JavaScript

    • Lesson Plan
29. Description
30. Objective

31. 2.11 General For Loops

    • Lesson Plan
32. Description
33. Objective

34. 2.12 For Loop Practice

    • Lesson Plan
35. Description
36. Objective

37. 2.13 Random Numbers

    • Lesson Plan
38. Description
39. Objective

40. 2.14 While Loops

    • Lesson Plan
41. Description
42. Objective

43. 2.15 Loop and a Half

    • Lesson Plan
44. Description
45. Objective

46. 2.16 Functions and Parameters 1

    • Lesson Plan
47. Description
48. Objective

49. 2.17 Functions and Parameters 2

    • Lesson Plan
50. Description
51. Objective

52. 2.18 Functions and Parameters 3

    • Lesson Plan
53. Description
54. Objective

55. 2.19 Functions and Return Values 1

    • Lesson Plan
56. Description
57. Objective

58. 2.20 Functions and Return Values 2

    • Lesson Plan
59. Description
60. Objective

61. 2.21 Local Variables and Scope

    • Lesson Plan
62. Description
63. Objective

64. 2.22 JavaScript and Graphics Challenges

    • Lesson Plan
65. Description
66. Objective

67. 2.23 Javascript and Graphics Quiz

    • Lesson Plan
68. Description
69. Objective

3. Project: Guessing Game

1. 3.1 Guessing Game

   • Lesson Plan
2. Description
3. Objective

4. Animation and Games

1. 4.1 Timers

   • Lesson Plan
2. Description
3. Objective

4. 4.2 Random Circles

   • Lesson Plan
5. Description
6. Objective

7. 4.3 Random Ghosts

   • Lesson Plan
8. Description
9. Objective

10. 4.4 Bouncing Ball

    • Lesson Plan
11. Description
12. Objective

13. 4.5 Mouse Events: Mouse Clicked

    • Lesson Plan
14. Description
15. Objective

16. 4.6 Mouse Events: Mouse Moved

    • Lesson Plan
17. Description
18. Objective

19. 4.7 Drawing Lines

    • Lesson Plan
20. Description
21. Objective

22. 4.8 Key Events

    • Lesson Plan
23. Description
24. Objective

25. 4.9 Animation and Games Quiz

    • Lesson Plan
26. Description
27. Objective

5. Crazy Ball Game

1. 5.1 Crazy Ball Game

   • Lesson Plan
2. Description
3. Objective

6. Project: Breakout

1. 6.1 Breakout

   • Lesson Plan
2. Description
3. Objective

7. Project: Fun Snake

1. 7.1 Fun Snake

   • Lesson Plan
2. Description
3. Objective

8. Basic Data Structures

1. 8.1 Intro to Lists/Arrays

   • Lesson Plan
2. Description
3. Objective

4. 8.2 Indexing Into an Array

   • Lesson Plan
5. Description
6. Objective

7. 8.3 Adding/Removing From an Array

   • Lesson Plan
8. Description
9. Objective

10. 8.4 Array Length and Looping Through Arrays

    • Lesson Plan
11. Description
12. Objective

13. 8.5 Iterating Over an Array

    • Lesson Plan
14. Description
15. Objective

16. 8.6 Finding an Element in a List

    • Lesson Plan
17. Description
18. Objective

19. 8.7 Removing an Element From an Array

    • Lesson Plan
20. Description
21. Objective

22. 8.8 Intro to Objects/Maps

    • Lesson Plan
23. Description
24. Objective

25. 8.9 Basics of Objects

    • Lesson Plan
26. Description
27. Objective

28. 8.10 Iterating Over an Object

    • Lesson Plan
29. Description
30. Objective

31. 8.11 When Do I Use an Object?

    • Lesson Plan
32. Description
33. Objective

34. 8.12 Intro to Sets

    • Lesson Plan
35. Description
36. Objective

37. 8.13 Intro to Grids

    • Lesson Plan
38. Description
39. Objective

40. 8.14 Looping Over a Grid

    • Lesson Plan
41. Description
42. Objective

43. 8.15 Grid Example: Get a Row

    • Lesson Plan
44. Description
45. Objective

46. 8.16 Basic Data Structures Quiz

    • Lesson Plan
47. Description
48. Objective

9. Project: Tic Tac Toe

1. 9.1 Tic Tac Toe

   • Lesson Plan
2. Description
3. Objective

10. Project: Helicopter Game

1. 10.1 Game Design: Helicopter

   • Lesson Plan
2. Description
3. Objective

4. 10.2 Basics

   • Lesson Plan
5. Description
6. Objective

7. 10.3 Improvements

   • Lesson Plan
8. Description
9. Objective

10. 10.4 Polish

    • Lesson Plan
11. Description
12. Objective

11. Final Project: Your Own Game

1. 11.1 Final Project

   • Lesson Plan
2. Description
3. Objective

12. Midterm

1. 12.1 Midterm

   • Lesson Plan
2. Description
3. Objective

13. Connect Four

1. 13.1 Connect Four

   • Lesson Plan
2. Description
3. Objective

14. Project MasterMind

1. 14.1 Mastermind

   • Lesson Plan
2. Description
3. Objective