Please enable JavaScript to use CodeHS

Alternate Exercises: Web Design (Picasso) - Outline

  1. Getting Started - What is the Web?

    1. 1.1 Welcome

    2. Video 1.1.1 Welcome to Web Design
    3. Check for Understanding 1.1.2 Welcome to Web Design Quiz
    4. Free Response 1.1.3 Websites in Your Life
    5. Free Response 1.1.4 What is Web Design?
    6. Free Response 1.1.5 Course Goals
    7. Connection 1.1.6 Web Design and Web Development
    8. Connection 1.1.7 Meet a Web Developer

    9. 1.2 The Internet

    10. Video 1.2.1 What is The Internet?
    11. Check for Understanding 1.2.2 What is the Internet? Quiz
    12. Connection 1.2.3 Internet Censorship: Google's Dragonfly Project
    13. Free Response 1.2.4 Internet Censorship Reflection
    14. Connection 1.2.5 The Right to Remain Anonymous?
    15. Free Response 1.2.6 Anonymity Reflection
    16. Video 1.2.7 How does the Internet Work?
    17. Check for Understanding 1.2.8 How does the Internet Work? Quiz
    18. Free Response 1.2.9 Internet Protocols

    19. 1.3 Browsers

    20. Video 1.3.1 Browsers
    21. Check for Understanding 1.3.2 Browser Quiz
    22. Connection 1.3.3 What is a Browser?
    23. Connection 1.3.4 Your Browser
    24. Free Response 1.3.5 Explaining a Browser

    25. 1.4 Viewing Websites

    26. Video 1.4.1 Viewing Websites
    27. Check for Understanding 1.4.2 Viewing Websites Quiz
    28. Free Response 1.4.3 Explaining a URL

    29. 1.5 Getting Started - What is the Web? Quiz

    30. Unit Quiz 1.5.1 Getting Started - What is the Web? Quiz
    31. Badge 1.5.2 Getting Started Badge

  2. HTML - Structuring Websites

    1. 2.1 Introduction to HTML

    2. Video 2.1.1 Introduction to HTML
    3. Check for Understanding 2.1.2 Introduction to HTML Quiz
    4. Example 2.1.3 Our First HTML Page
    5. Exercise 2.1.4 Say Hello!
    6. Exercise 2.1.5 Say Hello!

    7. 2.2 Structure of an HTML Page

    8. Video 2.2.1 Structure of an HTML Page
    9. Check for Understanding 2.2.2 Structure of an HTML Page Quiz
    10. Example 2.2.3 HTML Template
    11. Example 2.2.4 Hello World Page
    12. Exercise 2.2.5 The <title> Tag
    13. Exercise 2.2.6 The <title> Tag
    14. Exercise 2.2.7 Your First HTML Page

    15. 2.3 Formatting Text

    16. Video 2.3.1 Formatting Text
    17. Check for Understanding 2.3.2 Formatting Text Quiz
    18. Example 2.3.3 Dictionary
    19. Exercise 2.3.4 Word Definitions
    20. Exercise 2.3.5 Pet Names
    21. Exercise 2.3.6 Pet Names
    22. Exercise 2.3.7 Call of the Wild
    23. Badge 2.3.8 Formatting Badge

    24. 2.4 Links

    25. Video 2.4.1 Links
    26. Check for Understanding 2.4.2 Links Quiz
    27. Example 2.4.3 The <a> Tag
    28. Exercise 2.4.4 Bookmarks
    29. Exercise 2.4.5 Bookmarks
    30. Exercise 2.4.6 Encyclopedias

    31. 2.5 Images

    32. Video 2.5.1 Images
    33. Check for Understanding 2.5.2 Images Quiz
    34. Example 2.5.3 The <img> Tag
    35. Example 2.5.4 Building the CodeHS Homepage
    36. Exercise 2.5.5 Collage on a Theme
    37. Exercise 2.5.6 Linking an Image
    38. Exercise 2.5.7 Linking an Image
    39. Exercise 2.5.8 National Parks

    40. 2.6 Copyright

    41. Video 2.6.1 Copyright
    42. Check for Understanding 2.6.2 Copyright Quiz
    43. Example 2.6.3 Citing Sources Example
    44. Connection 2.6.4 Exploring Creative Commons
    45. Free Response 2.6.5 Response: Creative Commons
    46. Free Response 2.6.6 Finding Images
    47. Exercise 2.6.7 Make a Collage
    48. Exercise 2.6.8 Make a Collage
    49. Free Response 2.6.9 Why Copyright is Important

    50. 2.7 HTML Lists

    51. Video 2.7.1 HTML Lists
    52. Check for Understanding 2.7.2 HTML Lists Quiz
    53. Example 2.7.3 Grocery Shopping
    54. Exercise 2.7.4 Class Planning
    55. Exercise 2.7.5 Class Planning
    56. Exercise 2.7.6 Dream Destinations
    57. Exercise 2.7.7 Vacation Guides

    58. 2.8 HTML Tables

    59. Video 2.8.1 HTML Tables
    60. Check for Understanding 2.8.2 HTML Tables Quiz
    61. Example 2.8.3 Address Book
    62. Exercise 2.8.4 National Sports
    63. Exercise 2.8.5 National Sports
    64. Exercise 2.8.6 Table of Favorites

    65. 2.9 HTML Styling

    66. Video 2.9.1 HTML Styling
    67. Check for Understanding 2.9.2 HTML Styling Quiz
    68. Example 2.9.3 Stylish Address Book
    69. Exercise 2.9.4 Background Colors
    70. Exercise 2.9.5 Background Colors
    71. Exercise 2.9.6 Style Your Class List
    72. Badge 2.9.7 Styling Badge

    73. 2.10 HTML Colors

    74. Video 2.10.1 HTML Colors
    75. Check for Understanding 2.10.2 HTML Colors Quiz
    76. Example 2.10.3 HTML Colors Examples
    77. Exercise 2.10.4 Create Your Own Color
    78. Exercise 2.10.5 Gradients
    79. Connection 2.10.6 Color Wheel
    80. Exercise 2.10.7 Using Good Colors
    81. Exercise 2.10.8 Using Good Colors

    82. 2.11 HTML - Structuring Websites Quiz

    83. Unit Quiz 2.11.1 HTML - Structuring Websites Quiz
    84. Badge 2.11.2 HTML Badge

  3. CSS - Styling Websites

    1. 3.1 Introduction to CSS

    2. Video 3.1.1 Introduction to CSS
    3. Check for Understanding 3.1.2 Introduction to CSS Quiz
    4. Example 3.1.3 Styling your H1s
    5. Exercise 3.1.4 First style with CSS
    6. Exercise 3.1.5 First style with CSS
    7. Exercise 3.1.6 List Styling
    8. Exercise 3.1.7 Endangered Animals: Skeleton

    9. 3.2 CSS Select by Tag

    10. Video 3.2.1 CSS Select by Tag
    11. Check for Understanding 3.2.2 CSS Select by Tag Quiz
    12. Example 3.2.3 Rainbow
    13. Example 3.2.4 Puppy Styling
    14. Exercise 3.2.5 Set List
    15. Exercise 3.2.6 Set List
    16. Exercise 3.2.7 Your Appliance Recommendations
    17. Exercise 3.2.8 Endangered Animals: Style the Headers

    18. 3.3 CSS Select by Class

    19. Video 3.3.1 CSS Select by Class
    20. Check for Understanding 3.3.2 CSS Select by Class Quiz
    21. Example 3.3.3 Simple Checkerboard
    22. Exercise 3.3.4 Swim Meet
    23. Exercise 3.3.5 Swim Meet
    24. Exercise 3.3.6 Favorite Things
    25. Exercise 3.3.7 Endangered Animals: Add Color Coding

    26. 3.4 CSS Select by ID

    27. Video 3.4.1 CSS Select by ID
    28. Check for Understanding 3.4.2 CSS Select by ID Quiz
    29. Example 3.4.3 Logo
    30. Exercise 3.4.4 Must Do Today!
    31. Exercise 3.4.5 Must Do Today!
    32. Exercise 3.4.6 Lomeli's Menu
    33. Exercise 3.4.7 Endangered Animals: Add Pictures
    34. Badge 3.4.8 Selector Badge

    35. 3.5 The Cascade

    36. Video 3.5.1 The Cascade
    37. Check for Understanding 3.5.2 The Cascade Quiz
    38. Example 3.5.3 Using Importance
    39. Example 3.5.4 Order of Precedence
    40. Exercise 3.5.5 We Really Like Dairy
    41. Exercise 3.5.6 We Really Like Dairy
    42. Exercise 3.5.7 Style the Table

    43. 3.6 CSS - Styling Websites Quiz

    44. Unit Quiz 3.6.1 CSS - Styling Websites Quiz
    45. Badge 3.6.2 CSS Badge

  4. Project - Create Your Homepage

    1. 4.1 Homepage: Your First Website

    2. Example 4.1.1 Example Homepage
    3. Connection 4.1.2 Real World Homepage
    4. Challenge 4.1.3 Set Up Your codehs.me Website
    5. Challenge 4.1.4 Create Your Homepage
    6. Badge 4.1.5 Create Your Homepage Badge

  5. Advanced HTML and CSS

    1. 5.1 Getting Started - Advanced HTML and CSS

    2. Video 5.1.1 Getting Started
    3. Example 5.1.2 Example: Image Filters
    4. Example 5.1.3 Example: Animations
    5. Example 5.1.4 Example: Interactions

    6. 5.2 Multi-file Websites

    7. Video 5.2.1 Splitting Your Site into Files
    8. Check for Understanding 5.2.2 Splitting Your Site into Files Quiz
    9. Example 5.2.3 Multipage Site Example
    10. Exercise 5.2.4 Add a Style Sheet
    11. Exercise 5.2.5 Add a Style Sheet
    12. Exercise 5.2.6 Dividing the Site
    13. Exercise 5.2.7 Career Site: Creating Structure

    14. 5.3 Embedding iframes

    15. Video 5.3.1 Embedding iframes
    16. Check for Understanding 5.3.2 Embedding IFrames Quiz
    17. Example 5.3.3 Embedding CodeHS
    18. Example 5.3.4 Embedding a Map
    19. Exercise 5.3.5 Embedding a Website
    20. Exercise 5.3.6 Embedding a Website
    21. Exercise 5.3.7 Embed a Tweet
    22. Exercise 5.3.8 Embed a Video
    23. Exercise 5.3.9 Career Site: Include Outside Information

    24. 5.4 Divs

    25. Video 5.4.1 Divs
    26. Check for Understanding 5.4.2 Divs Quiz
    27. Example 5.4.3 Divvying up the Site
    28. Exercise 5.4.4 Quotes
    29. Exercise 5.4.5 Quotes
    30. Exercise 5.4.6 Flags
    31. Exercise 5.4.7 Career Site: Separate the Content
    32. Badge 5.4.8 Div Badge

    33. 5.5 Spans

    34. Video 5.5.1 Spans
    35. Check for Understanding 5.5.2 Spans Quiz
    36. Example 5.5.3 Span Formatting
    37. Exercise 5.5.4 Vocabulary
    38. Exercise 5.5.5 Text Decoration
    39. Exercise 5.5.6 Text Decoration
    40. Exercise 5.5.7 Career Site: Style Special Pieces

    41. 5.6 Semantic Tags

    42. Video 5.6.1 Semantic Tags
    43. Example 5.6.2 Semantic Skeleton
    44. Example 5.6.3 Section Flowchart Example
    45. Example 5.6.4 Semantic Article
    46. Exercise 5.6.5 Great Quotes
    47. Exercise 5.6.6 Article of Interest
    48. Exercise 5.6.7 Career Site: Semantic Tags
    49. Exercise 5.6.8 Career Site: Semantic Tags

    50. 5.7 Combining CSS Selectors

    51. Video 5.7.1 Combining CSS Selectors
    52. Check for Understanding 5.7.2 Combining CSS Selectors Quiz
    53. Example 5.7.3 More Specific Styling
    54. Exercise 5.7.4 Choosing Nested Tags
    55. Exercise 5.7.5 Highlight the First Item
    56. Exercise 5.7.6 Highlight the First Item
    57. Exercise 5.7.7 Mars Helicopter Data

    58. 5.8 The Don't Repeat Yourself Principle

    59. Video 5.8.1 Don't Repeat Yourself
    60. Check for Understanding 5.8.2 Don't Repeat Yourself Quiz
    61. Example 5.8.3 Styling Multiple Tags
    62. Example 5.8.4 Style Similar Items with Same Class
    63. Exercise 5.8.5 Managing Change
    64. Exercise 5.8.6 Condense CSS Rules
    65. Exercise 5.8.7 Condense CSS Rules
    66. Free Response 5.8.8 Why DRY?

    67. 5.9 Special Selectors

    68. Video 5.9.1 Special Selectors
    69. Check for Understanding 5.9.2 Special Selectors Quiz
    70. Example 5.9.3 Vote For Me
    71. Example 5.9.4 Vote For Me Pt 2
    72. Exercise 5.9.5 Extend Vote For Me
    73. Exercise 5.9.6 Special Vendors
    74. Exercise 5.9.7 Checklist
    75. Exercise 5.9.8 Checklist
    76. Exercise 5.9.9 Career Website: Add Milestones
    77. Badge 5.9.10 Special Selectors Badge

    78. 5.10 Visibility

    79. Video 5.10.1 Visibility
    80. Check for Understanding 5.10.2 Visibility Quiz
    81. Example 5.10.3 Display Example
    82. Example 5.10.4 Fading Text
    83. Exercise 5.10.5 Favorite Sea Creature
    84. Exercise 5.10.6 Favorite Sea Creature
    85. Exercise 5.10.7 Caption on Demand

    86. 5.11 Reading Documentation

    87. Video 5.11.1 Reading Documentation
    88. Check for Understanding 5.11.2 Reading Documentation Quiz
    89. Example 5.11.3 Using Docs: Float
    90. Example 5.11.4 Using Docs: <blockquote> Tag
    91. Exercise 5.11.5 Style the Table
    92. Exercise 5.11.6 Style the Table
    93. Exercise 5.11.7 Electric Company
    94. Exercise 5.11.8 Career Website: Add Pictures

    95. 5.12 Using the Inspector

    96. Video 5.12.1 Using the Inspector
    97. Check for Understanding 5.12.2 Using the Inspector Tool Quiz
    98. Connection 5.12.3 Inspector Quick Start
    99. Check for Understanding 5.12.4 Classes and IDs
    100. Check for Understanding 5.12.5 Exploring the Art Museum
    101. Quiz 5.12.6 What's Your Style?

    102. 5.13 The Box Model

    103. Video 5.13.1 The Box Model
    104. Check for Understanding 5.13.2 The Box Model Quiz
    105. Example 5.13.3 Adding Space Using Margin
    106. Example 5.13.4 Adding Space Using Padding
    107. Example 5.13.5 Combining Margin and Padding
    108. Exercise 5.13.6 I need some space!
    109. Exercise 5.13.7 I need some space!
    110. Exercise 5.13.8 I need some breathing room!
    111. Free Response 5.13.9 Where is space added?
    112. Example 5.13.10 Measuring Space
    113. Exercise 5.13.11 Align Content Side by Side
    114. Exercise 5.13.12 Career Website: Separate Content
    115. Connection 5.13.13 Design with the Box Model
    116. Badge 5.13.14 Box Badge

    117. 5.14 Image Manipulation

    118. Video 5.14.1 Image Manipulation
    119. Check for Understanding 5.14.2 Image Manipulation Quiz
    120. Example 5.14.3 Grayscale Filter
    121. Example 5.14.4 Blur Filter
    122. Example 5.14.5 Hue Rotation
    123. Exercise 5.14.6 Invert Filter
    124. Exercise 5.14.7 Blurred
    125. Exercise 5.14.8 Hue Rotation Comparisons
    126. Exercise 5.14.9 Overexposure
    127. Exercise 5.14.10 Overexposure
    128. Exercise 5.14.11 Grayscale Art
    129. Exercise 5.14.12 Worldwide Foods Part 1
    130. Exercise 5.14.13 Worldwide Foods Part 2

    131. 5.15 Animation

    132. Video 5.15.1 Animation
    133. Check for Understanding 5.15.2 Animation Quiz
    134. Example 5.15.3 Animated Image Filter
    135. Exercise 5.15.4 Animated Invert Filter
    136. Exercise 5.15.5 Animated Invert Filter
    137. Exercise 5.15.6 Album Cover
    138. Exercise 5.15.7 Worldwide Foods Part 3

    139. 5.16 Interaction

    140. Video 5.16.1 Interaction
    141. Check for Understanding 5.16.2 Interaction Quiz
    142. Example 5.16.3 Interactive Image Filter
    143. Example 5.16.4 Smooth Interactive Image Filter
    144. Example 5.16.5 Smooth Change on Click
    145. Exercise 5.16.6 Button Interaction
    146. Exercise 5.16.7 Button Interaction
    147. Exercise 5.16.8 Create Your Own Tooltip
    148. Exercise 5.16.9 Worldwide Foods Part 4
    149. Exercise 5.16.10 Career Website: Engage the User
    150. Connection 5.16.11 CSS Tricks

    151. 5.17 Advanced HTML and CSS Quiz

    152. Unit Quiz 5.17.1 Advanced HTML and CSS Quiz
    153. Badge 5.17.2 Advanced HTML and CSS Badge

  6. Project - Tell a Story

    1. 6.1 Project: Tell a Story

    2. Connection 6.1.1 Real World Example: Infographic
    3. Challenge 6.1.2 Project: Tell a Story
    4. Badge 6.1.3 Tell a Story Badge

  7. Bootstrap

    1. 7.1 What is Bootstrap?

    2. Video 7.1.1 What is Bootstrap?
    3. Example 7.1.2 Example Bootstrap Mobile Site
    4. Connection 7.1.3 Real World Bootstrap: OneNYC
    5. Free Response 7.1.4 Responsive vs Unresponsive
    6. Free Response 7.1.5 Favorite Bootstrap Site

    7. 7.2 Getting Started with Bootstrap

    8. Video 7.2.1 Getting Started with Bootstrap
    9. Check for Understanding 7.2.2 Getting Started Quiz
    10. Example 7.2.3 First Bootstrap Page
    11. Example 7.2.4 Container-Fluid Page
    12. Exercise 7.2.5 Using the Bootstrap Skeleton
    13. Exercise 7.2.6 Your First Bootstrap
    14. Exercise 7.2.7 Your First Bootstrap
    15. Challenge 7.2.8 1. Photo Portfolio
    16. Connection 7.2.9 Container Docs

    17. 7.3 The Bootstrap Grid System

    18. Video 7.3.1 The Grid System
    19. Check for Understanding 7.3.2 The Bootstrap Grid Quiz
    20. Example 7.3.3 Grid System Example
    21. Example 7.3.4 Column Overflow
    22. Example 7.3.5 Different Device Sizes
    23. Example 7.3.6 Example Layout
    24. Example 7.3.7 Realty: Grid System
    25. Exercise 7.3.8 Grid Practice
    26. Exercise 7.3.9 Grid Practice
    27. Exercise 7.3.10 Endangered Animals
    28. Challenge 7.3.11 2. Photo Portfolio
    29. Connection 7.3.12 Grid System Docs

    30. 7.4 Bootstrap Components

    31. Video 7.4.1 Bootstrap Components
    32. Quiz 7.4.2 Bootstrap Components Quiz
    33. Example 7.4.3 Text Formats
    34. Example 7.4.4 Making Buttons
    35. Example 7.4.5 Button Groups
    36. Example 7.4.6 Using Icons
    37. Example 7.4.7 Realty: Buttons and Page Headers
    38. Exercise 7.4.8 Header and Buttons
    39. Exercise 7.4.9 Header and Buttons
    40. Exercise 7.4.10 Icon Buttons
    41. Challenge 7.4.11 3. Photo Portfolio
    42. Connection 7.4.12 Button Docs
    43. Connection 7.4.13 Icon Docs

    44. 7.5 More Bootstrap Components

    45. Video 7.5.1 More Bootstrap Components
    46. Check for Understanding 7.5.2 More Bootstrap Components Quiz
    47. Example 7.5.3 Thumbnail Skeleton
    48. Example 7.5.4 Kitten Thumbnails
    49. Example 7.5.5 Table Skeleton
    50. Example 7.5.6 Striped Tables
    51. Example 7.5.7 Realty: Thumbnail Links
    52. Exercise 7.5.8 Shoe Shop
    53. Exercise 7.5.9 Shoe Shop
    54. Exercise 7.5.10 Adding Captions
    55. Exercise 7.5.11 Bootstrap Tables
    56. Exercise 7.5.12 Favorite TV Shows
    57. Exercise 7.5.13 Favorite Animals
    58. Challenge 7.5.14 4. Photo Portfolio
    59. Connection 7.5.15 Thumbnail Docs
    60. Connection 7.5.16 Table Docs

    61. 7.6 Navigation Bars

    62. Video 7.6.1 Navigation Bars
    63. Check for Understanding 7.6.2 Navigation Bars Quiz
    64. Connection 7.6.3 Navbar Docs
    65. Example 7.6.4 Simple Nav Tabs
    66. Example 7.6.5 Basic Navbar
    67. Example 7.6.6 Basic Collapsable Navbar
    68. Example 7.6.7 Realty: Navbar
    69. Example 7.6.8 Realty: Collapsable Navbar
    70. Exercise 7.6.9 Navigation Links
    71. Exercise 7.6.10 Navigation Links
    72. Exercise 7.6.11 Navbar Puzzles
    73. Exercise 7.6.12 Making Navbars
    74. Challenge 7.6.13 5. Photo Portfolio

    75. 7.7 Drop Down Menus

    76. Video 7.7.1 Drop Down Menus
    77. Check for Understanding 7.7.2 Drop Down Menus Quiz
    78. Example 7.7.3 Basic Dropdown
    79. Example 7.7.4 Realty: Dropdown
    80. Exercise 7.7.5 World Traveller
    81. Exercise 7.7.6 Which Animal?
    82. Exercise 7.7.7 Which Animal?
    83. Exercise 7.7.8 Dropdown Nav
    84. Challenge 7.7.9 6. Photo Portfolio
    85. Connection 7.7.10 Drop Down Menu Docs
    86. Badge 7.7.11 Menu Badge

    87. 7.8 Using Bootstrap Examples

    88. Video 7.8.1 Using Bootstrap Examples
    89. Check for Understanding 7.8.2 Using Bootstrap Examples Quiz
    90. Connection 7.8.3 Bootstrap Starter Templates
    91. Example 7.8.4 Realty: Carousel
    92. Example 7.8.5 Blog Bootstrap Template
    93. Example 7.8.6 Carousel Bootstrap Template
    94. Example 7.8.7 Dashboard Bootstrap Template
    95. Example 7.8.8 Cover Bootstrap Template
    96. Example 7.8.9 Cover Site From Template
    97. Challenge 7.8.10 Modify the Template
    98. Challenge 7.8.11 7. Photo Portfolio

    99. 7.9 Bootstrap Challenges

    100. Challenge 7.9.1 Sticky Navbar
    101. Challenge 7.9.2 Adding Interactions
    102. Challenge 7.9.3 Team Page
    103. Challenge 7.9.4 8. Photo Portfolio

    104. 7.10 Bootstrap Quiz

    105. Unit Quiz 7.10.1 Bootstrap Quiz
    106. Badge 7.10.2 Bootstrap Badge

  8. Bootstrap Project

    1. 8.1 Bootstrap Project

    2. Example 8.1.1 Example Mobile Responsive Website
    3. Connection 8.1.2 Real World Bootstrap: University of Washington
    4. Connection 8.1.3 Real World Bootstrap: Maple
    5. Challenge 8.1.4 Project: Create a Mobile Responsive Website
    6. Badge 8.1.5 Bootstrap Project Badge

  9. Designing User Interfaces

    1. 9.1 Intro to Design Thinking

    2. Video 9.1.1 Intro to Design Thinking
    3. Check for Understanding 9.1.2 Intro to Design Thinking
    4. Free Response 9.1.3 User Interface Scavenger Hunt
    5. Connection 9.1.4 Case Study: Helping Blind People See
    6. Free Response 9.1.5 Case Study Responses
    7. Connection 9.1.6 Crash Course: Empathize
    8. Free Response 9.1.7 Empathize Notes
    9. Connection 9.1.8 Crash Course: Define
    10. Free Response 9.1.9 Problem Statement
    11. Connection 9.1.10 Crash Course: Ideate
    12. Free Response 9.1.11 Ideate Notes
    13. Connection 9.1.12 Crash Course: Prototype and Test
    14. Free Response 9.1.13 Testing Notes
    15. Free Response 9.1.14 Topic Brainstorm
    16. Free Response 9.1.15 Narrowing Down Topics

    17. 9.2 Empathy

    18. Video 9.2.1 Empathy
    19. Check for Understanding 9.2.2 Empathy Quiz
    20. Connection 9.2.3 A Cafeteria Designed for Me
    21. Free Response 9.2.4 A Cafeteria Designed for Me
    22. Connection 9.2.5 Accessibility
    23. Free Response 9.2.6 Accessibility Tips
    24. Free Response 9.2.7 Accessibility: Designing for ALL
    25. Connection 9.2.8 How to Interview
    26. Free Response 9.2.9 How to Interview
    27. Free Response 9.2.10 User Interview

    28. 9.3 Define

    29. Video 9.3.1 Define
    30. Check for Understanding 9.3.2 Define Quiz
    31. Connection 9.3.3 Make a Composite Character Profile
    32. Free Response 9.3.4 Composite Character Profile
    33. Free Response 9.3.5 Point-of-View Statement Brainstorm
    34. Free Response 9.3.6 POV Statement

    35. 9.4 Ideate

    36. Video 9.4.1 Ideate
    37. Check for Understanding 9.4.2 Ideate Quiz
    38. Connection 9.4.3 Stoke
    39. Free Response 9.4.4 Get Stoked
    40. Connection 9.4.5 Brainstorming Tips
    41. Free Response 9.4.6 Ideate!

    42. 9.5 Prototype

    43. Video 9.5.1 Prototype
    44. Check for Understanding 9.5.2 Prototype Quiz
    45. Connection 9.5.3 Brainstorm Selection
    46. Free Response 9.5.4 Harvest Ideas from the Brainstorm
    47. Connection 9.5.5 Wizard of Oz Prototyping
    48. Connection 9.5.6 Example Wizard of Oz Paper Prototype
    49. Free Response 9.5.7 Make Your Paper Prototypes!

    50. 9.6 Test

    51. Video 9.6.1 Test
    52. Check for Understanding 9.6.2 Testing Quiz
    53. Connection 9.6.3 Testing with Users
    54. Connection 9.6.4 Example: How to User Test
    55. Free Response 9.6.5 How to User Test Responses
    56. Connection 9.6.6 Example: How NOT to User Test
    57. Free Response 9.6.7 How NOT to User Test Responses
    58. Free Response 9.6.8 Test Prototype 1
    59. Free Response 9.6.9 Test Prototype 2
    60. Free Response 9.6.10 Improve Your Prototype

    61. 9.7 Designing User Interfaces Quiz

    62. Unit Quiz 9.7.1 Designing User Interfaces Quiz
    63. Badge 9.7.2 Designing User Interfaces Badge

  10. Final Project

    1. 10.1 Final Web Design Project

    2. Free Response 10.1.1 Milestones
    3. Challenge 10.1.2 Final Project
    4. Badge 10.1.3 Final Project Badge
    5. Badge 10.1.4 Web Design Completed

  11. Midterm

    1. 11.1 Midterm

    2. Quiz 11.1.1 Midterm

  12. The Internet

    1. 12.1 Getting Started - The Internet

    2. Video 12.1.1 Welcome to the Internet
    3. Check for Understanding 12.1.2 Welcome to the Internet Quiz
    4. Free Response 12.1.3 The Internet and You

    5. 12.2 Internet Hardware

    6. Video 12.2.1 Hardware of the Internet
    7. Check for Understanding 12.2.2 Internet Hardware Quiz
    8. Connection 12.2.3 The Internet is in the Ocean

    9. 12.3 Internet Addresses

    10. Video 12.3.1 Internet Addresses
    11. Check for Understanding 12.3.2 Internet Addresses Quiz
    12. Free Response 12.3.3 The Need for Addresses
    13. Check for Understanding 12.3.4 4-bit Addresses
    14. Free Response 12.3.5 IPv4 vs IPv6

    15. 12.4 DNS

    16. Video 12.4.1 DNS
    17. Check for Understanding 12.4.2 DNS Quiz
    18. Connection 12.4.3 How Does DNS Work?
    19. Free Response 12.4.4 How Does DNS Work?

    20. 12.5 Routing

    21. Video 12.5.1 Routing
    22. Check for Understanding 12.5.2 Routing Quiz
    23. Free Response 12.5.3 Redundancy
    24. Traceroute 12.5.4 Route Tracing

    25. 12.6 Packets and Protocols

    26. Video 12.6.1 Packets and Protocols
    27. Check for Understanding 12.6.2 Packets and Protocols Quiz
    28. Resource 12.6.3 Passing Notes
    29. Connection 12.6.4 How the Internet Works
    30. Free Response 12.6.5 The Story of the Internet

    31. 12.7 The Impact of the Internet

    32. Video 12.7.1 The Impact of the Internet
    33. Check for Understanding 12.7.2 The Impact of the Internet Quiz
    34. Connection 12.7.3 Pokemon Go: Unintended Effects

    35. 12.8 The Internet Quiz

    36. Unit Quiz 12.8.1 The Internet Quiz

  13. Design Research Project

    1. 13.1 Design Research Project

    2. Free Response 13.1.1 Research a Design Concept
    3. Free Response 13.1.2 Explain Your Design Concept
    4. Challenge 13.1.3 Create an Example
    5. Presentation 13.1.4 Present Your Design Concept

  14. Web Design Pretest

    1. 14.1 Web Design Pretest

    2. Notes 14.1.1 About the Pretest
    3. Survey 14.1.2 Mindsets
    4. Quiz 14.1.3 Knowledge & Skills: Web Design

  15. Web Design Posttest

    1. 15.1 Web Design Posttest

    2. Notes 15.1.1 About the Posttest
    3. Survey 15.1.2 Mindsets
    4. Quiz 15.1.3 Web Design Knowledge & Skills