Please enable JavaScript to use CodeHS

Georgia Foundations of Interactive Design - Outline

  1. Web Design

    1. 1.1 Computer Science Careers

    2. Video 1.1.1 Computer Science All Around Us
    3. Quiz 1.1.2 Computer Science All Around Us
    4. Connection 1.1.3 CS Careers
    5. Free Response 1.1.4 CS Career Response
    6. Connection 1.1.5 Coding in the Wild
    7. Free Response 1.1.6 Coding in the Wild Response
    8. Connection 1.1.7 Inclusive Coding
    9. Free Response 1.1.8 Inclusive Coding Response

    10. 1.2 Introduction to HTML

    11. Video 1.2.1 Introduction to HTML
    12. Check for Understanding 1.2.2 Introduction to HTML Quiz
    13. Example 1.2.3 Our First HTML Page
    14. Exercise 1.2.4 Say Hello!

    15. 1.3 Structure of an HTML Page

    16. Video 1.3.1 Structure of an HTML Page
    17. Check for Understanding 1.3.2 Structure of an HTML Page Quiz
    18. Example 1.3.3 HTML Template
    19. Example 1.3.4 Hello World Page
    20. Exercise 1.3.5 The <title> Tag
    21. Exercise 1.3.6 Your First HTML Page

    22. 1.4 Formatting Text

    23. Video 1.4.1 Formatting Text
    24. Check for Understanding 1.4.2 Formatting Text Quiz
    25. Example 1.4.3 Dictionary
    26. Exercise 1.4.4 That's Bold
    27. Exercise 1.4.5 Artificial Intelligence
    28. Exercise 1.4.6 State Capitals
    29. Badge 1.4.7 Formatting Badge

    30. 1.5 Links

    31. Video 1.5.1 Links
    32. Check for Understanding 1.5.2 Links Quiz
    33. Example 1.5.3 The <a> Tag
    34. Exercise 1.5.4 Simple Link
    35. Exercise 1.5.5 My Favorite Websites

    36. 1.6 Images

    37. Video 1.6.1 Images
    38. Check for Understanding 1.6.2 Images Quiz
    39. Example 1.6.3 The <img> Tag
    40. Example 1.6.4 Building the CodeHS Homepage
    41. Exercise 1.6.5 Collage on a Theme
    42. Exercise 1.6.6 Linking an Image
    43. Exercise 1.6.7 Personal Library
    44. Survey 1.6.8 Mindsets

    45. 1.7 HTML Lists

    46. Video 1.7.1 HTML Lists
    47. Check for Understanding 1.7.2 HTML Lists Quiz
    48. Example 1.7.3 Grocery Shopping
    49. Exercise 1.7.4 Favorite Things
    50. Exercise 1.7.5 To-Do List
    51. Exercise 1.7.6 List Article

    52. 1.8 HTML Tables

    53. Video 1.8.1 HTML Tables
    54. Check for Understanding 1.8.2 HTML Tables Quiz
    55. Example 1.8.3 Address Book
    56. Exercise 1.8.4 Favorite Songs
    57. Exercise 1.8.5 Calendar

    58. 1.9 HTML Styling

    59. Video 1.9.1 HTML Styling
    60. Check for Understanding 1.9.2 HTML Styling Quiz
    61. Example 1.9.3 Stylish Address Book
    62. Exercise 1.9.4 Background Colors
    63. Exercise 1.9.5 Style Your To-Do List
    64. Badge 1.9.6 Styling Badge

    65. 1.10 Introduction to CSS

    66. Video 1.10.1 Introduction to CSS
    67. Check for Understanding 1.10.2 Introduction to CSS Quiz
    68. Example 1.10.3 Styling your H1s
    69. Exercise 1.10.4 First style with CSS
    70. Exercise 1.10.5 List Styling

    71. 1.11 CSS Select by Tag

    72. Video 1.11.1 CSS Select by Tag
    73. Check for Understanding 1.11.2 CSS Select by Tag Quiz
    74. Example 1.11.3 Rainbow
    75. Example 1.11.4 Dog Styling
    76. Exercise 1.11.5 Restaurant Menu
    77. Exercise 1.11.6 Put Karel Together

    78. 1.12 CSS Select by Class

    79. Video 1.12.1 CSS Select by Class
    80. Check for Understanding 1.12.2 CSS Select by Class Quiz
    81. Example 1.12.3 Simple Checkerboard
    82. Exercise 1.12.4 Tic Tac Toe
    83. Exercise 1.12.5 Music Library

    84. 1.13 CSS Select by ID

    85. Video 1.13.1 CSS Select by ID
    86. Check for Understanding 1.13.2 CSS Select by ID Quiz
    87. Example 1.13.3 Logo
    88. Exercise 1.13.4 Favorite Dog
    89. Exercise 1.13.5 Bingo

    90. 1.14 Color Theory

    91. Connection 1.14.1 Color Theory
    92. Notes 1.14.2 Colormind
    93. Free Response 1.14.3 Colormind Collection
    94. Notes 1.14.4 Coolers
    95. Connection 1.14.5 Poolors
    96. Free Response 1.14.6 Coolers and Poolors
    97. Connection 1.14.7 Patterns
    98. Challenge 1.14.8 Play with Colors!

    99. 1.15 Viewing Websites

    100. Video 1.15.1 Viewing Websites
    101. Check for Understanding 1.15.2 Viewing Websites Quiz
    102. Free Response 1.15.3 Explaining a URL
    103. Badge 1.15.4 Web Development Badge

    104. 1.16 Web Design Quiz

    105. Unit Quiz 1.16.1 Web Design Quiz

  2. Project: My Website Portfolio

    1. 2.1 Intro to Design Thinking

    2. Video 2.1.1 Intro to Design Thinking
    3. Quiz 2.1.2 Intro to Design Thinking
    4. Notes 2.1.3 Website Requirements
    5. Notes 2.1.4 Web Design Tools
    6. Resource 2.1.5 Tools Evaluation
    7. Free Response 2.1.6 Project Planning: Timeline

    8. 2.2 Empathy

    9. Video 2.2.1 Empathy
    10. Quiz 2.2.2 Empathy Quiz
    11. Connection 2.2.3 A Cafeteria Designed for Me
    12. Free Response 2.2.4 A Cafeteria Designed for Me
    13. Connection 2.2.5 Accessibility
    14. Free Response 2.2.6 Accessibility Tips
    15. Connection 2.2.7 W3C Accessibility Standards
    16. Free Response 2.2.8 Accessibility: Designing for ALL

    17. 2.3 Exploring Website Designs

    18. Free Response 2.3.1 Good vs. Bad Web Design
    19. Free Response 2.3.2 Creating a Rubric
    20. Free Response 2.3.3 Reflection: Checklist

    21. 2.4 Images and Graphics

    22. Notes 2.4.1 Creating an Image/Graphic
    23. Free Response 2.4.2 Image/Graphic Brainstorm
    24. Exercise 2.4.3 My Image/Graphic

    25. 2.5 Audio and Video

    26. Notes 2.5.1 Creating Audio/Video
    27. Free Response 2.5.2 Audio/Video Brainstorm
    28. Exercise 2.5.3 My Audio File
    29. Exercise 2.5.4 My Video File

    30. 2.6 Animation

    31. Notes 2.6.1 Creating Animation
    32. Example 2.6.2 CSS Animation
    33. Free Response 2.6.3 Animation Brainstorm
    34. Exercise 2.6.4 My Animation

    35. 2.7 Test

    36. Video 2.7.1 Test
    37. Quiz 2.7.2 Testing Quiz
    38. Connection 2.7.3 Testing with Users
    39. Connection 2.7.4 Example: How to User Test
    40. Free Response 2.7.5 How to User Test Responses
    41. Connection 2.7.6 Example: How NOT to User Test
    42. Free Response 2.7.7 How NOT to User Test Responses
    43. Free Response 2.7.8 Test Prototype 1
    44. Free Response 2.7.9 Test Prototype 2
    45. Free Response 2.7.10 Improve Your Prototype

    46. 2.8 Final Web Design Project

    47. Challenge 2.8.1 Final Project

  3. Game Design

    1. 3.1 History of Video Games

    2. Notes 3.1.1 History of Games
    3. Connection 3.1.2 Beginning of Modern Day Video Games
    4. Free Response 3.1.3 Early Years of Video Games
    5. Connection 3.1.4 Revitalizing an Industry
    6. Connection 3.1.5 Battle of the Consoles
    7. Free Response 3.1.6 Quiz: Intro to Game Design

    8. 3.2 Careers in Game Design

    9. Connection 3.2.1 Shadow a Game Designer
    10. Connection 3.2.2 What does it take to become a game developer?
    11. Free Response 3.2.3 Reflection: Shadow a Game Designer

    12. 3.3 Elements of Game Design

    13. Connection 3.3.1 Research: Elements of Game Design
    14. Free Response 3.3.2 Research: Elements of Game Design
    15. Connection 3.3.3 What Makes a Game Fun?
    16. Free Response 3.3.4 Reflection: What Makes a Game Design Fun?

    17. 3.4 Game Industry Insights

    18. Connection 3.4.1 Brainstorm: My Dream Game
    19. Connection 3.4.2 Project: Game Design Document (GDD)

  4. Project: Creating a Game with Code

    1. 4.1 Sports Research

    2. Video 4.1.1 Introduction to Coding in Sports
    3. Example 4.1.2 Trash Shot Example
    4. Challenge 4.1.3 Make a Shot
    5. Connection 4.1.4 Nike Sports Research: The Art of Science
    6. Example 4.1.5 Final Project Inspiration
    7. Badge 4.1.6 Introduction to Coding in Sports Badge

    8. 4.2 Game Events

    9. Video 4.2.1 Game Events
    10. Example 4.2.2 Hockey Shootout
    11. Challenge 4.2.3 Eventful Games
    12. Connection 4.2.4 Coding in the Wild: Basketball

    13. 4.3 Sound Effects

    14. Video 4.3.1 Sound Effects
    15. Example 4.3.2 Baseball Catch
    16. Challenge 4.3.3 Score!!!

    17. 4.4 Make a Shot!

    18. Video 4.4.1 Finishing Touches
    19. Example 4.4.2 Recycling Game
    20. Challenge 4.4.3 Make a Shot!
    21. Badge 4.4.4 Make a Shot! badge

    22. 4.5 Air Horn App

    23. Video 4.5.1 Air Horn App
    24. Example 4.5.2 Sport Sounds
    25. Challenge 4.5.3 Air Horn App
    26. Connection 4.5.4 NFL's Magic Yellow Line

    27. 4.6 Event Handlers

    28. Video 4.6.1 Event Handlers
    29. Challenge 4.6.2 Get the Ball Moving

    30. 4.7 Putting Game

    31. Video 4.7.1 Putting Game
    32. Example 4.7.2 Hockey Rink Hole
    33. Challenge 4.7.3 Avoid the Obstacles
    34. Badge 4.7.4 Hole in One! badge

    35. 4.8 Level Up!

    36. Video 4.8.1 Multi-Level Game
    37. Example 4.8.2 Multiple Sports Holes
    38. Challenge 4.8.3 Round Two!

    39. 4.9 Final Touches

    40. Video 4.9.1 Final Touches
    41. Example 4.9.2 Hut Hut Putt Putt
    42. Challenge 4.9.3 Putt Putt CLINK
    43. Connection 4.9.4 Life of a Software Engineer at EA Sports

    44. 4.10 Make a Game!

    45. Video 4.10.1 Final Project
    46. Example 4.10.2 The Golf Coast
    47. Example 4.10.3 Mini-Golf Course
    48. Challenge 4.10.4 Mini-Golf
    49. Badge 4.10.5 Pro Golfer