Please enable JavaScript to use CodeHS

South Carolina Fundamentals of Web Page Design and Development - Outline

  1. The 21st Century Workplace

    1. 1.1 School and Classroom Safety

    2. Notes 1.1.1 Creating the ideal classroom
    3. Free Response 1.1.2 The Yarn Activity
    4. Connection 1.1.3 Basic Lab Safety
    5. Free Response 1.1.4 Reflection: Basic Safety rules

    6. 1.2 Workplace Safety

    7. Article 1.2.1 Workplace Accidents
    8. Free Response 1.2.2 Reflection: Workplace Accidents
    9. Exercise 1.2.3 One Pager: What Rules Exist

    10. 1.3 Skills for the 21st Century

    11. Free Response 1.3.1 What skills do you need?
    12. Connection 1.3.2 Skills for the 21st Century
    13. Free Response 1.3.3 Demonstrating skills in the classroom

    14. 1.4 Computer Science Careers

    15. Video 1.4.1 Computer Science All Around Us
    16. Quiz 1.4.2 Computer Science All Around Us
    17. Connection 1.4.3 CS Careers
    18. Free Response 1.4.4 CS Career Response
    19. Connection 1.4.5 Coding in the Wild
    20. Free Response 1.4.6 Coding in the Wild Response
    21. Connection 1.4.7 Inclusive Coding
    22. Free Response 1.4.8 Inclusive Coding Response
    23. Resource 1.4.9 Career Research
    24. Notes 1.4.10 Career & Technical Student Organizations (CTSO)
    25. Free Response 1.4.11 Refection: CTSOs

  2. The Internet

    1. 2.1 Welcome to the Internet

    2. Video 2.1.1 Welcome to the Internet
    3. Check for Understanding 2.1.2 Welcome to the Internet Quiz
    4. Free Response 2.1.3 Reflection: The Internet and You
    5. Free Response 2.1.4 An Internet Timeline

    6. 2.2 Viewing Websites

    7. Video 2.2.1 Viewing Websites
    8. Check for Understanding 2.2.2 Viewing Websites Quiz
    9. Free Response 2.2.3 Free Response: Explaining a URL
    10. Connection 2.2.4 Viewing Websites In Different Browsers
    11. Free Response 2.2.5 Reflection: Using Different Browsers

    12. 2.3 Digital Footprint and Reputation

    13. Video 2.3.1 Digital Footprint and Reputation
    14. Check for Understanding 2.3.2 Digital Footprint and Reputation
    15. Example 2.3.3 Social Media Clean-up
    16. Free Response 2.3.4 Building a Positive Digital Footprint
    17. Connection 2.3.5 Right to be Forgotten?
    18. Free Response 2.3.6 Right to be Forgotten
    19. Free Response 2.3.7 What is your Digital Footprint?

    20. 2.4 Ethics and Legal Considerations

    21. Article 2.4.1 Legal, Ethics, and Bias in Computing
    22. Article 2.4.2 Which Laws?
    23. Connection 2.4.3 Self-driving Cars
    24. Free Response 2.4.4 Self-driving Cars
    25. Free Response 2.4.5 Negative Consequences

    26. 2.5 Cybersecurity

    27. Video 2.5.1 Cybersecurity
    28. Check for Understanding 2.5.2 Cybersecurity Quiz
    29. Example 2.5.3 You Can Be Tracked!
    30. Connection 2.5.4 Password Strength
    31. Free Response 2.5.5 Reflection: Password Strength
    32. Example 2.5.6 Phishing Simulator
    33. Connection 2.5.7 Rogue Access Points
    34. Connection 2.5.8 Phishing for Your Info
    35. Free Response 2.5.9 Phishing Reflection

    36. 2.6 Project: e-Commerce

    37. Exercise 2.6.1 One Pager: Principles of e-Commerce

  3. HTML - Structuring Websites

    1. 3.1 Introduction to HTML

    2. Video 3.1.1 Introduction to HTML
    3. Check for Understanding 3.1.2 Introduction to HTML Quiz
    4. Example 3.1.3 Our First HTML Page
    5. Exercise 3.1.4 Say Hello!

    6. 3.2 Structure of an HTML Page

    7. Video 3.2.1 Structure of an HTML Page
    8. Check for Understanding 3.2.2 Structure of an HTML Page Quiz
    9. Example 3.2.3 HTML Template
    10. Example 3.2.4 Hello World Page
    11. Exercise 3.2.5 The <title> Tag
    12. Exercise 3.2.6 Your First HTML Page

    13. 3.3 Formatting Text

    14. Video 3.3.1 Formatting Text
    15. Check for Understanding 3.3.2 Formatting Text Quiz
    16. Example 3.3.3 Dictionary
    17. Example 3.3.4 Using Special Characters
    18. Exercise 3.3.5 Word Definitions
    19. Exercise 3.3.6 Pet Names
    20. Exercise 3.3.7 Call of the Wild
    21. Badge 3.3.8 Formatting Badge

    22. 3.4 Links

    23. Video 3.4.1 Links
    24. Check for Understanding 3.4.2 Links Quiz
    25. Example 3.4.3 The <a> Tag
    26. Exercise 3.4.4 Bookmarks
    27. Exercise 3.4.5 Encyclopedias

    28. 3.5 Images

    29. Video 3.5.1 Images
    30. Check for Understanding 3.5.2 Images Quiz
    31. Example 3.5.3 The <img> Tag
    32. Exercise 3.5.4 Collage on a Theme
    33. Exercise 3.5.5 Linking an Image
    34. Exercise 3.5.6 National Parks

    35. 3.6 Copyright

    36. Video 3.6.1 Copyright
    37. Check for Understanding 3.6.2 Copyright Quiz
    38. Example 3.6.3 Citing Sources Example
    39. Connection 3.6.4 Exploring Creative Commons
    40. Free Response 3.6.5 Response: Creative Commons
    41. Free Response 3.6.6 Finding Images
    42. Exercise 3.6.7 Make a Collage
    43. Free Response 3.6.8 Why Copyright is Important

    44. 3.7 HTML Lists

    45. Video 3.7.1 HTML Lists
    46. Check for Understanding 3.7.2 HTML Lists Quiz
    47. Example 3.7.3 Grocery Shopping
    48. Exercise 3.7.4 Class Planning
    49. Exercise 3.7.5 Dream Destinations
    50. Exercise 3.7.6 Vacation Guides

    51. 3.8 HTML Tables

    52. Video 3.8.1 HTML Tables
    53. Check for Understanding 3.8.2 HTML Tables Quiz
    54. Example 3.8.3 Address Book
    55. Exercise 3.8.4 National Sports
    56. Exercise 3.8.5 Table of Favorites

    57. 3.9 HTML Styling

    58. Video 3.9.1 HTML Styling
    59. Check for Understanding 3.9.2 HTML Styling Quiz
    60. Example 3.9.3 Stylish Address Book
    61. Exercise 3.9.4 Background Colors
    62. Exercise 3.9.5 Style Your Class List
    63. Badge 3.9.6 Styling Badge

    64. 3.10 HTML Colors

    65. Video 3.10.1 HTML Colors
    66. Check for Understanding 3.10.2 HTML Colors Quiz
    67. Example 3.10.3 HTML Colors Examples
    68. Exercise 3.10.4 Create Your Own Color
    69. Exercise 3.10.5 Gradients
    70. Connection 3.10.6 Color Wheel
    71. Exercise 3.10.7 Using Good Colors

    72. 3.11 HTML - Structuring Websites Quiz

    73. Unit Quiz 3.11.1 HTML - Structuring Websites Quiz
    74. Badge 3.11.2 HTML Badge

  4. CSS - Styling Websites

    1. 4.1 Introduction to CSS

    2. Video 4.1.1 Introduction to CSS
    3. Check for Understanding 4.1.2 Introduction to CSS Quiz
    4. Example 4.1.3 Styling your H1s
    5. Exercise 4.1.4 First style with CSS
    6. Exercise 4.1.5 List Styling
    7. Exercise 4.1.6 Endangered Animals: Skeleton

    8. 4.2 CSS Select by Tag

    9. Video 4.2.1 CSS Select by Tag
    10. Check for Understanding 4.2.2 CSS Select by Tag Quiz
    11. Example 4.2.3 Rainbow
    12. Example 4.2.4 Puppy Styling
    13. Exercise 4.2.5 Set List
    14. Exercise 4.2.6 Your Appliance Recommendations
    15. Exercise 4.2.7 Endangered Animals: Style the Headers

    16. 4.3 CSS Select by Class

    17. Video 4.3.1 CSS Select by Class
    18. Check for Understanding 4.3.2 CSS Select by Class Quiz
    19. Example 4.3.3 Simple Checkerboard
    20. Exercise 4.3.4 Swim Meet
    21. Exercise 4.3.5 Favorite Things
    22. Exercise 4.3.6 Endangered Animals: Add Color Coding

    23. 4.4 CSS Select by ID

    24. Video 4.4.1 CSS Select by ID
    25. Check for Understanding 4.4.2 CSS Select by ID Quiz
    26. Example 4.4.3 Logo
    27. Exercise 4.4.4 Must Do Today!
    28. Exercise 4.4.5 Lomeli's Menu
    29. Exercise 4.4.6 Endangered Animals: Add Pictures
    30. Badge 4.4.7 Selector Badge

    31. 4.5 The Cascade

    32. Video 4.5.1 The Cascade
    33. Check for Understanding 4.5.2 The Cascade Quiz
    34. Example 4.5.3 Using Importance
    35. Example 4.5.4 Order of Precedence
    36. Exercise 4.5.5 We Really Like Dairy
    37. Exercise 4.5.6 Style the Table

    38. 4.6 Multi-file Websites

    39. Video 4.6.1 Splitting Your Site Into Files
    40. Quiz 4.6.2 Splitting Your Site Into Files Quiz
    41. Example 4.6.3 Multipage Site Examples
    42. Exercise 4.6.4 Add a Style Sheet
    43. Exercise 4.6.5 Dividing the Site
    44. Exercise 4.6.6 Career Site: Creating Structure

    45. 4.7 CSS - Styling Websites Quiz

    46. Unit Quiz 4.7.1 CSS - Styling Websites Quiz
    47. Badge 4.7.2 CSS 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 Embedding iframes

    7. Video 5.2.1 Embedding iframes
    8. Check for Understanding 5.2.2 Embedding IFrames Quiz
    9. Example 5.2.3 Embedding CodeHS
    10. Exercise 5.2.4 Embedding a Website
    11. Exercise 5.2.5 Embed a Tweet
    12. Exercise 5.2.6 Embed a Video
    13. Exercise 5.2.7 Career Site: Include Outside Information

    14. 5.3 Divs

    15. Video 5.3.1 Divs
    16. Check for Understanding 5.3.2 Divs Quiz
    17. Example 5.3.3 Divvying up the Site
    18. Exercise 5.3.4 Quotes
    19. Exercise 5.3.5 Flags
    20. Exercise 5.3.6 Career Site: Separate the Content
    21. Badge 5.3.7 Div Badge

    22. 5.4 Spans

    23. Video 5.4.1 Spans
    24. Check for Understanding 5.4.2 Spans Quiz
    25. Example 5.4.3 Span Formatting
    26. Exercise 5.4.4 Vocabulary
    27. Exercise 5.4.5 Text Decoration
    28. Exercise 5.4.6 Career Site: Style Special Pieces

    29. 5.5 Semantic Tags

    30. Video 5.5.1 Semantic Tags
    31. Example 5.5.2 Semantic Skeleton
    32. Example 5.5.3 Section Flowchart Example
    33. Example 5.5.4 Semantic Article
    34. Exercise 5.5.5 Great Quotes
    35. Exercise 5.5.6 Article of Interest
    36. Exercise 5.5.7 Career Site: Semantic Tags

    37. 5.6 Combining CSS Selectors

    38. Video 5.6.1 Combining CSS Selectors
    39. Check for Understanding 5.6.2 Combining CSS Selectors Quiz
    40. Example 5.6.3 More Specific Styling
    41. Exercise 5.6.4 Choosing Nested Tags
    42. Exercise 5.6.5 Highlight the First Item
    43. Exercise 5.6.6 Calorie Recommendations

    44. 5.7 The Don't Repeat Yourself Principle

    45. Video 5.7.1 Don't Repeat Yourself
    46. Check for Understanding 5.7.2 Don't Repeat Yourself Quiz
    47. Example 5.7.3 Styling Multiple Tags
    48. Example 5.7.4 Style Similar Items with Same Class
    49. Exercise 5.7.5 Managing Change
    50. Exercise 5.7.6 Condense CSS Rules
    51. Free Response 5.7.7 Why DRY?

    52. 5.8 Special Selectors

    53. Video 5.8.1 Special Selectors
    54. Check for Understanding 5.8.2 Special Selectors Quiz
    55. Example 5.8.3 Vote For Me
    56. Example 5.8.4 Vote For Me Pt 2
    57. Exercise 5.8.5 Extend Vote For Me
    58. Exercise 5.8.6 Special Vendors
    59. Exercise 5.8.7 Checklist
    60. Exercise 5.8.8 Career Website: Add Milestones
    61. Badge 5.8.9 Special Selectors Badge

    62. 5.9 Visibility

    63. Video 5.9.1 Visibility
    64. Check for Understanding 5.9.2 Visibility Quiz
    65. Example 5.9.3 Display Example
    66. Example 5.9.4 Fading Text
    67. Exercise 5.9.5 Favorite Sea Creature
    68. Exercise 5.9.6 Caption on Demand

    69. 5.10 Reading Documentation

    70. Video 5.10.1 Reading Documentation
    71. Check for Understanding 5.10.2 Reading Documentation Quiz
    72. Example 5.10.3 Using Docs: Float
    73. Example 5.10.4 Using Docs: <blockquote> Tag
    74. Exercise 5.10.5 Style the Table
    75. Exercise 5.10.6 Electric Company
    76. Exercise 5.10.7 Career Website: Add Pictures

    77. 5.11 Using the Inspector

    78. Video 5.11.1 Using the Inspector
    79. Check for Understanding 5.11.2 Using the Inspector Tool Quiz
    80. Connection 5.11.3 Inspector Quick Start
    81. Check for Understanding 5.11.4 Classes and IDs
    82. Check for Understanding 5.11.5 Exploring the Art Museum
    83. Check for Understanding 5.11.6 What's Your Style?

    84. 5.12 The Box Model

    85. Video 5.12.1 The Box Model
    86. Check for Understanding 5.12.2 The Box Model Quiz
    87. Example 5.12.3 Adding Space Using Margin
    88. Example 5.12.4 Adding Space Using Padding
    89. Example 5.12.5 Combining Margin and Padding
    90. Example 5.12.6 Margin and Padding with em
    91. Exercise 5.12.7 I need some space!
    92. Exercise 5.12.8 I need some breathing room!
    93. Free Response 5.12.9 Where is space added?
    94. Free Response 5.12.10 Relative Measurements
    95. Exercise 5.12.11 Align Content Side by Side
    96. Exercise 5.12.12 Career Website: Separate Content
    97. Connection 5.12.13 Design with the Box Model
    98. Badge 5.12.14 Box Badge

    99. 5.13 Image Manipulation

    100. Video 5.13.1 Image Manipulation
    101. Check for Understanding 5.13.2 Image Manipulation Quiz
    102. Example 5.13.3 Grayscale Filter
    103. Example 5.13.4 Blur Filter
    104. Example 5.13.5 Hue Rotation
    105. Exercise 5.13.6 Invert Filter
    106. Exercise 5.13.7 Blurred
    107. Exercise 5.13.8 Hue Rotation Comparisons
    108. Exercise 5.13.9 Overexposure
    109. Exercise 5.13.10 Grayscale Art
    110. Exercise 5.13.11 Aesop's Fables Part 1
    111. Exercise 5.13.12 Aesop's Fables Part 2

    112. 5.14 Animation

    113. Video 5.14.1 Animation
    114. Check for Understanding 5.14.2 Animation Quiz
    115. Example 5.14.3 Animated Image Filter
    116. Exercise 5.14.4 Animated Invert Filter
    117. Exercise 5.14.5 Album Cover
    118. Exercise 5.14.6 Aesop's Fables Part 3

    119. 5.15 Interaction

    120. Video 5.15.1 Interaction
    121. Check for Understanding 5.15.2 Interaction Quiz
    122. Example 5.15.3 Interactive Image Filter
    123. Example 5.15.4 Smooth Interactive Image Filter
    124. Example 5.15.5 Smooth Change on Click
    125. Exercise 5.15.6 Button Interaction
    126. Exercise 5.15.7 Create Your Own Tooltip
    127. Exercise 5.15.8 Aesop's Fables Part 4
    128. Exercise 5.15.9 Career Website: Engage the User
    129. Connection 5.15.10 CSS Tricks

    130. 5.16 CSS Frameworks

    131. Video 5.16.1 What is a CSS Framework?
    132. Example 5.16.2 Making Buttons
    133. Example 5.16.3 Mobile Site Bootstrap Example
    134. Connection 5.16.4 Real World Bootstrap: OneNYC
    135. Connection 5.16.5 Real World Tailwind: Alastair Gray's Portfolio
    136. Notes 5.16.6 Tailwind CSS Component Examples
    137. Free Response 5.16.7 Reflection: Using CSS Frameworks

    138. 5.17 Advanced HTML and CSS Quiz

    139. Unit Quiz 5.17.1 Advanced HTML and CSS Quiz
    140. Badge 5.17.2 Advanced HTML and CSS Badge

  6. Project - Create Your Homepage

    1. 6.1 Homepage: Your First Website

    2. Example 6.1.1 Example Homepage
    3. Connection 6.1.2 Real World Homepage
    4. Challenge 6.1.3 Set Up Your codehs.me Website
    5. Challenge 6.1.4 Create Your Homepage
    6. Badge 6.1.5 Create Your Homepage Badge
    7. Free Response 6.1.6 Testing your homepage

  7. Introduction to Javascript in HTML

    1. 7.1 The Script Tag

    2. Video 7.1.1 The Script Tag
    3. Check for Understanding 7.1.2 The Script Tag Quiz
    4. Example 7.1.3 Debugging Functions
    5. Free Response 7.1.4 Using the Console
    6. Exercise 7.1.5 Writing in the Console
    7. Exercise 7.1.6 Alert Introduction
    8. Exercise 7.1.7 Debugging with the Console
    9. Challenge 7.1.8 Quick Trivia

    10. 7.2 Using the DOM

    11. Video 7.2.1 getElementById
    12. Check for Understanding 7.2.2 getElementById Quiz
    13. Example 7.2.3 Welcome to My Site!
    14. Exercise 7.2.4 Let's Get to Know You
    15. Exercise 7.2.5 Simple Math
    16. Video 7.2.6 Using the DOM
    17. Check for Understanding 7.2.7 Using the DOM Quiz
    18. Example 7.2.8 Multiple <p> tags
    19. Exercise 7.2.9 Menu Opinion
    20. Exercise 7.2.10 Longest Paragraph

    21. 7.3 Creating Elements Using the DOM

    22. Video 7.3.1 Creating Elements Using the DOM
    23. Check for Understanding 7.3.2 Creating Elements Using the DOM
    24. Example 7.3.3 Make a Button
    25. Example 7.3.4 The Whole Family
    26. Exercise 7.3.5 Roll Call
    27. Exercise 7.3.6 Add to Calendar

    28. 7.4 Styling Elements Using Javascript

    29. Video 7.4.1 Styling Elements Using JavaScript
    30. Check for Understanding 7.4.2 Styling Elements Using JavaScript
    31. Example 7.4.3 Frankenstein Footnote
    32. Example 7.4.4 .(attribute) vs. setAttribute
    33. Exercise 7.4.5 Add a Link
    34. Exercise 7.4.6 Create a Flag
    35. Exercise 7.4.7 Checkerboard

    36. 7.5 Functions in HTML

    37. Video 7.5.1 Functions in HTML
    38. Check for Understanding 7.5.2 Functions in HTML
    39. Example 7.5.3 Changing Text Color
    40. Example 7.5.4 Change Text Color with Parameters
    41. Exercise 7.5.5 Announcement Function
    42. Exercise 7.5.6 Random Number Generator
    43. Exercise 7.5.7 Add Colors!

    44. 7.6 This Keyword

    45. Video 7.6.1 This Keyword
    46. Check for Understanding 7.6.2 This Keyword
    47. Example 7.6.3 Clicking Multiple Paragraphs
    48. Example 7.6.4 Clicking with Event Listeners
    49. Exercise 7.6.5 Click Box
    50. Exercise 7.6.6 Cross Out
    51. Challenge 7.6.7 Make a Quilt

    52. 7.7 Challenge: Make a Keyboard

    53. Connection 7.7.1 Challenge Overview!
    54. Exercise 7.7.2 Make Button
    55. Exercise 7.7.3 Make Text
    56. Challenge 7.7.4 Make a Keyboard

    57. 7.8 Keyboard Interactions

    58. Video 7.8.1 Keyboard Events
    59. Check for Understanding 7.8.2 Keyboard Events
    60. Example 7.8.3 Coordinate Plane
    61. Example 7.8.4 Make a Keyboard with Key Events
    62. Exercise 7.8.5 Key Alert
    63. Exercise 7.8.6 Light Up Squares
    64. Exercise 7.8.7 Light Switch Squares

    65. 7.9 JavaScript Animations

    66. Video 7.9.1 Animations in JavaScript
    67. Check for Understanding 7.9.2 Animations in JavaScript
    68. Example 7.9.3 Growing Square
    69. Example 7.9.4 Changing Colors
    70. Exercise 7.9.5 Rotating Div
    71. Exercise 7.9.6 Lucky Lotto Number
    72. Exercise 7.9.7 Rotating Div with Keyboard Interaction

    73. 7.10 Positioning and Animations

    74. Video 7.10.1 Positioning and Animations
    75. Check for Understanding 7.10.2 Positioning and Animations
    76. Example 7.10.3 Positioning Elements
    77. Example 7.10.4 Moving Square in Container
    78. Exercise 7.10.5 Practice with Positions
    79. Exercise 7.10.6 Hidden Nav Bar
    80. Exercise 7.10.7 Moving a Square
    81. Challenge 7.10.8 Add Div Animation

    82. 7.11 Introduction to JavaScript in HTML Quiz

    83. Unit Quiz 7.11.1 Introduction to JavaScript in HTML Quiz

  8. Using JavaScript Libraries

    1. 8.1 Introduction to jQuery

    2. Video 8.1.1 Introduction to jQuery
    3. Check for Understanding 8.1.2 Introduction to jQuery
    4. Example 8.1.3 Using the Selector
    5. Example 8.1.4 jQuery Functions
    6. Connection 8.1.5 Exploring the jQuery Documentation
    7. Free Response 8.1.6 Exploring the jQuery Documentation
    8. Exercise 8.1.7 High School Info
    9. Exercise 8.1.8 Change Paragraph Size
    10. Exercise 8.1.9 jQuery Table
    11. Challenge 8.1.10 Smart jQuery Table

    12. 8.2 Iterating with jQuery

    13. Video 8.2.1 Iterating with jQuery
    14. Check for Understanding 8.2.2 Iterating with jQuery
    15. Example 8.2.3 Printing To Do List
    16. Example 8.2.4 Smart Table Using Each
    17. Exercise 8.2.5 Mark Complete
    18. Exercise 8.2.6 Fix Width
    19. Exercise 8.2.7 Strobe Light

    20. 8.3 Animations with jQuery

    21. Video 8.3.1 Animations with jQuery
    22. Check for Understanding 8.3.2 Animations with jQuery
    23. Example 8.3.3 .animate Grow
    24. Example 8.3.4 Animation Queue
    25. Example 8.3.5 Toggle
    26. Exercise 8.3.6 Bouncy Ball
    27. Exercise 8.3.7 Extracurriculars
    28. Exercise 8.3.8 FrankenDiv

    29. 8.4 Callback Functions and Synchronization

    30. Video 8.4.1 Callback Functions and Synchronization
    31. Check for Understanding 8.4.2 Callback Functions and Synchronization
    32. Example 8.4.3 .animate Execution Delay
    33. Example 8.4.4 .animate Per-Element Callback
    34. Exercise 8.4.5 Grow and Shrink Counter
    35. Exercise 8.4.6 Progress Bar
    36. Challenge 8.4.7 The Wave

    37. 8.5 Using Multiple Files in JavaScript

    38. Video 8.5.1 Using Multiple Files in JavaScript
    39. Check for Understanding 8.5.2 Using Multiple Files in JavaScript
    40. Example 8.5.3 Execution Order
    41. Example 8.5.4 Accessibility Button
    42. Exercise 8.5.5 Our First js File
    43. Exercise 8.5.6 Fix Load Order
    44. Challenge 8.5.7 The Wave with .js

    45. 8.6 Using JavaScript Libraries Quiz

    46. Unit Quiz 8.6.1 Using JavaScript Libraries Quiz

  9. Project: Build an Interactive Resume!

    1. 9.1 Creating a Resume

    2. Connection 9.1.1 Interactive Resume Project Overview
    3. Connection 9.1.2 What is a Resume?
    4. Free Response 9.1.3 What is a Resume?
    5. Free Response 9.1.4 Draft Your Resume

    6. 9.2 Layout and Web Design Theory

    7. Video 9.2.1 Layout and Web Design Theory
    8. Check for Understanding 9.2.2 Layout and Web Design Theory
    9. Free Response 9.2.3 Learning More About the Z and F Layouts
    10. Connection 9.2.4 Explore Resume Layouts
    11. Free Response 9.2.5 Explore Resume Layouts
    12. Free Response 9.2.6 Sample Interactive Layouts

    13. 9.3 Interactive Resume Development

    14. Free Response 9.3.1 Draft Your Interactive Resume
    15. Challenge 9.3.2 Online Interactive Resume Draft
    16. Free Response 9.3.3 Evaluating an Interactive Resume
    17. Challenge 9.3.4 Final Draft Interactive Resume

  10. Storing and Collecting Data

    1. 10.1 Collecting and Storing Data

    2. Video 10.1.1 Collecting and Storing Data
    3. Check for Understanding 10.1.2 Collecting and Storing Data
    4. Connection 10.1.3 How Much is Your Data Worth?
    5. Free Response 10.1.4 How Much is Your Data Worth Responses
    6. Example 10.1.5 Does Your Browser Have Local Storage?
    7. Example 10.1.6 Local Storage
    8. Connection 10.1.7 Cookies vs. Local Storage
    9. Free Response 10.1.8 Cookies vs. Local Storage Responses

    10. 10.2 Storing Data with Local Storage

    11. Video 10.2.1 Storing Data with Local Storage
    12. Check for Understanding 10.2.2 Storing Data with Local Storage
    13. Example 10.2.3 Saving Your Name
    14. Example 10.2.4 Save Button Clicks
    15. Exercise 10.2.5 Save Background Color
    16. Exercise 10.2.6 How Many Times Have You Visited This Site

    17. 10.3 Storing Data Structures with Local Storage

    18. Video 10.3.1 Storing Data Structures with Local Storage
    19. Check for Understanding 10.3.2 Storing Data Structures with Local Storage
    20. Example 10.3.3 Using JSON
    21. Example 10.3.4 Last Three Backgrounds
    22. Exercise 10.3.5 Print To Do List
    23. Exercise 10.3.6 Tracking Scores
    24. Challenge 10.3.7 Saving Active Divs

    25. 10.4 JavaScript Objects

    26. Video 10.4.1 Using Objects in JavaScript
    27. Check for Understanding 10.4.2 Using Objects in JavaScript
    28. Example 10.4.3 Person Object
    29. Example 10.4.4 Using Functions in Objects
    30. Exercise 10.4.5 A Contact Object
    31. Exercise 10.4.6 Add Contact
    32. Exercise 10.4.7 Retrieve Contacts
    33. Challenge 10.4.8 Print Contact List + Styling

    34. 10.5 Using Input Fields

    35. Video 10.5.1 Using Input Fields
    36. Check for Understanding 10.5.2 Using Input Fields
    37. Example 10.5.3 Input Types
    38. Example 10.5.4 Serialized Form Array
    39. Example 10.5.5 Storing Input in Local Storage
    40. Example 10.5.6 Upload a File
    41. Exercise 10.5.7 To-Do List
    42. Exercise 10.5.8 To-Do List with Local Storage
    43. Exercise 10.5.9 Birthday Tracker
    44. Exercise 10.5.10 Verify with File MIME Types

    45. 10.6 Challenge: Create a Survey

    46. Connection 10.6.1 Survey Challenge Overview
    47. Free Response 10.6.2 Survey Brainstorm
    48. Exercise 10.6.3 Create Survey Form
    49. Challenge 10.6.4 Complete your Survey

    50. 10.7 Storing Data with Firebase

    51. Video 10.7.1 Storing Data with Firebase
    52. Check for Understanding 10.7.2 Storing Data with Firebase
    53. Example 10.7.3 Storing and Collecting Data with Firebase
    54. Exercise 10.7.4 Introduce Yourself to Firebase
    55. Exercise 10.7.5 Storing a Book Object
    56. Exercise 10.7.6 Retrieving a Book Object

    57. 10.8 Traversing Data with Firebase

    58. Video 10.8.1 Traversing Data with Firebase
    59. Check for Understanding 10.8.2 Traversing Data with Firebase
    60. Example 10.8.3 Adding New Nodes
    61. Example 10.8.4 Visualizing Firebase
    62. Free Response 10.8.5 Visualizing Firebase
    63. Exercise 10.8.6 Retrieving Authors
    64. Exercise 10.8.7 Diary Entry

    65. 10.9 Challenge: Collecting User Clicks

    66. Connection 10.9.1 Storing Click Data Overview
    67. Challenge 10.9.2 Get Date and Element
    68. Challenge 10.9.3 Storing Click Data

    69. 10.10 For/In Loops

    70. Video 10.10.1 For/In Loops
    71. Check for Understanding 10.10.2 For/In Loops Quiz
    72. Example 10.10.3 Find Users with Same Name
    73. Example 10.10.4 Nested For/In Loops
    74. Exercise 10.10.5 Hogwarts
    75. Exercise 10.10.6 How Many Guests?
    76. Challenge 10.10.7 Visualizing User Clicks

    77. 10.11 Using APIs

    78. Video 10.11.1 Using APIs
    79. Check for Understanding 10.11.2 Using APIs
    80. Example 10.11.3 Using an API Key
    81. Example 10.11.4 Generate an API Key
    82. Exercise 10.11.5 Creating a Dictionary API
    83. Exercise 10.11.6 Using a Movie API

    84. 10.12 Server-side Languages

    85. Video 10.12.1 Web Stacks and Server-side Languages
    86. Video 10.12.2 Server-side Languages Live Coding
    87. Example 10.12.3 Server-side Hello World
    88. Example 10.12.4 Divide Two Mystery Numbers
    89. Exercise 10.12.5 Server-side About Me
    90. Exercise 10.12.6 Classify Trees Server-side
    91. Exercise 10.12.7 Calculate Mystery Numbers

    92. 10.13 Storing and Collecting Data Quiz

    93. Unit Quiz 10.13.1 Storing and Collecting Data Quiz

  11. How to Build and Maintain a Website

    1. 11.1 Choosing a Domain Name

    2. Video 11.1.1 Choosing a Domain Name
    3. Check for Understanding 11.1.2 Choosing a Domain Name
    4. Connection 11.1.3 How to Choose a Domain Name
    5. Free Response 11.1.4 How to Choose a Domain Name
    6. Notes 11.1.5 Choosing a Domain Name
    7. Free Response 11.1.6 Choosing a Domain Name

    8. 11.2 Hosting Your Website

    9. Video 11.2.1 Personal Servers vs. Web Server Providers
    10. Check for Understanding 11.2.2 Personal Servers vs. Web Server Providers
    11. Connection 11.2.3 How to Host a Website
    12. Free Response 11.2.4 How to Host a Website
    13. Connection 11.2.5 Hosting a Website from Your Own Home
    14. Free Response 11.2.6 Self-Hosted or Web Server Provider?

    15. 11.3 Using a CMS

    16. Video 11.3.1 Using a CMS
    17. Check for Understanding 11.3.2 Using a CMS
    18. Connection 11.3.3 How to Choose a CMS
    19. Free Response 11.3.4 How to Choose a CMS
    20. Connection 11.3.5 Comparing CMS Systems
    21. Free Response 11.3.6 Comparing CMS Systems

    22. 11.4 What is Web Optimization?

    23. Video 11.4.1 What is Web Optimization?
    24. Check for Understanding 11.4.2 What is Web Optimization?
    25. Connection 11.4.3 Website Folder Structure
    26. Notes 11.4.4 File Conventions
    27. Free Response 11.4.5 Folders and Files

    28. 11.5 Optimizing Web Information

    29. Video 11.5.1 Optimizing Web Information
    30. Check for Understanding 11.5.2 Optimizing Web Information
    31. Connection 11.5.3 How Search Works
    32. Free Response 11.5.4 How Search Works
    33. Connection 11.5.5 What is Search Engine Optimization (SEO)?
    34. Free Response 11.5.6 SEO Definition
    35. Connection 11.5.7 Ethical Search Optimization
    36. Free Response 11.5.8 Ethical Search Optimization
    37. Connection 11.5.9 Yoast Analyzer
    38. Free Response 11.5.10 Yoast Tool Activity

    39. 11.6 Web Accessibility

    40. Connection 11.6.1 Accessibility
    41. Free Response 11.6.2 Accessibility Tips
    42. Example 11.6.3 Inaccessible Site Review
    43. Exercise 11.6.4 Improve Site's Accessibility

    44. 11.7 How to Build and Maintain a Website Quiz

    45. Unit Quiz 11.7.1 How to Build and Maintain a Website Quiz

  12. Final Project

    1. 12.1 Planning Your Site

    2. Free Response 12.1.1 Determine your Objectives
    3. Free Response 12.1.2 Create a Sitemap
    4. Free Response 12.1.3 Create a Project Timeline

    5. 12.2 Creating Your Site

    6. Free Response 12.2.1 Create your Site

  13. JavaScript Bootcamp

    1. 13.1 Hello World

    2. Video 13.1.1 Hello World
    3. Check for Understanding 13.1.2 Hello World Quiz
    4. Example 13.1.3 Hello World
    5. Exercise 13.1.4 Your Name and Hobby

    6. 13.2 Variables

    7. Video 13.2.1 Variables
    8. Check for Understanding 13.2.2 Variables Quiz
    9. Example 13.2.3 Basic Variables
    10. Exercise 13.2.4 Daily Activities

    11. 13.3 User Input

    12. Video 13.3.1 User Input
    13. Check for Understanding 13.3.2 User Input Quiz
    14. Example 13.3.3 Basic User Input
    15. Exercise 13.3.4 Dinner Plans
    16. Badge 13.3.5 User Input Badge

    17. 13.4 Basic Math in JavaScript

    18. Video 13.4.1 Basic Math in JavaScript
    19. Check for Understanding 13.4.2 Basic Math in JavaScript Quiz
    20. Example 13.4.3 Simple Calculator
    21. Example 13.4.4 Dollars to Pounds
    22. Example 13.4.5 Dividing Up Groups
    23. Exercise 13.4.6 T-Shirt Shop
    24. Exercise 13.4.7 Running Speed

    25. 13.5 Booleans

    26. Video 13.5.1 Booleans
    27. Check for Understanding 13.5.2 Booleans Quiz
    28. Example 13.5.3 First Boolean
    29. Exercise 13.5.4 Do You Have a Dog?

    30. 13.6 Logical Operators

    31. Video 13.6.1 Logical Operators
    32. Check for Understanding 13.6.2 Logical Operators Quiz
    33. Example 13.6.3 Light Switch
    34. Example 13.6.4 President
    35. Example 13.6.5 Wasting Time
    36. Exercise 13.6.6 Can You Graduate?
    37. Exercise 13.6.7 School's Out

    38. 13.7 Comparison Operators

    39. Video 13.7.1 Comparison Operators
    40. Check for Understanding 13.7.2 Comparison Operators Quiz
    41. Example 13.7.3 Voting Age
    42. Example 13.7.4 Grade Range
    43. Exercise 13.7.5 Rolling Dice
    44. Exercise 13.7.6 Girl Scout Designation

    45. 13.8 If Statements

    46. Video 13.8.1 If Statements
    47. Check for Understanding 13.8.2 If Statements Quiz
    48. Example 13.8.3 Negative Numbers
    49. Example 13.8.4 Great Names
    50. Example 13.8.5 Even and Odd
    51. Example 13.8.6 Secret Password
    52. Exercise 13.8.7 Teenagers
    53. Exercise 13.8.8 Dietary Restrictions
    54. Badge 13.8.9 Conditionals Badge

    55. 13.9 For Loops in JavaScript

    56. Video 13.9.1 Basic For Loop
    57. Check for Understanding 13.9.2 For Loops Quiz
    58. Example 13.9.3 For Loop
    59. Exercise 13.9.4 Chalkboard

    60. 13.10 For Loop Practice

    61. Video 13.10.1 For Loop Examples
    62. Check for Understanding 13.10.2 For Loop Examples Quiz
    63. Example 13.10.3 For Loop Sum
    64. Exercise 13.10.4 Better Sum
    65. Exercise 13.10.5 Factorial
    66. Exercise 13.10.6 All Dice Values

    67. 13.11 Random Numbers

    68. Video 13.11.1 Random Numbers
    69. Check for Understanding 13.11.2 Random Numbers Quiz
    70. Example 13.11.3 Rolling a Die
    71. Example 13.11.4 Flipping a Coin
    72. Exercise 13.11.5 Lots of Rolls

    73. 13.12 While Loops

    74. Video 13.12.1 While Loops
    75. Check for Understanding 13.12.2 While Loops Quiz
    76. Example 13.12.3 While Loop Countdown
    77. Exercise 13.12.4 Inventory
    78. Exercise 13.12.5 Fibonacci

    79. 13.13 Loop and a Half

    80. Video 13.13.1 Loop and a Half
    81. Check for Understanding 13.13.2 Loop and a Half Quiz
    82. Example 13.13.3 Adding Up Numbers
    83. Exercise 13.13.4 Snake Eyes
    84. Exercise 13.13.5 Better Password Prompt
    85. Badge 13.13.6 Looper Badge

    86. 13.14 Functions and Parameters 1

    87. Video 13.14.1 Functions and Parameters 1
    88. Check for Understanding 13.14.2 Functions and Parameters Quiz 1
    89. Example 13.14.3 Double Number
    90. Exercise 13.14.4 Square
    91. Exercise 13.14.5 Triple

    92. 13.15 Functions and Parameters 2

    93. Video 13.15.1 Functions and Parameters 2
    94. Check for Understanding 13.15.2 Functions and Parameters Quiz 2
    95. Example 13.15.3 Sum Function
    96. Exercise 13.15.4 Area of Triangle
    97. Exercise 13.15.5 Height in Meters

    98. 13.16 Functions and Return Values 1

    99. Video 13.16.1 Functions and Return Values 1
    100. Check for Understanding 13.16.2 Functions and Return Values Quiz
    101. Example 13.16.3 Double Number
    102. Exercise 13.16.4 Square with Return Values
    103. Exercise 13.16.5 Triple with Return Values
    104. Exercise 13.16.6 Gymnastics Mats

    105. 13.17 Functions and Return Values 2

    106. Video 13.17.1 Functions and Return Values 2
    107. Check for Understanding 13.17.2 Functions and Return Values Quiz 2
    108. Example 13.17.3 Return Values
    109. Exercise 13.17.4 Is It Even?
    110. Exercise 13.17.5 Max

    111. 13.18 Local Variables and Scope

    112. Video 13.18.1 Local Variables and Scope
    113. Check for Understanding 13.18.2 Local Variables and Scope Quiz
    114. Example 13.18.3 Return Values
    115. Exercise 13.18.4 Local Variables
    116. Badge 13.18.5 JavaScript Exercises Badge

    117. 13.19 Intro to Lists/Arrays

    118. Video 13.19.1 Intro to Lists/Arrays
    119. Check for Understanding 13.19.2 Intro to Lists/Arrays Quiz
    120. Example 13.19.3 Making an Array
    121. Exercise 13.19.4 List of Places to Travel
    122. Exercise 13.19.5 List of Even Numbers

    123. 13.20 Indexing Into an Array

    124. Video 13.20.1 Indexing Into an Array
    125. Check for Understanding 13.20.2 Indexing into an Array Quiz
    126. Example 13.20.3 Array Indexing Practice
    127. Exercise 13.20.4 Top Websites

    128. 13.21 Adding/Removing From an Array

    129. Video 13.21.1 Adding/Removing From an Array
    130. Check for Understanding 13.21.2 Adding/Removing from an Array Quiz
    131. Example 13.21.3 Add/Remove From Array
    132. Exercise 13.21.4 Practice Push and Pop

    133. 13.22 Array Length and Looping Through Arrays

    134. Video 13.22.1 Array Length and Looping Through Arrays
    135. Check for Understanding 13.22.2 Array Length and Looping Through Arrays Quiz
    136. Example 13.22.3 Print Shopping List
    137. Example 13.22.4 Sum Array
    138. Exercise 13.22.5 Product of List
    139. Exercise 13.22.6 Print Flight Itinerary
    140. Exercise 13.22.7 Double List
    141. Exercise 13.22.8 Evens Only List
    142. Exercise 13.22.9 Reverse List

  14. Web Design Level 1 Certification Practice

    1. 14.1 Practice #1: Intro to the Internet

    2. Quiz 14.1.1 Quiz: Intro to the Internet
    3. Notes 14.1.2 Practice #1 Reflection

    4. 14.2 Practice #2: HTML

    5. Quiz 14.2.1 Quiz: HTML
    6. Notes 14.2.2 Practice#2 Reflection

    7. 14.3 Practice #3: CSS

    8. Quiz 14.3.1 Quiz: CSS
    9. Notes 14.3.2 Practice #3 Reflection

    10. 14.4 Practice #4: Advanced HTML & CSS

    11. Quiz 14.4.1 Quiz: Advanced HTML & CSS
    12. Notes 14.4.2 Practice #4 Reflection

  15. Web Development Level 1 Certification Practice

    1. 15.1 Practice #1: JavaScript and the DOM

    2. Quiz 15.1.1 JavaScript and the DOM: Certification Quiz Prep
    3. Notes 15.1.2 Practice #1 Reflection

    4. 15.2 Practice #2: jQuery

    5. Quiz 15.2.1 jQuery: Certification Quiz
    6. Notes 15.2.2 Practice #2 Reflection

    7. 15.3 Practice #3: Data Storage

    8. Quiz 15.3.1 Data Storage: Certification Quiz
    9. Notes 15.3.2 Practice #3 Reflection

    10. 15.4 Practice #4: Web Design and Hosting

    11. Quiz 15.4.1 Web Design and Hosting: Certification Quiz
    12. Notes 15.4.2 Practice #4 Reflection