Please enable JavaScript to use CodeHS


Video Game Design in JavaScript

Lessons

  1. Programming with Karel

    1. 1.1 Introduction to Programming With Karel

    2. Description
    3. Objective
    4. 1.2 More About Karel

    5. Description
    6. Objective
    7. 1.3 Karel Can't Turn Right

    8. Description
    9. Objective
    10. 1.4 Functions in Karel

    11. Description
    12. Objective
    13. 1.5 The Main Function

    14. Description
    15. Objective
    16. 1.6 Top Down Design and Decomposition in Karel

    17. Description
    18. Objective
    19. 1.7 Commenting Your Code

    20. Description
    21. Objective
    22. 1.8 Super Karel

    23. Description
    24. Objective
    25. 1.9 For Loops

    26. Description
    27. Objective
    28. 1.10 If Statements and Conditionals

    29. Description
    30. Objective
    31. 1.11 If/Else Statements

    32. Description
    33. Objective
    34. 1.12 While Loops

    35. Description
    36. Objective
    37. 1.13 How to Indent Your Code

    38. Description
    39. Objective
    40. 1.14 Control Structures Example

    41. Description
    42. Objective
    43. 1.15 More Karel Examples and Testing

    44. Description
    45. Objective
    46. 1.16 Challenge Problems

    47. Description
    48. Objective
    49. 1.17 Programming with Karel Quiz

    50. Description
    51. Objective
  2. JavaScript Basics

    1. 2.1 Hello World

    2. Description
    3. Objective
    4. 2.2 Variables

    5. Description
    6. Objective
    7. 2.3 User Input

    8. Description
    9. Objective
    10. 2.4 Basic Math

    11. Description
    12. Objective
    13. 2.5 Collaborative Programming

    14. Description
    15. Objective
    16. 2.6 Random Numbers

    17. Description
    18. Objective
    19. 2.7 Basic Functions

    20. Description
    21. Objective
    22. 2.8 JavaScript Basics Quiz

    23. Description
    24. Objective
  3. The Canvas and Graphics

    1. 3.1 Intro to the Canvas and Graphics

    2. Description
    3. Objective
    4. 3.2 More Graphics Objects

    5. Description
    6. Objective
    7. 3.3 Positioning Graphics Objects

    8. Description
    9. Objective
    10. 3.4 JavaScript Graphics Quiz

    11. Description
    12. Objective
  4. Graphics Challenges

    1. 4.1 Graphics Challenges

    2. Description
    3. Objective
  5. Control Structures

    1. 5.1 Booleans

    2. Description
    3. Objective
    4. 5.2 If/Else Statements

    5. Description
    6. Objective
    7. 5.3 Logical Operators

    8. Description
    9. Objective
    10. 5.4 Comparison Operators

    11. Description
    12. Objective
    13. 5.5 Graphics and Conditionals

    14. Description
    15. Objective
    16. 5.6 While Loops

    17. Description
    18. Objective
    19. 5.7 The Break Statement

    20. Description
    21. Objective
    22. 5.8 While Loops and Graphics

    23. Description
    24. Objective
    25. 5.9 For Loops

    26. Description
    27. Objective
    28. 5.10 For Loops and Graphics

    29. Description
    30. Objective
    31. 5.11 Javascript Control Structures Quiz

    32. Description
    33. Objective
  6. Control Structures Challenges

    1. 6.1 Control Structures Challenges

    2. Description
    3. Objective
  7. Functions

    1. 7.1 Parameters

    2. Description
    3. Objective
    4. 7.2 Return Values

    5. Description
    6. Objective
    7. 7.3 Default Parameter Values

    8. Description
    9. Objective
    10. 7.4 Variable Scopes

    11. Description
    12. Objective
    13. 7.5 Functions Quiz

    14. Description
    15. Objective
  8. Functions Challenges

    1. 8.1 Functions Challenges

    2. Description
    3. Objective
  9. Animation and Games

    1. 9.1 Timers

    2. Description
    3. Objective
    4. 9.2 Stopping Timers

    5. Description
    6. Objective
    7. 9.3 Collisions

    8. Description
    9. Objective
    10. 9.4 Mouse Click Events

    11. Description
    12. Objective
    13. 9.5 More Mouse Events

    14. Description
    15. Objective
    16. 9.6 Key Events

    17. Description
    18. Objective
    19. 9.7 Animation and Games Quiz

    20. Description
    21. Objective
  10. Animation Challenges

    1. 10.1 Animation Challenges

    2. Description
    3. Objective
  11. Project: Breakout

    1. 11.1 Breakout

    2. Description
    3. Objective
  12. Project: Snake

    1. 12.1 Snake Game

    2. Description
    3. Objective
  13. Data Structures: Arrays

    1. 13.1 Intro to Arrays

    2. Description
    3. Objective
    4. 13.2 Adding & Removing from an Array

    5. Description
    6. Objective
    7. 13.3 Iterating Through an Array

    8. Description
    9. Objective
    10. 13.4 Array Iteration with Graphics

    11. Description
    12. Objective
    13. 13.5 Array Methods

    14. Description
    15. Objective
  14. Data Structures: Objects

    1. 14.1 Intro to Objects

    2. Description
    3. Objective
    4. 14.2 Graphic Objects

    5. Description
    6. Objective
    7. 14.3 Object Methods

    8. Description
    9. Objective
    10. 14.4 Iterating Through an Object

    11. Description
    12. Objective
    13. 14.5 Object Constructors

    14. Description
    15. Objective
  15. Project: Tic Tac Toe

    1. 15.1 Tic Tac Toe

    2. Description
    3. Objective
  16. Project: Helicopter Game

    1. 16.1 Game Design: Helicopter

    2. Description
    3. Objective
    4. 16.2 Basics

    5. Description
    6. Objective
    7. 16.3 Improvements

    8. Description
    9. Objective
    10. 16.4 Polish

    11. Description
    12. Objective
  17. Final Project: Your Own Game

    1. 17.1 Project Prep and Development

    2. Description
    3. Objective
  18. Final Exam

    1. 18.1 Final Exam

    2. Description
    3. Objective
  19. Midterm

    1. 19.1 Midterm

    2. Description
    3. Objective
  20. Project: Connect Four

    1. 20.1 Connect Four

    2. Description
    3. Objective
  21. Project: Mastermind

    1. 21.1 Mastermind

    2. Description
    3. Objective
  22. Extension: Additional Data Structures

    1. 22.1 Intro to Sets

    2. Description
    3. Objective
    4. 22.2 Intro to Grids

    5. Description
    6. Objective
    7. 22.3 Looping Over a Grid

    8. Description
    9. Objective
    10. 22.4 Grid Example: Get a Row

    11. Description
    12. Objective
  23. Practice: Karel

    1. 23.1 Karel Syntax, IDE, and Commands

    2. Description
    3. Objective
    4. 23.2 Debugging with Karel

    5. Description
    6. Objective
    7. 23.3 Extra Karel Practice

    8. Description
    9. Objective
    10. 23.4 Extra Karel Puzzles

    11. Description
    12. Objective
  24. Practice: Functions

    1. 24.1 Functions and Parameters Practice

    2. Description
    3. Objective
  25. Practice: Console Challenges

    1. 25.1 Prime Numbers

    2. Description
    3. Objective
  26. Practice: Graphics and Animation

    1. 26.1 Fun Graphics Challenges

    2. Description
    3. Objective
    4. 26.2 Animation Practice

    5. Description
    6. Objective
    7. 26.3 Crazy Ball Game

    8. Description
    9. Objective
  27. Practice: Data Structures Challenges

    1. 27.1 Conway's Game of Life

    2. Description
    3. Objective
  28. Extra Quiz Questions

    1. 28.1 Basic Javascript and Graphics

    2. Description
    3. Objective
    4. 28.2 Animation and Games

    5. Description
    6. Objective
    7. 28.3 Basic Data Structures

    8. Description
    9. Objective
  29. Extension: Visualizing Music

    1. 29.1 Visualizing Music

    2. Description
    3. Objective
  30. Intro to CS: JavaScript Pretest

    1. 30.1 Intro to CS: JavaScript Pretest

    2. Description
    3. Objective
  31. JavaScript Level 1 Certification Practice

    1. 31.1 JavaScript Syntax Update

    2. Description
    3. Objective
    4. 31.2 Practice #1: JavaScript Basics

    5. Description
    6. Objective
    7. 31.3 Practice #2: JavaScript Control Structures

    8. Description
    9. Objective
    10. 31.4 Practice #3: JavaScript Functions and Objects

    11. Description
    12. Objective