Please enable JavaScript to use CodeHS

Arizona Software and App Design I - Outline

  1. Digital Citizenship and Cybersecurity

    1. 1.1 What is Cybersecurity?

    2. Video 1.1.1 What is Cybersecurity?
    3. Check for Understanding 1.1.2 What is Cybersecurity?
    4. Connection 1.1.3 City Services Ransomware
    5. Free Response 1.1.4 Ransomware Reflection
    6. Example 1.1.5 Ransomware Simulator
    7. Connection 1.1.6 Internet of Things
    8. Connection 1.1.7 Hackers vs. Smart Homes
    9. Free Response 1.1.8 Internet of Things Reflection
    10. Notes 1.1.9 Common Communication Interfaces
    11. Free Response 1.1.10 Common Communication Interfaces Response

    12. 1.2 Impact of Cybersecurity

    13. Video 1.2.1 Impact of Cybersecurity
    14. Check for Understanding 1.2.2 Impact of Cybersecurity
    15. Example 1.2.3 Phishing Simulator
    16. Connection 1.2.4 Phishing for Your Info
    17. Free Response 1.2.5 Phishing Reflection
    18. Connection 1.2.6 Cyber Game
    19. Free Response 1.2.7 Cyber Game Reflection
    20. Connection 1.2.8 Cyber Crime Time
    21. Free Response 1.2.9 Cyber Crime Time Reflection

    22. 1.3 The CIA Triad

    23. Video 1.3.1 CIA Triad
    24. Check for Understanding 1.3.2 CIA Triad
    25. Free Response 1.3.3 Which part of the CIA Triad?
    26. Free Response 1.3.4 Which part of the CIA Triad?
    27. Free Response 1.3.5 Breach of Confidentiality
    28. Free Response 1.3.6 Breach of Availability
    29. Free Response 1.3.7 CIA Connections
    30. Connection 1.3.8 What Are Digital Signatures?
    31. Free Response 1.3.9 Digital Signatures Response

    32. 1.4 Digital Footprint and Reputation

    33. Video 1.4.1 Digital Footprint and Reputation
    34. Check for Understanding 1.4.2 Digital Footprint and Reputation
    35. Example 1.4.3 Social Media Clean-up
    36. Free Response 1.4.4 Building a Positive Digital Footprint
    37. Connection 1.4.5 Right to be Forgotten?
    38. Free Response 1.4.6 Right to be Forgotten
    39. Free Response 1.4.7 What is your Digital Footprint?

    40. 1.5 Cyberbullying

    41. Video 1.5.1 Cyberbullying
    42. Check for Understanding 1.5.2 Cyberbullying
    43. Free Response 1.5.3 Scenario: Student Ranking
    44. Free Response 1.5.4 Scenario: Singled Out
    45. Free Response 1.5.5 Stopping Cyberbullying

    46. 1.6 Internet Safety

    47. Video 1.6.1 Internet Safety
    48. Check for Understanding 1.6.2 Internet Safety
    49. Free Response 1.6.3 Scenario: School Stranger
    50. Free Response 1.6.4 Scenario: Vacation Pals
    51. Free Response 1.6.5 Staying Safe

    52. 1.7 Privacy & Security

    53. Video 1.7.1 What is Data Privacy & Security?
    54. Check for Understanding 1.7.2 Privacy & Security Quiz
    55. Connection 1.7.3 Google Privacy Policy Search
    56. Free Response 1.7.4 Google Privacy Policy Search
    57. Example 1.7.5 Guess: Password List
    58. Example 1.7.6 Guess: Using an Algorithm
    59. Example 1.7.7 Guess: Brute Force
    60. Connection 1.7.8 How Strong is your Password?
    61. Free Response 1.7.9 How Strong is your password?
    62. Example 1.7.10 You Can Be Tracked!

    63. 1.8 Research: Privacy Acts and Regulations

    64. Notes 1.8.1 Research Exercise Introduction
    65. Free Response 1.8.2 Write Down Your Findings
    66. Free Response 1.8.3 Share What You Learned

    67. 1.9 Information Literacy

    68. Video 1.9.1 Information Literacy
    69. Check for Understanding 1.9.2 Information Literacy
    70. Free Response 1.9.3 Effective Internet Searches
    71. Connection 1.9.4 Evaluate the Source 1
    72. Free Response 1.9.5 Respond: Evaluate the Source 1
    73. Notes 1.9.6 Evaluate the Source 2
    74. Free Response 1.9.7 Respond: Evaluate the Source 2
    75. Connection 1.9.8 Hero Pig?
    76. Free Response 1.9.9 Respond: Hero Pig?

    77. 1.10 Creative Credit & Copyright

    78. Video 1.10.1 Creative Credit and Copyright
    79. Check for Understanding 1.10.2 Creative Credit and Copyright
    80. Free Response 1.10.3 Cite!
    81. Connection 1.10.4 Exploring Creative Commons
    82. Free Response 1.10.5 Respond: Creative Commons
    83. Free Response 1.10.6 Task: Finding Images
    84. Free Response 1.10.7 Reflection: Why is Copyright Important?

    85. 1.11 Hacking Ethics

    86. Video 1.11.1 Hacking Ethics & Legality
    87. Check for Understanding 1.11.2 Hacking Ethics & Legality
    88. Connection 1.11.3 Penetration Testing
    89. Free Response 1.11.4 Reflection: Penetration Testing
    90. Connection 1.11.5 Hack the Pentagon?
    91. Free Response 1.11.6 Reflection: Hack the Pentagon
    92. Check for Understanding 1.11.7 Ethical Hacker Agreement

    93. 1.12 Digital Citizenship and Cybersecurity Quiz

    94. Unit Quiz 1.12.1 Digital Citizenship and Cyber Hygiene Quiz

  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. 2.2 Structure of an HTML Page

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

    13. 2.3 Formatting Text

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

    21. 2.4 Links

    22. Video 2.4.1 Links
    23. Check for Understanding 2.4.2 Links Quiz
    24. Example 2.4.3 The <a> Tag
    25. Exercise 2.4.4 Bookmarks
    26. Exercise 2.4.5 Encyclopedias

    27. 2.5 Images

    28. Video 2.5.1 Images
    29. Check for Understanding 2.5.2 Images Quiz
    30. Example 2.5.3 The <img> Tag
    31. Exercise 2.5.4 Collage on a Theme
    32. Exercise 2.5.5 Linking an Image
    33. Exercise 2.5.6 National Parks

    34. 2.6 Copyright

    35. Video 2.6.1 Copyright
    36. Check for Understanding 2.6.2 Copyright Quiz
    37. Example 2.6.3 Citing Sources Example
    38. Connection 2.6.4 Exploring Creative Commons
    39. Free Response 2.6.5 Response: Creative Commons
    40. Free Response 2.6.6 Finding Images
    41. Exercise 2.6.7 Make a Collage
    42. Free Response 2.6.8 Why Copyright is Important

    43. 2.7 HTML Lists

    44. Video 2.7.1 HTML Lists
    45. Check for Understanding 2.7.2 HTML Lists Quiz
    46. Example 2.7.3 Grocery Shopping
    47. Exercise 2.7.4 Class Planning
    48. Exercise 2.7.5 Dream Destinations
    49. Exercise 2.7.6 Vacation Guides

    50. 2.8 HTML Tables

    51. Video 2.8.1 HTML Tables
    52. Check for Understanding 2.8.2 HTML Tables Quiz
    53. Example 2.8.3 Address Book
    54. Exercise 2.8.4 National Sports
    55. Exercise 2.8.5 Table of Favorites

    56. 2.9 HTML Styling

    57. Video 2.9.1 HTML Styling
    58. Check for Understanding 2.9.2 HTML Styling Quiz
    59. Example 2.9.3 Stylish Address Book
    60. Exercise 2.9.4 Background Colors
    61. Exercise 2.9.5 Style Your Class List
    62. Badge 2.9.6 Styling Badge

    63. 2.10 HTML Colors

    64. Video 2.10.1 HTML Colors
    65. Check for Understanding 2.10.2 HTML Colors Quiz
    66. Example 2.10.3 HTML Colors Examples
    67. Exercise 2.10.4 Create Your Own Color
    68. Exercise 2.10.5 Gradients
    69. Connection 2.10.6 Color Wheel
    70. Exercise 2.10.7 Using Good Colors

    71. 2.11 HTML - Structuring Websites Quiz

    72. Unit Quiz 2.11.1 HTML - Structuring Websites Quiz
    73. 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 List Styling
    7. Exercise 3.1.6 Endangered Animals: Skeleton

    8. 3.2 CSS Select by Tag

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

    16. 3.3 CSS Select by Class

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

    23. 3.4 CSS Select by ID

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

    31. 3.5 The Cascade

    32. Video 3.5.1 The Cascade
    33. Check for Understanding 3.5.2 The Cascade Quiz
    34. Example 3.5.3 Using Importance
    35. Example 3.5.4 Order of Precedence
    36. Exercise 3.5.5 We Really Like Dairy
    37. Exercise 3.5.6 Style the Table

    38. 3.6 Multi-file Websites

    39. Video 3.6.1 Splitting Your Site Into Files
    40. Quiz 3.6.2 Splitting Your Site Into Files Quiz
    41. Example 3.6.3 Multipage Site Examples
    42. Exercise 3.6.4 Add a Style Sheet
    43. Exercise 3.6.5 Dividing the Site
    44. Exercise 3.6.6 Career Site: Creating Structure

    45. 3.7 CSS - Styling Websites Quiz

    46. Unit Quiz 3.7.1 CSS - Styling Websites Quiz
    47. Badge 3.7.2 CSS Badge

  4. Advanced HTML and CSS

    1. 4.1 Getting Started - Advanced HTML and CSS

    2. Video 4.1.1 Getting Started
    3. Example 4.1.2 Example: Image Filters
    4. Example 4.1.3 Example: Animations
    5. Example 4.1.4 Example: Interactions

    6. 4.2 Embedding iframes

    7. Video 4.2.1 Embedding iframes
    8. Check for Understanding 4.2.2 Embedding IFrames Quiz
    9. Example 4.2.3 Embedding CodeHS
    10. Exercise 4.2.4 Embedding a Website
    11. Exercise 4.2.5 Embed a Tweet
    12. Exercise 4.2.6 Embed a Video
    13. Exercise 4.2.7 Career Site: Include Outside Information

    14. 4.3 Divs

    15. Video 4.3.1 Divs
    16. Check for Understanding 4.3.2 Divs Quiz
    17. Example 4.3.3 Divvying up the Site
    18. Exercise 4.3.4 Quotes
    19. Exercise 4.3.5 Flags
    20. Exercise 4.3.6 Career Site: Separate the Content
    21. Badge 4.3.7 Div Badge

    22. 4.4 Spans

    23. Video 4.4.1 Spans
    24. Check for Understanding 4.4.2 Spans Quiz
    25. Example 4.4.3 Span Formatting
    26. Exercise 4.4.4 Vocabulary
    27. Exercise 4.4.5 Text Decoration
    28. Exercise 4.4.6 Career Site: Style Special Pieces

    29. 4.5 Combining CSS Selectors

    30. Video 4.5.1 Combining CSS Selectors
    31. Check for Understanding 4.5.2 Combining CSS Selectors Quiz
    32. Example 4.5.3 More Specific Styling
    33. Exercise 4.5.4 Choosing Nested Tags
    34. Exercise 4.5.5 Highlight the First Item
    35. Exercise 4.5.6 Calorie Recommendations

    36. 4.6 The Don't Repeat Yourself Principle

    37. Video 4.6.1 Don't Repeat Yourself
    38. Check for Understanding 4.6.2 Don't Repeat Yourself Quiz
    39. Example 4.6.3 Styling Multiple Tags
    40. Example 4.6.4 Style Similar Items with Same Class
    41. Exercise 4.6.5 Managing Change
    42. Exercise 4.6.6 Condense CSS Rules
    43. Free Response 4.6.7 Why DRY?

    44. 4.7 Special Selectors

    45. Video 4.7.1 Special Selectors
    46. Check for Understanding 4.7.2 Special Selectors Quiz
    47. Example 4.7.3 Vote For Me
    48. Example 4.7.4 Vote For Me Pt 2
    49. Exercise 4.7.5 Extend Vote For Me
    50. Exercise 4.7.6 Special Vendors
    51. Exercise 4.7.7 Checklist
    52. Exercise 4.7.8 Career Website: Add Milestones
    53. Badge 4.7.9 Special Selectors Badge

    54. 4.8 Visibility

    55. Video 4.8.1 Visibility
    56. Check for Understanding 4.8.2 Visibility Quiz
    57. Example 4.8.3 Display Example
    58. Example 4.8.4 Fading Text
    59. Exercise 4.8.5 Favorite Sea Creature
    60. Exercise 4.8.6 Caption on Demand

    61. 4.9 Reading Documentation

    62. Video 4.9.1 Reading Documentation
    63. Check for Understanding 4.9.2 Reading Documentation Quiz
    64. Example 4.9.3 Using Docs: Float
    65. Example 4.9.4 Using Docs: <blockquote> Tag
    66. Exercise 4.9.5 Style the Table
    67. Exercise 4.9.6 Electric Company
    68. Exercise 4.9.7 Career Website: Add Pictures

    69. 4.10 Using the Inspector

    70. Video 4.10.1 Using the Inspector
    71. Check for Understanding 4.10.2 Using the Inspector Tool Quiz
    72. Connection 4.10.3 Inspector Quick Start
    73. Check for Understanding 4.10.4 Classes and IDs
    74. Check for Understanding 4.10.5 Exploring the Art Museum
    75. Check for Understanding 4.10.6 What's Your Style?

    76. 4.11 The Box Model

    77. Video 4.11.1 The Box Model
    78. Check for Understanding 4.11.2 The Box Model Quiz
    79. Example 4.11.3 Adding Space Using Margin
    80. Example 4.11.4 Adding Space Using Padding
    81. Example 4.11.5 Combining Margin and Padding
    82. Example 4.11.6 Margin and Padding with em
    83. Exercise 4.11.7 I need some space!
    84. Exercise 4.11.8 I need some breathing room!
    85. Free Response 4.11.9 Where is space added?
    86. Free Response 4.11.10 Relative Measurements
    87. Exercise 4.11.11 Align Content Side by Side
    88. Exercise 4.11.12 Career Website: Separate Content
    89. Connection 4.11.13 Design with the Box Model
    90. Badge 4.11.14 Box Badge

    91. 4.12 Image Manipulation

    92. Video 4.12.1 Image Manipulation
    93. Check for Understanding 4.12.2 Image Manipulation Quiz
    94. Example 4.12.3 Grayscale Filter
    95. Example 4.12.4 Blur Filter
    96. Example 4.12.5 Hue Rotation
    97. Exercise 4.12.6 Invert Filter
    98. Exercise 4.12.7 Blurred
    99. Exercise 4.12.8 Hue Rotation Comparisons
    100. Exercise 4.12.9 Overexposure
    101. Exercise 4.12.10 Grayscale Art
    102. Exercise 4.12.11 Aesop's Fables Part 1
    103. Exercise 4.12.12 Aesop's Fables Part 2

    104. 4.13 Animation

    105. Video 4.13.1 Animation
    106. Check for Understanding 4.13.2 Animation Quiz
    107. Example 4.13.3 Animated Image Filter
    108. Exercise 4.13.4 Animated Invert Filter
    109. Exercise 4.13.5 Album Cover
    110. Exercise 4.13.6 Aesop's Fables Part 3

    111. 4.14 Interaction

    112. Video 4.14.1 Interaction
    113. Check for Understanding 4.14.2 Interaction Quiz
    114. Example 4.14.3 Interactive Image Filter
    115. Example 4.14.4 Smooth Interactive Image Filter
    116. Example 4.14.5 Smooth Change on Click
    117. Exercise 4.14.6 Button Interaction
    118. Exercise 4.14.7 Create Your Own Tooltip
    119. Exercise 4.14.8 Aesop's Fables Part 4
    120. Exercise 4.14.9 Career Website: Engage the User
    121. Connection 4.14.10 CSS Tricks

    122. 4.15 CSS Frameworks

    123. Video 4.15.1 What is a CSS Framework?
    124. Example 4.15.2 Making Buttons
    125. Example 4.15.3 Mobile Site Bootstrap Example
    126. Connection 4.15.4 Real World Bootstrap: OneNYC
    127. Connection 4.15.5 Real World Tailwind: Alastair Gray's Portfolio
    128. Notes 4.15.6 Tailwind CSS Component Examples
    129. Free Response 4.15.7 Reflection: Using CSS Frameworks

    130. 4.16 Advanced HTML and CSS Quiz

    131. Unit Quiz 4.16.1 Advanced HTML and CSS Quiz
    132. Badge 4.16.2 Advanced HTML and CSS Badge

  5. Project - Create Your Homepage

    1. 5.1 Software Development Life Cycle

    2. Video 5.1.1 Development Life Cycle
    3. Check for Understanding 5.1.2 Development Life Cycle
    4. Connection 5.1.3 What is GitHub?
    5. Free Response 5.1.4 Reflection: What is GitHub?
    6. Free Response 5.1.5 Researching Collaborative Platforms

    7. 5.2 Homepage: Your First Website

    8. Example 5.2.1 Example Homepage
    9. Connection 5.2.2 Real World Homepage
    10. Article 5.2.3 Introduction to Web Accessibility
    11. Free Response 5.2.4 Introduction to Web Accessibility Response
    12. Notes 5.2.5 Sections 508 and 504
    13. Challenge 5.2.6 Set Up Your codehs.me Website
    14. Challenge 5.2.7 Create Your Homepage
    15. Badge 5.2.8 Create Your Homepage Badge

    16. 5.3 Project Overview

    17. Resource 5.3.1 Final Project Overview
    18. Connection 5.3.2 Innovative Brainstorm
    19. Free Response 5.3.3 Innovative Brainstorm

    20. 5.4 Planning Your Site

    21. Free Response 5.4.1 Determine Your Objectives
    22. Free Response 5.4.2 Create a Sitemap
    23. Free Response 5.4.3 Create a Project Timeline

  6. Introduction to Javascript in HTML

    1. 6.1 The Script Tag

    2. Video 6.1.1 The Script Tag
    3. Check for Understanding 6.1.2 The Script Tag Quiz
    4. Example 6.1.3 Debugging Functions
    5. Free Response 6.1.4 Using the Console
    6. Exercise 6.1.5 Writing in the Console
    7. Exercise 6.1.6 Alert Introduction
    8. Exercise 6.1.7 Debugging with the Console
    9. Challenge 6.1.8 Quick Trivia

    10. 6.2 Using the DOM

    11. Video 6.2.1 getElementById
    12. Check for Understanding 6.2.2 getElementById Quiz
    13. Example 6.2.3 Welcome to My Site!
    14. Exercise 6.2.4 Let's Get to Know You
    15. Exercise 6.2.5 Simple Math
    16. Video 6.2.6 Using the DOM
    17. Check for Understanding 6.2.7 Using the DOM Quiz
    18. Example 6.2.8 Multiple <p> tags
    19. Exercise 6.2.9 Menu Opinion
    20. Exercise 6.2.10 Longest Paragraph

    21. 6.3 Creating Elements Using the DOM

    22. Video 6.3.1 Creating Elements Using the DOM
    23. Check for Understanding 6.3.2 Creating Elements Using the DOM
    24. Example 6.3.3 Make a Button
    25. Example 6.3.4 The Whole Family
    26. Exercise 6.3.5 Roll Call
    27. Exercise 6.3.6 Add to Calendar

    28. 6.4 Styling Elements Using Javascript

    29. Video 6.4.1 Styling Elements Using JavaScript
    30. Check for Understanding 6.4.2 Styling Elements Using JavaScript
    31. Example 6.4.3 Frankenstein Footnote
    32. Example 6.4.4 .(attribute) vs. setAttribute
    33. Exercise 6.4.5 Add a Link
    34. Exercise 6.4.6 Create a Flag
    35. Exercise 6.4.7 Checkerboard

    36. 6.5 Functions in HTML

    37. Video 6.5.1 Functions in HTML
    38. Check for Understanding 6.5.2 Functions in HTML
    39. Example 6.5.3 Changing Text Color
    40. Example 6.5.4 Change Text Color with Parameters
    41. Exercise 6.5.5 Announcement Function
    42. Exercise 6.5.6 Random Number Generator
    43. Exercise 6.5.7 Add Colors!

    44. 6.6 This Keyword

    45. Video 6.6.1 This Keyword
    46. Check for Understanding 6.6.2 This Keyword
    47. Example 6.6.3 Clicking Multiple Paragraphs
    48. Example 6.6.4 Clicking with Event Listeners
    49. Exercise 6.6.5 Click Box
    50. Exercise 6.6.6 Cross Out
    51. Challenge 6.6.7 Make a Quilt

    52. 6.7 Challenge: Make a Keyboard

    53. Connection 6.7.1 Challenge Overview!
    54. Exercise 6.7.2 Make Button
    55. Exercise 6.7.3 Make Text
    56. Challenge 6.7.4 Make a Keyboard

    57. 6.8 Keyboard Interactions

    58. Video 6.8.1 Keyboard Events
    59. Check for Understanding 6.8.2 Keyboard Events
    60. Example 6.8.3 Coordinate Plane
    61. Example 6.8.4 Make a Keyboard with Key Events
    62. Exercise 6.8.5 Key Alert
    63. Exercise 6.8.6 Light Up Squares
    64. Exercise 6.8.7 Light Switch Squares

    65. 6.9 JavaScript Animations

    66. Video 6.9.1 Animations in JavaScript
    67. Check for Understanding 6.9.2 Animations in JavaScript
    68. Example 6.9.3 Growing Square
    69. Example 6.9.4 Changing Colors
    70. Exercise 6.9.5 Rotating Div
    71. Exercise 6.9.6 Lucky Lotto Number
    72. Exercise 6.9.7 Rotating Div with Keyboard Interaction

    73. 6.10 Positioning and Animations

    74. Video 6.10.1 Positioning and Animations
    75. Check for Understanding 6.10.2 Positioning and Animations
    76. Example 6.10.3 Positioning Elements
    77. Example 6.10.4 Moving Square in Container
    78. Exercise 6.10.5 Practice with Positions
    79. Exercise 6.10.6 Hidden Nav Bar
    80. Exercise 6.10.7 Moving a Square
    81. Challenge 6.10.8 Add Div Animation

    82. 6.11 Introduction to JavaScript in HTML Quiz

    83. Unit Quiz 6.11.1 Introduction to JavaScript in HTML Quiz

  7. Using JavaScript Libraries

    1. 7.1 Introduction to jQuery

    2. Video 7.1.1 Introduction to jQuery
    3. Check for Understanding 7.1.2 Introduction to jQuery
    4. Example 7.1.3 Using the Selector
    5. Example 7.1.4 jQuery Functions
    6. Connection 7.1.5 Exploring the jQuery Documentation
    7. Free Response 7.1.6 Exploring the jQuery Documentation
    8. Exercise 7.1.7 High School Info
    9. Exercise 7.1.8 Change Paragraph Size
    10. Exercise 7.1.9 jQuery Table
    11. Challenge 7.1.10 Smart jQuery Table

    12. 7.2 Iterating with jQuery

    13. Video 7.2.1 Iterating with jQuery
    14. Check for Understanding 7.2.2 Iterating with jQuery
    15. Example 7.2.3 Printing To Do List
    16. Example 7.2.4 Smart Table Using Each
    17. Exercise 7.2.5 Mark Complete
    18. Exercise 7.2.6 Fix Width
    19. Exercise 7.2.7 Strobe Light

    20. 7.3 Animations with jQuery

    21. Video 7.3.1 Animations with jQuery
    22. Check for Understanding 7.3.2 Animations with jQuery
    23. Example 7.3.3 .animate Grow
    24. Example 7.3.4 Animation Queue
    25. Example 7.3.5 Toggle
    26. Exercise 7.3.6 Bouncy Ball
    27. Exercise 7.3.7 Extracurriculars
    28. Exercise 7.3.8 FrankenDiv

    29. 7.4 Callback Functions and Synchronization

    30. Video 7.4.1 Callback Functions and Synchronization
    31. Check for Understanding 7.4.2 Callback Functions and Synchronization
    32. Example 7.4.3 .animate Execution Delay
    33. Example 7.4.4 .animate Per-Element Callback
    34. Exercise 7.4.5 Grow and Shrink Counter
    35. Exercise 7.4.6 Progress Bar
    36. Challenge 7.4.7 The Wave

    37. 7.5 Using Multiple Files in JavaScript

    38. Video 7.5.1 Using Multiple Files in JavaScript
    39. Check for Understanding 7.5.2 Using Multiple Files in JavaScript
    40. Example 7.5.3 Execution Order
    41. Example 7.5.4 Accessibility Button
    42. Exercise 7.5.5 Our First js File
    43. Exercise 7.5.6 Fix Load Order
    44. Challenge 7.5.7 The Wave with .js

    45. 7.6 Using JavaScript Libraries Quiz

    46. Unit Quiz 7.6.1 Using JavaScript Libraries Quiz

  8. Project: Build an Interactive Resume!

    1. 8.1 Creating a Resume

    2. Connection 8.1.1 Interactive Resume Project Overview
    3. Connection 8.1.2 What is a Resume?
    4. Free Response 8.1.3 What is a Resume?
    5. Free Response 8.1.4 Draft Your Resume

    6. 8.2 Layout and Web Design Theory

    7. Video 8.2.1 Layout and Web Design Theory
    8. Check for Understanding 8.2.2 Layout and Web Design Theory
    9. Free Response 8.2.3 Learning More About the Z and F Layouts
    10. Connection 8.2.4 Explore Resume Layouts
    11. Free Response 8.2.5 Explore Resume Layouts
    12. Free Response 8.2.6 Sample Interactive Layouts

    13. 8.3 Interactive Resume Development

    14. Free Response 8.3.1 Draft Your Interactive Resume
    15. Challenge 8.3.2 Online Interactive Resume Draft
    16. Free Response 8.3.3 Evaluating an Interactive Resume
    17. Challenge 8.3.4 Final Draft Interactive Resume

  9. Storing and Collecting Data

    1. 9.1 Collecting and Storing Data

    2. Video 9.1.1 Collecting and Storing Data
    3. Check for Understanding 9.1.2 Collecting and Storing Data
    4. Connection 9.1.3 How Much is Your Data Worth?
    5. Free Response 9.1.4 How Much is Your Data Worth Responses
    6. Example 9.1.5 Does Your Browser Have Local Storage?
    7. Example 9.1.6 Local Storage
    8. Connection 9.1.7 Cookies vs. Local Storage
    9. Free Response 9.1.8 Cookies vs. Local Storage Responses

    10. 9.2 Storing Data with Local Storage

    11. Video 9.2.1 Storing Data with Local Storage
    12. Check for Understanding 9.2.2 Storing Data with Local Storage
    13. Example 9.2.3 Saving Your Name
    14. Example 9.2.4 Save Button Clicks
    15. Exercise 9.2.5 Save Background Color
    16. Exercise 9.2.6 How Many Times Have You Visited This Site

    17. 9.3 Storing Data Structures with Local Storage

    18. Video 9.3.1 Storing Data Structures with Local Storage
    19. Check for Understanding 9.3.2 Storing Data Structures with Local Storage
    20. Example 9.3.3 Using JSON
    21. Example 9.3.4 Last Three Backgrounds
    22. Exercise 9.3.5 Print To Do List
    23. Exercise 9.3.6 Tracking Scores
    24. Challenge 9.3.7 Saving Active Divs

    25. 9.4 JavaScript Objects

    26. Video 9.4.1 Using Objects in JavaScript
    27. Check for Understanding 9.4.2 Using Objects in JavaScript
    28. Example 9.4.3 Person Object
    29. Example 9.4.4 Using Functions in Objects
    30. Exercise 9.4.5 A Contact Object
    31. Exercise 9.4.6 Add Contact
    32. Exercise 9.4.7 Retrieve Contacts
    33. Challenge 9.4.8 Print Contact List + Styling

    34. 9.5 Using Input Fields

    35. Video 9.5.1 Using Input Fields
    36. Check for Understanding 9.5.2 Using Input Fields
    37. Example 9.5.3 Input Types
    38. Example 9.5.4 Serialized Form Array
    39. Example 9.5.5 Storing Input in Local Storage
    40. Example 9.5.6 Upload a File
    41. Exercise 9.5.7 To-Do List
    42. Exercise 9.5.8 To-Do List with Local Storage
    43. Exercise 9.5.9 Birthday Tracker
    44. Exercise 9.5.10 Verify with File MIME Types

    45. 9.6 Challenge: Create a Survey

    46. Connection 9.6.1 Survey Challenge Overview
    47. Free Response 9.6.2 Survey Brainstorm
    48. Exercise 9.6.3 Create Survey Form
    49. Challenge 9.6.4 Complete your Survey

    50. 9.7 Storing Data with Firebase

    51. Video 9.7.1 Storing Data with Firebase
    52. Check for Understanding 9.7.2 Storing Data with Firebase
    53. Example 9.7.3 Storing and Collecting Data with Firebase
    54. Exercise 9.7.4 Introduce Yourself to Firebase
    55. Exercise 9.7.5 Storing a Book Object
    56. Exercise 9.7.6 Retrieving a Book Object

    57. 9.8 Traversing Data with Firebase

    58. Video 9.8.1 Traversing Data with Firebase
    59. Check for Understanding 9.8.2 Traversing Data with Firebase
    60. Example 9.8.3 Adding New Nodes
    61. Example 9.8.4 Visualizing Firebase
    62. Free Response 9.8.5 Visualizing Firebase
    63. Exercise 9.8.6 Retrieving Authors
    64. Exercise 9.8.7 Diary Entry

    65. 9.9 Challenge: Collecting User Clicks

    66. Connection 9.9.1 Storing Click Data Overview
    67. Challenge 9.9.2 Get Date and Element
    68. Challenge 9.9.3 Storing Click Data

    69. 9.10 For/In Loops

    70. Video 9.10.1 For/In Loops
    71. Check for Understanding 9.10.2 For/In Loops Quiz
    72. Example 9.10.3 Find Users with Same Name
    73. Example 9.10.4 Nested For/In Loops
    74. Exercise 9.10.5 Hogwarts
    75. Exercise 9.10.6 How Many Guests?
    76. Challenge 9.10.7 Visualizing User Clicks

    77. 9.11 Using APIs

    78. Video 9.11.1 Using APIs
    79. Check for Understanding 9.11.2 Using APIs
    80. Example 9.11.3 Using an API Key
    81. Example 9.11.4 Generate an API Key
    82. Exercise 9.11.5 Creating a Dictionary API
    83. Exercise 9.11.6 Using a Movie API

    84. 9.12 Server-side Languages

    85. Video 9.12.1 Web Stacks and Server-side Languages
    86. Video 9.12.2 Server-side Languages Live Coding
    87. Example 9.12.3 Server-side Hello World
    88. Example 9.12.4 Divide Two Mystery Numbers
    89. Exercise 9.12.5 Server-side About Me
    90. Exercise 9.12.6 Classify Trees Server-side
    91. Exercise 9.12.7 Calculate Mystery Numbers

    92. 9.13 Storing and Collecting Data Quiz

    93. Unit Quiz 9.13.1 Storing and Collecting Data Quiz

  10. How to Build and Maintain a Website

    1. 10.1 Choosing a Domain Name

    2. Video 10.1.1 Choosing a Domain Name
    3. Check for Understanding 10.1.2 Choosing a Domain Name
    4. Connection 10.1.3 How to Choose a Domain Name
    5. Free Response 10.1.4 How to Choose a Domain Name
    6. Notes 10.1.5 Choosing a Domain Name
    7. Free Response 10.1.6 Choosing a Domain Name

    8. 10.2 Hosting Your Website

    9. Video 10.2.1 Personal Servers vs. Web Server Providers
    10. Check for Understanding 10.2.2 Personal Servers vs. Web Server Providers
    11. Connection 10.2.3 How to Host a Website
    12. Free Response 10.2.4 How to Host a Website
    13. Connection 10.2.5 Hosting a Website from Your Own Home
    14. Free Response 10.2.6 Self-Hosted or Web Server Provider?

    15. 10.3 Using a CMS

    16. Video 10.3.1 Using a CMS
    17. Check for Understanding 10.3.2 Using a CMS
    18. Connection 10.3.3 How to Choose a CMS
    19. Free Response 10.3.4 How to Choose a CMS
    20. Connection 10.3.5 Comparing CMS Systems
    21. Free Response 10.3.6 Comparing CMS Systems

    22. 10.4 What is Web Optimization?

    23. Video 10.4.1 What is Web Optimization?
    24. Check for Understanding 10.4.2 What is Web Optimization?
    25. Connection 10.4.3 Website Folder Structure
    26. Notes 10.4.4 File Naming Conventions
    27. Free Response 10.4.5 Folders and Files

    28. 10.5 Optimizing Web Information

    29. Video 10.5.1 Optimizing Web Information
    30. Check for Understanding 10.5.2 Optimizing Web Information
    31. Connection 10.5.3 How Search Works
    32. Free Response 10.5.4 How Search Works
    33. Connection 10.5.5 What is Search Engine Optimization (SEO)?
    34. Free Response 10.5.6 SEO Definition
    35. Connection 10.5.7 Ethical Search Optimization
    36. Free Response 10.5.8 Ethical Search Optimization
    37. Connection 10.5.9 Yoast Analyzer
    38. Free Response 10.5.10 Yoast Tool Activity

    39. 10.6 Web Accessibility

    40. Connection 10.6.1 Accessibility
    41. Free Response 10.6.2 Accessibility Tips
    42. Example 10.6.3 Inaccessible Site Review
    43. Exercise 10.6.4 Improve Site's Accessibility

    44. 10.7 Web Security

    45. Video 10.7.1 IP and MAC Addresses
    46. Check for Understanding 10.7.2 IP and MAC Addresses Quiz
    47. Example 10.7.3 Intranet Permissions
    48. Free Response 10.7.4 Coffee Shop: Design an Intranet
    49. Article 10.7.5 Ethics Moment: Equifax Data Breach
    50. Free Response 10.7.6 Reflection: Equifax Data Breach
    51. Video 10.7.7 Connection and Content Security
    52. Example 10.7.8 XSS and Code Injection
    53. Free Response 10.7.9 Response: Connection and Content Security

    54. 10.8 How to Build and Maintain a Website Quiz

    55. Unit Quiz 10.8.1 How to Build and Maintain a Website Quiz

  11. Software Security

    1. 11.1 Inside Web Apps

    2. Video 11.1.1 Inside Web Apps
    3. Check for Understanding 11.1.2 Inside Web Apps
    4. Free Response 11.1.3 Using View Page Source
    5. Example 11.1.4 Recreate a Webpage?
    6. Connection 11.1.5 Getting Started with OWASP
    7. Free Response 11.1.6 Getting Started with OWASP

    8. 11.2 Developer Tools

    9. Video 11.2.1 Developer Tools
    10. Check for Understanding 11.2.2 Developer Tools
    11. Free Response 11.2.3 Using the Developer Tools
    12. Exercise 11.2.4 Console Secrets
    13. Example 11.2.5 Local Storage
    14. Connection 11.2.6 The Top Cybersecurity Blogs and Websites
    15. Free Response 11.2.7 Selecting a Site to Follow

    16. 11.3 The Value of Data

    17. Video 11.3.1 The Value of Data
    18. Check for Understanding 11.3.2 The Value of Data Quiz
    19. Notes 11.3.3 Exploring Data Visualizations
    20. Connection 11.3.4 US Recorded Music Revenue
    21. Connection 11.3.5 National Parks
    22. Connection 11.3.6 March Madness
    23. Connection 11.3.7 Captain Marvel
    24. Free Response 11.3.8 Respond: Visualizations
    25. Free Response 11.3.9 Free Response: Choosing a Visualization
    26. Free Response 11.3.10 Reflection: Design a Survey

    27. 11.4 Clients and Servers

    28. Video 11.4.1 Clients and Servers
    29. Check for Understanding 11.4.2 Clients and Servers
    30. Connection 11.4.3 Inside a Google Data Center
    31. Free Response 11.4.4 Inside a Google Data Center
    32. Connection 11.4.5 Cloud Vulnerabilities
    33. Free Response 11.4.6 Cloud Vulnerabilities Response
    34. Video 11.4.7 Client-Server Model
    35. Check for Understanding 11.4.8 Client-Server Model
    36. Connection 11.4.9 The Future of User Privacy
    37. Free Response 11.4.10 The Future of User Privacy
    38. Connection 11.4.11 What is Web Hosting?
    39. Free Response 11.4.12 What is Web Hosting Response

    40. 11.5 What is SQL?

    41. Notes 11.5.1 What is SQL Overview
    42. Video 11.5.2 Intro to SQL
    43. Check for Understanding 11.5.3 Quiz: What is SQL?
    44. Video 11.5.4 How to Structure Data in SQL
    45. Check for Understanding 11.5.5 How to Structure Data in SQL
    46. Example 11.5.6 SQL Tables
    47. Free Response 11.5.7 SQL Tables Response

    48. 11.6 Basic Querying in SQL

    49. Video 11.6.1 The SELECT Statement
    50. Check for Understanding 11.6.2 Basic Querying in SQL
    51. Example 11.6.3 Our First SELECT Statement
    52. Exercise 11.6.4 Your First SELECT Statement
    53. Video 11.6.5 More SELECT Statement
    54. Check for Understanding 11.6.6 More SELECT Statement
    55. Example 11.6.7 Selecting Specific Columns
    56. Exercise 11.6.8 Harry Potter Names

    57. 11.7 Filtering Queries in SQL

    58. Video 11.7.1 The WHERE Clause
    59. Check for Understanding 11.7.2 Condition Operators
    60. Example 11.7.3 Ravenclaw House
    61. Example 11.7.4 People in Gryffindor
    62. Example 11.7.5 Filter By ID
    63. Exercise 11.7.6 The Weasleys
    64. Exercise 11.7.7 The Potters

    65. 11.8 Databases

    66. Video 11.8.1 Databases
    67. Check for Understanding 11.8.2 Databases
    68. Connection 11.8.3 Database Administrator Career
    69. Free Response 11.8.4 Database Administrator Career
    70. Video 11.8.5 Parts of a Database
    71. Check for Understanding 11.8.6 Parts of a Database
    72. Connection 11.8.7 SQL Database Diagram
    73. Free Response 11.8.8 SQL Database Diagram
    74. Free Response 11.8.9 Schema Brainstorm

    75. 11.9 Common Security Problems

    76. Video 11.9.1 Common Security Problems
    77. Check for Understanding 11.9.2 Common Security Problems
    78. Connection 11.9.3 Meet Security Engineers at Google
    79. Free Response 11.9.4 Security Engineering Reflection
    80. Video 11.9.5 Living in a Digital World
    81. Free Response 11.9.6 Living in a Digital World

    82. 11.10 SQL Injection Overview

    83. Video 11.10.1 SQL Injection Overview
    84. Check for Understanding 11.10.2 SQL Injection Overview
    85. Connection 11.10.3 Equifax Security Breach
    86. Connection 11.10.4 Equifax Exposed Millions
    87. Free Response 11.10.5 Equifax SQL Injection Attack
    88. Example 11.10.6 SQLi

    89. 11.11 Types of SQLi and Prevention

    90. Video 11.11.1 Types of SQLi
    91. Check for Understanding 11.11.2 Types of SQLi
    92. Video 11.11.3 Preventing SQLi
    93. Check for Understanding 11.11.4 Preventing SQLi
    94. Connection 11.11.5 Mitigating SQL Injection
    95. Free Response 11.11.6 Reflection: Mitigating SQL Injection
    96. Connection 11.11.7 SQL Injection

    97. 11.12 Software Security Quiz

    98. Unit Quiz 11.12.1 Software Security Quiz

  12. Project - Iterate Your Web Development

    1. 12.1 Providing Feedback

    2. Connection 12.1.1 Evaluating an Innovation
    3. Free Response 12.1.2 Evaluating an Innovation
    4. Free Response 12.1.3 User Testing 1
    5. Free Response 12.1.4 User Testing 2

    6. 12.2 Presenting Your Innovation

    7. Free Response 12.2.1 Make Changes and Update Version
    8. Presentation 12.2.2 Present your Innovation

  13. Computer Science Careers

    1. 13.1 Computer Science Careers

    2. Video 13.1.1 Computer Science All Around Us
    3. Quiz 13.1.2 Computer Science All Around Us
    4. Connection 13.1.3 CS Careers
    5. Free Response 13.1.4 CS Career Response
    6. Connection 13.1.5 Coding in the Wild
    7. Free Response 13.1.6 Coding in the Wild Response
    8. Connection 13.1.7 Inclusive Coding
    9. Free Response 13.1.8 Inclusive Coding Response
    10. Resource 13.1.9 Career Research

  14. Prerequisite JavaScript Skills

    1. 14.1 Hello World

    2. Video 14.1.1 Hello World
    3. Check for Understanding 14.1.2 Hello World Quiz
    4. Example 14.1.3 Hello World
    5. Exercise 14.1.4 Your Name and Hobby

    6. 14.2 Variables

    7. Video 14.2.1 Variables
    8. Check for Understanding 14.2.2 Variables Quiz
    9. Example 14.2.3 Basic Variables
    10. Exercise 14.2.4 Daily Activities

    11. 14.3 User Input

    12. Video 14.3.1 User Input
    13. Check for Understanding 14.3.2 User Input Quiz
    14. Example 14.3.3 Basic User Input
    15. Exercise 14.3.4 Dinner Plans
    16. Badge 14.3.5 User Input Badge

    17. 14.4 Basic Math in JavaScript

    18. Video 14.4.1 Basic Math in JavaScript
    19. Check for Understanding 14.4.2 Basic Math in JavaScript Quiz
    20. Example 14.4.3 Simple Calculator
    21. Example 14.4.4 Dollars to Pounds
    22. Example 14.4.5 Dividing Up Groups
    23. Exercise 14.4.6 T-Shirt Shop
    24. Exercise 14.4.7 Running Speed

    25. 14.5 Booleans

    26. Video 14.5.1 Booleans
    27. Check for Understanding 14.5.2 Booleans Quiz
    28. Example 14.5.3 First Boolean
    29. Exercise 14.5.4 Do You Have a Dog?

    30. 14.6 Logical Operators

    31. Video 14.6.1 Logical Operators
    32. Check for Understanding 14.6.2 Logical Operators Quiz
    33. Example 14.6.3 Light Switch
    34. Example 14.6.4 President
    35. Example 14.6.5 Wasting Time
    36. Exercise 14.6.6 Can You Graduate?
    37. Exercise 14.6.7 School's Out

    38. 14.7 Comparison Operators

    39. Video 14.7.1 Comparison Operators
    40. Check for Understanding 14.7.2 Comparison Operators Quiz
    41. Example 14.7.3 Voting Age
    42. Example 14.7.4 Grade Range
    43. Exercise 14.7.5 Rolling Dice
    44. Exercise 14.7.6 Girl Scout Designation

    45. 14.8 If Statements

    46. Video 14.8.1 If Statements
    47. Check for Understanding 14.8.2 If Statements Quiz
    48. Example 14.8.3 Negative Numbers
    49. Example 14.8.4 Even and Odd
    50. Example 14.8.5 Secret Password
    51. Exercise 14.8.6 Teenagers
    52. Exercise 14.8.7 Dietary Restrictions
    53. Badge 14.8.8 Conditionals Badge

    54. 14.9 For Loops in JavaScript

    55. Video 14.9.1 Basic For Loop
    56. Check for Understanding 14.9.2 For Loops Quiz
    57. Example 14.9.3 For Loop
    58. Exercise 14.9.4 Chalkboard
    59. Video 14.9.5 For Loop Examples
    60. Example 14.9.6 For Loop Sum

    61. 14.10 Functions and Parameters 1

    62. Video 14.10.1 Functions and Parameters 1
    63. Check for Understanding 14.10.2 Functions and Parameters Quiz 1
    64. Example 14.10.3 Double Number
    65. Exercise 14.10.4 Square
    66. Exercise 14.10.5 Triple

    67. 14.11 Functions and Parameters 2

    68. Video 14.11.1 Functions and Parameters 2
    69. Check for Understanding 14.11.2 Functions and Parameters Quiz 2
    70. Example 14.11.3 Sum Function
    71. Exercise 14.11.4 Area of Triangle
    72. Exercise 14.11.5 Height in Meters

    73. 14.12 Functions and Return Values 1

    74. Video 14.12.1 Functions and Return Values 1
    75. Check for Understanding 14.12.2 Functions and Return Values Quiz
    76. Example 14.12.3 Double Number
    77. Exercise 14.12.4 Square with Return Values
    78. Video 14.12.5 Local Variables and Scope
    79. Example 14.12.6 Return Values

    80. 14.13 Intro to Lists/Arrays

    81. Video 14.13.1 Intro to Lists/Arrays
    82. Check for Understanding 14.13.2 Intro to Lists/Arrays Quiz
    83. Example 14.13.3 Making an Array
    84. Exercise 14.13.4 List of Places to Travel
    85. Exercise 14.13.5 List of Even Numbers

    86. 14.14 Indexing Into an Array

    87. Video 14.14.1 Indexing Into an Array
    88. Check for Understanding 14.14.2 Indexing into an Array Quiz
    89. Example 14.14.3 Array Indexing Practice
    90. Exercise 14.14.4 Top Websites

    91. 14.15 Adding/Removing From an Array

    92. Video 14.15.1 Adding/Removing From an Array
    93. Check for Understanding 14.15.2 Adding/Removing from an Array Quiz
    94. Example 14.15.3 Add/Remove From Array
    95. Exercise 14.15.4 Practice Push and Pop

    96. 14.16 Array Length and Looping Through Arrays

    97. Video 14.16.1 Array Length and Looping Through Arrays
    98. Check for Understanding 14.16.2 Array Length and Looping Through Arrays Quiz
    99. Example 14.16.3 Print Shopping List
    100. Example 14.16.4 Sum Array
    101. Exercise 14.16.5 Product of List
    102. Exercise 14.16.6 Print Flight Itinerary
    103. Exercise 14.16.7 Double List
    104. Exercise 14.16.8 Evens Only List
    105. Exercise 14.16.9 Reverse List

  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