Please enable JavaScript to use CodeHS

Outline


1. Digital Citizenship and Cybersecurity
1.1 What is Cybersecurity?
Video 1.1.1 What is Cybersecurity?
Check for Understanding 1.1.2 What is Cybersecurity?
Connection 1.1.3 City Services Ransomware
Free Response 1.1.4 Ransomware Reflection
Example 1.1.5 Ransomware Simulator
Connection 1.1.6 Internet of Things
Connection 1.1.7 Hackers vs. Smart Homes
Free Response 1.1.8 Internet of Things Reflection
Notes 1.1.9 Common Communication Interfaces
Free Response 1.1.10 Common Communication Interfaces Response
1.2 Impact of Cybersecurity
Video 1.2.1 Impact of Cybersecurity
Check for Understanding 1.2.2 Impact of Cybersecurity
Example 1.2.3 Phishing Simulator
Connection 1.2.4 Phishing for Your Info
Free Response 1.2.5 Phishing Reflection
Connection 1.2.6 Cyber Game
Free Response 1.2.7 Cyber Game Reflection
Connection 1.2.8 Cyber Crime Time
Free Response 1.2.9 Cyber Crime Time Reflection
1.3 The CIA Triad
Video 1.3.1 CIA Triad
Check for Understanding 1.3.2 CIA Triad
Free Response 1.3.3 Which part of the CIA Triad?
Free Response 1.3.4 Which part of the CIA Triad?
Free Response 1.3.5 Breach of Confidentiality
Free Response 1.3.6 Breach of Availability
Free Response 1.3.7 CIA Connections
Connection 1.3.8 What Are Digital Signatures?
Free Response 1.3.9 Digital Signatures Response
1.4 Digital Footprint and Reputation
Video 1.4.1 Digital Footprint and Reputation
Check for Understanding 1.4.2 Digital Footprint and Reputation
Example 1.4.3 Social Media Clean-up
Free Response 1.4.4 Building a Positive Digital Footprint
Connection 1.4.5 Right to be Forgotten?
Free Response 1.4.6 Right to be Forgotten
Free Response 1.4.7 What is your Digital Footprint?
1.5 Cyberbullying
Video 1.5.1 Cyberbullying
Check for Understanding 1.5.2 Cyberbullying
Free Response 1.5.3 Scenario: Student Ranking
Free Response 1.5.4 Scenario: Singled Out
Free Response 1.5.5 Stopping Cyberbullying
1.6 Internet Safety
Video 1.6.1 Internet Safety
Check for Understanding 1.6.2 Internet Safety
Free Response 1.6.3 Scenario: School Stranger
Free Response 1.6.4 Scenario: Vacation Pals
Free Response 1.6.5 Staying Safe
1.7 Privacy & Security
Video 1.7.1 What is Data Privacy & Security?
Check for Understanding 1.7.2 Privacy & Security Quiz
Connection 1.7.3 Google Privacy Policy Search
Free Response 1.7.4 Google Privacy Policy Search
Example 1.7.5 Guess: Password List
Example 1.7.6 Guess: Using an Algorithm
Example 1.7.7 Guess: Brute Force
Connection 1.7.8 How Strong is your Password?
Free Response 1.7.9 How Strong is your password?
Example 1.7.10 You Can Be Tracked!
1.8 Research: Privacy Acts and Regulations
Notes 1.8.1 Research Exercise Introduction
Free Response 1.8.2 Write Down Your Findings
Free Response 1.8.3 Share What You Learned
1.9 Information Literacy
Video 1.9.1 Information Literacy
Check for Understanding 1.9.2 Information Literacy
Free Response 1.9.3 Effective Internet Searches
Connection 1.9.4 Evaluate the Source 1
Free Response 1.9.5 Respond: Evaluate the Source 1
Notes 1.9.6 Evaluate the Source 2
Free Response 1.9.7 Respond: Evaluate the Source 2
Connection 1.9.8 Hero Pig?
Free Response 1.9.9 Respond: Hero Pig?
1.10 Creative Credit & Copyright
Video 1.10.1 Creative Credit and Copyright
Check for Understanding 1.10.2 Creative Credit and Copyright
Free Response 1.10.3 Cite!
Connection 1.10.4 Exploring Creative Commons
Free Response 1.10.5 Respond: Creative Commons
Free Response 1.10.6 Task: Finding Images
Free Response 1.10.7 Reflection: Why is Copyright Important?
1.11 Hacking Ethics
Video 1.11.1 Hacking Ethics & Legality
Check for Understanding 1.11.2 Hacking Ethics & Legality
Connection 1.11.3 Penetration Testing
Free Response 1.11.4 Reflection: Penetration Testing
Connection 1.11.5 Hack the Pentagon?
Free Response 1.11.6 Reflection: Hack the Pentagon
Check for Understanding 1.11.7 Ethical Hacker Agreement
1.12 Digital Citizenship and Cybersecurity Quiz
Unit Quiz 1.12.1 Digital Citizenship and Cyber Hygiene Quiz
2. HTML - Structuring Websites
2.1 Introduction to HTML
Video 2.1.1 Introduction to HTML
Check for Understanding 2.1.2 Introduction to HTML Quiz
Example 2.1.3 Our First HTML Page
Exercise 2.1.4 Say Hello!
2.2 Structure of an HTML Page
Video 2.2.1 Structure of an HTML Page
Check for Understanding 2.2.2 Structure of an HTML Page Quiz
Example 2.2.3 HTML Template
Example 2.2.4 Hello World Page
Exercise 2.2.5 The <title> Tag
Exercise 2.2.6 Your First HTML Page
2.3 Formatting Text
Video 2.3.1 Formatting Text
Check for Understanding 2.3.2 Formatting Text Quiz
Example 2.3.3 Dictionary
Exercise 2.3.4 Word Definitions
Exercise 2.3.5 Pet Names
Exercise 2.3.6 Call of the Wild
Badge 2.3.7 Formatting Badge
2.4 Links
Video 2.4.1 Links
Check for Understanding 2.4.2 Links Quiz
Example 2.4.3 The <a> Tag
Exercise 2.4.4 Bookmarks
Exercise 2.4.5 Encyclopedias
2.5 Images
Video 2.5.1 Images
Check for Understanding 2.5.2 Images Quiz
Example 2.5.3 The <img> Tag
Exercise 2.5.4 Collage on a Theme
Exercise 2.5.5 Linking an Image
Exercise 2.5.6 National Parks
2.6 Copyright
Video 2.6.1 Copyright
Check for Understanding 2.6.2 Copyright Quiz
Example 2.6.3 Citing Sources Example
Connection 2.6.4 Exploring Creative Commons
Free Response 2.6.5 Response: Creative Commons
Free Response 2.6.6 Finding Images
Exercise 2.6.7 Make a Collage
Free Response 2.6.8 Why Copyright is Important
2.7 HTML Lists
Video 2.7.1 HTML Lists
Check for Understanding 2.7.2 HTML Lists Quiz
Example 2.7.3 Grocery Shopping
Exercise 2.7.4 Class Planning
Exercise 2.7.5 Dream Destinations
Exercise 2.7.6 Vacation Guides
2.8 HTML Tables
Video 2.8.1 HTML Tables
Check for Understanding 2.8.2 HTML Tables Quiz
Example 2.8.3 Address Book
Exercise 2.8.4 National Sports
Exercise 2.8.5 Table of Favorites
2.9 HTML Styling
Video 2.9.1 HTML Styling
Check for Understanding 2.9.2 HTML Styling Quiz
Example 2.9.3 Stylish Address Book
Exercise 2.9.4 Background Colors
Exercise 2.9.5 Style Your Class List
Badge 2.9.6 Styling Badge
2.10 HTML Colors
Video 2.10.1 HTML Colors
Check for Understanding 2.10.2 HTML Colors Quiz
Example 2.10.3 HTML Colors Examples
Exercise 2.10.4 Create Your Own Color
Exercise 2.10.5 Gradients
Connection 2.10.6 Color Wheel
Exercise 2.10.7 Using Good Colors
2.11 HTML - Structuring Websites Quiz
Unit Quiz 2.11.1 HTML - Structuring Websites Quiz
Badge 2.11.2 HTML Badge
3. CSS - Styling Websites
3.1 Introduction to CSS
Video 3.1.1 Introduction to CSS
Check for Understanding 3.1.2 Introduction to CSS Quiz
Example 3.1.3 Styling your H1s
Exercise 3.1.4 First style with CSS
Exercise 3.1.5 List Styling
Exercise 3.1.6 Endangered Animals: Skeleton
3.2 CSS Select by Tag
Video 3.2.1 CSS Select by Tag
Check for Understanding 3.2.2 CSS Select by Tag Quiz
Example 3.2.3 Rainbow
Example 3.2.4 Puppy Styling
Exercise 3.2.5 Set List
Exercise 3.2.6 Your Appliance Recommendations
Exercise 3.2.7 Endangered Animals: Style the Headers
3.3 CSS Select by Class
Video 3.3.1 CSS Select by Class
Check for Understanding 3.3.2 CSS Select by Class Quiz
Example 3.3.3 Simple Checkerboard
Exercise 3.3.4 Swim Meet
Exercise 3.3.5 Favorite Things
Exercise 3.3.6 Endangered Animals: Add Color Coding
3.4 CSS Select by ID
Video 3.4.1 CSS Select by ID
Check for Understanding 3.4.2 CSS Select by ID Quiz
Example 3.4.3 Logo
Exercise 3.4.4 Must Do Today!
Exercise 3.4.5 Lomeli's Menu
Exercise 3.4.6 Endangered Animals: Add Pictures
Badge 3.4.7 Selector Badge
3.5 The Cascade
Video 3.5.1 The Cascade
Check for Understanding 3.5.2 The Cascade Quiz
Example 3.5.3 Using Importance
Example 3.5.4 Order of Precedence
Exercise 3.5.5 We Really Like Dairy
Exercise 3.5.6 Style the Table
3.6 Multi-file Websites
Video 3.6.1 Splitting Your Site Into Files
Quiz 3.6.2 Splitting Your Site Into Files Quiz
Example 3.6.3 Multipage Site Examples
Exercise 3.6.4 Add a Style Sheet
Exercise 3.6.5 Dividing the Site
Exercise 3.6.6 Career Site: Creating Structure
3.7 CSS - Styling Websites Quiz
Unit Quiz 3.7.1 CSS - Styling Websites Quiz
Badge 3.7.2 CSS Badge
4. Advanced HTML and CSS
4.1 Getting Started - Advanced HTML and CSS
Video 4.1.1 Getting Started
Example 4.1.2 Example: Image Filters
Example 4.1.3 Example: Animations
Example 4.1.4 Example: Interactions
4.2 Embedding iframes
Video 4.2.1 Embedding iframes
Check for Understanding 4.2.2 Embedding IFrames Quiz
Example 4.2.3 Embedding CodeHS
Exercise 4.2.4 Embedding a Website
Exercise 4.2.5 Embed a Tweet
Exercise 4.2.6 Embed a Video
Exercise 4.2.7 Career Site: Include Outside Information
4.3 Divs
Video 4.3.1 Divs
Check for Understanding 4.3.2 Divs Quiz
Example 4.3.3 Divvying up the Site
Exercise 4.3.4 Quotes
Exercise 4.3.5 Flags
Exercise 4.3.6 Career Site: Separate the Content
Badge 4.3.7 Div Badge
4.4 Spans
Video 4.4.1 Spans
Check for Understanding 4.4.2 Spans Quiz
Example 4.4.3 Span Formatting
Exercise 4.4.4 Vocabulary
Exercise 4.4.5 Text Decoration
Exercise 4.4.6 Career Site: Style Special Pieces
4.5 Combining CSS Selectors
Video 4.5.1 Combining CSS Selectors
Check for Understanding 4.5.2 Combining CSS Selectors Quiz
Example 4.5.3 More Specific Styling
Exercise 4.5.4 Choosing Nested Tags
Exercise 4.5.5 Highlight the First Item
Exercise 4.5.6 Calorie Recommendations
4.6 The Don't Repeat Yourself Principle
Video 4.6.1 Don't Repeat Yourself
Check for Understanding 4.6.2 Don't Repeat Yourself Quiz
Example 4.6.3 Styling Multiple Tags
Example 4.6.4 Style Similar Items with Same Class
Exercise 4.6.5 Managing Change
Exercise 4.6.6 Condense CSS Rules
Free Response 4.6.7 Why DRY?
4.7 Special Selectors
Video 4.7.1 Special Selectors
Check for Understanding 4.7.2 Special Selectors Quiz
Example 4.7.3 Vote For Me
Example 4.7.4 Vote For Me Pt 2
Exercise 4.7.5 Extend Vote For Me
Exercise 4.7.6 Special Vendors
Exercise 4.7.7 Checklist
Exercise 4.7.8 Career Website: Add Milestones
Badge 4.7.9 Special Selectors Badge
4.8 Visibility
Video 4.8.1 Visibility
Check for Understanding 4.8.2 Visibility Quiz
Example 4.8.3 Display Example
Example 4.8.4 Fading Text
Exercise 4.8.5 Favorite Sea Creature
Exercise 4.8.6 Caption on Demand
4.9 Reading Documentation
Video 4.9.1 Reading Documentation
Check for Understanding 4.9.2 Reading Documentation Quiz
Example 4.9.3 Using Docs: Float
Example 4.9.4 Using Docs: <blockquote> Tag
Exercise 4.9.5 Style the Table
Exercise 4.9.6 Electric Company
Exercise 4.9.7 Career Website: Add Pictures
4.10 Using the Inspector
Video 4.10.1 Using the Inspector
Check for Understanding 4.10.2 Using the Inspector Tool Quiz
Connection 4.10.3 Inspector Quick Start
Check for Understanding 4.10.4 Classes and IDs
Check for Understanding 4.10.5 Exploring the Art Museum
Check for Understanding 4.10.6 What's Your Style?
4.11 The Box Model
Video 4.11.1 The Box Model
Check for Understanding 4.11.2 The Box Model Quiz
Example 4.11.3 Adding Space Using Margin
Example 4.11.4 Adding Space Using Padding
Example 4.11.5 Combining Margin and Padding
Example 4.11.6 Margin and Padding with em
Exercise 4.11.7 I need some space!
Exercise 4.11.8 I need some breathing room!
Free Response 4.11.9 Where is space added?
Free Response 4.11.10 Relative Measurements
Exercise 4.11.11 Align Content Side by Side
Exercise 4.11.12 Career Website: Separate Content
Connection 4.11.13 Design with the Box Model
Badge 4.11.14 Box Badge
4.12 Image Manipulation
Video 4.12.1 Image Manipulation
Check for Understanding 4.12.2 Image Manipulation Quiz
Example 4.12.3 Grayscale Filter
Example 4.12.4 Blur Filter
Example 4.12.5 Hue Rotation
Exercise 4.12.6 Invert Filter
Exercise 4.12.7 Blurred
Exercise 4.12.8 Hue Rotation Comparisons
Exercise 4.12.9 Overexposure
Exercise 4.12.10 Grayscale Art
Exercise 4.12.11 Aesop's Fables Part 1
Exercise 4.12.12 Aesop's Fables Part 2
4.13 Animation
Video 4.13.1 Animation
Check for Understanding 4.13.2 Animation Quiz
Example 4.13.3 Animated Image Filter
Exercise 4.13.4 Animated Invert Filter
Exercise 4.13.5 Album Cover
Exercise 4.13.6 Aesop's Fables Part 3
4.14 Interaction
Video 4.14.1 Interaction
Check for Understanding 4.14.2 Interaction Quiz
Example 4.14.3 Interactive Image Filter
Example 4.14.4 Smooth Interactive Image Filter
Example 4.14.5 Smooth Change on Click
Exercise 4.14.6 Button Interaction
Exercise 4.14.7 Create Your Own Tooltip
Exercise 4.14.8 Aesop's Fables Part 4
Exercise 4.14.9 Career Website: Engage the User
Connection 4.14.10 CSS Tricks
4.15 CSS Frameworks
Video 4.15.1 What is a CSS Framework?
Example 4.15.2 Making Buttons
Example 4.15.3 Mobile Site Bootstrap Example
Connection 4.15.4 Real World Bootstrap: OneNYC
Connection 4.15.5 Real World Tailwind: Alastair Gray's Portfolio
Notes 4.15.6 Tailwind CSS Component Examples
Free Response 4.15.7 Reflection: Using CSS Frameworks
4.16 Advanced HTML and CSS Quiz
Unit Quiz 4.16.1 Advanced HTML and CSS Quiz
Badge 4.16.2 Advanced HTML and CSS Badge
5. Project - Create Your Homepage
5.1 Software Development Life Cycle
Video 5.1.1 Development Life Cycle
Check for Understanding 5.1.2 Development Life Cycle
Connection 5.1.3 What is GitHub?
Free Response 5.1.4 Reflection: What is GitHub?
Free Response 5.1.5 Researching Collaborative Platforms
5.2 Homepage: Your First Website
Example 5.2.1 Example Homepage
Connection 5.2.2 Real World Homepage
Article 5.2.3 Introduction to Web Accessibility
Free Response 5.2.4 Introduction to Web Accessibility Response
Notes 5.2.5 Sections 508 and 504
Challenge 5.2.6 Set Up Your codehs.me Website
Challenge 5.2.7 Create Your Homepage
Badge 5.2.8 Create Your Homepage Badge
5.3 Project Overview
Resource 5.3.1 Final Project Overview
Connection 5.3.2 Innovative Brainstorm
Free Response 5.3.3 Innovative Brainstorm
5.4 Planning Your Site
Free Response 5.4.1 Determine Your Objectives
Free Response 5.4.2 Create a Sitemap
Free Response 5.4.3 Create a Project Timeline
6. JavaScript Basics
6.1 Hello World
Video 6.1.1 Hello World
Check for Understanding 6.1.2 Hello World Quiz
Example 6.1.3 Hello World
Exercise 6.1.4 Your Name and Hobby
6.2 Variables
Video 6.2.1 Variables
Check for Understanding 6.2.2 Variables Quiz
Example 6.2.3 Basic Variables
Exercise 6.2.4 Daily Activities
6.3 User Input
Video 6.3.1 User Input
Check for Understanding 6.3.2 User Input Quiz
Example 6.3.3 Basic User Input
Exercise 6.3.4 Dinner Plans
Badge 6.3.5 User Input Badge
6.4 Basic Math in JavaScript
Video 6.4.1 Basic Math in JavaScript
Check for Understanding 6.4.2 Basic Math in JavaScript Quiz
Example 6.4.3 Simple Calculator
Example 6.4.4 Dollars to Pounds
Example 6.4.5 Dividing Up Groups
Exercise 6.4.6 T-Shirt Shop
Exercise 6.4.7 Running Speed
6.5 Booleans
Video 6.5.1 Booleans
Check for Understanding 6.5.2 Booleans Quiz
Example 6.5.3 First Boolean
Exercise 6.5.4 Do You Have a Dog?
6.6 Logical Operators
Video 6.6.1 Logical Operators
Check for Understanding 6.6.2 Logical Operators Quiz
Example 6.6.3 Light Switch
Example 6.6.4 President
Example 6.6.5 Wasting Time
Exercise 6.6.6 Can You Graduate?
Exercise 6.6.7 School's Out
6.7 Comparison Operators
Video 6.7.1 Comparison Operators
Check for Understanding 6.7.2 Comparison Operators Quiz
Example 6.7.3 Voting Age
Example 6.7.4 Grade Range
Exercise 6.7.5 Rolling Dice
Exercise 6.7.6 Girl Scout Designation
6.8 If Statements
Video 6.8.1 If Statements
Check for Understanding 6.8.2 If Statements Quiz
Example 6.8.3 Negative Numbers
Example 6.8.4 Even and Odd
Example 6.8.5 Secret Password
Exercise 6.8.6 Teenagers
Exercise 6.8.7 Dietary Restrictions
Badge 6.8.8 Conditionals Badge
6.9 For Loops in JavaScript
Video 6.9.1 Basic For Loop
Check for Understanding 6.9.2 For Loops Quiz
Example 6.9.3 For Loop
Exercise 6.9.4 Chalkboard
Video 6.9.5 For Loop Examples
Example 6.9.6 For Loop Sum
6.10 Functions and Parameters 1
Video 6.10.1 Functions and Parameters 1
Check for Understanding 6.10.2 Functions and Parameters Quiz 1
Example 6.10.3 Double Number
Exercise 6.10.4 Square
Exercise 6.10.5 Triple
6.11 Functions and Parameters 2
Video 6.11.1 Functions and Parameters 2
Check for Understanding 6.11.2 Functions and Parameters Quiz 2
Example 6.11.3 Sum Function
Exercise 6.11.4 Area of Triangle
Exercise 6.11.5 Height in Meters
6.12 Functions and Return Values 1
Video 6.12.1 Functions and Return Values 1
Check for Understanding 6.12.2 Functions and Return Values Quiz
Example 6.12.3 Double Number
Exercise 6.12.4 Square with Return Values
Video 6.12.5 Local Variables and Scope
Example 6.12.6 Return Values
6.13 Intro to Lists/Arrays
Video 6.13.1 Intro to Lists/Arrays
Check for Understanding 6.13.2 Intro to Lists/Arrays Quiz
Example 6.13.3 Making an Array
Exercise 6.13.4 List of Places to Travel
Exercise 6.13.5 List of Even Numbers
6.14 Indexing Into an Array
Video 6.14.1 Indexing Into an Array
Check for Understanding 6.14.2 Indexing into an Array Quiz
Example 6.14.3 Array Indexing Practice
Exercise 6.14.4 Top Websites
6.15 Adding/Removing From an Array
Video 6.15.1 Adding/Removing From an Array
Check for Understanding 6.15.2 Adding/Removing from an Array Quiz
Example 6.15.3 Add/Remove From Array
Exercise 6.15.4 Practice Push and Pop
6.16 Array Length and Looping Through Arrays
Video 6.16.1 Array Length and Looping Through Arrays
Check for Understanding 6.16.2 Array Length and Looping Through Arrays Quiz
Example 6.16.3 Print Shopping List
Example 6.16.4 Sum Array
Exercise 6.16.5 Product of List
Exercise 6.16.6 Print Flight Itinerary
Exercise 6.16.7 Double List
Exercise 6.16.8 Evens Only List
Exercise 6.16.9 Reverse List
7. Introduction to Javascript in HTML
7.1 The Script Tag
Video 7.1.1 The Script Tag
Check for Understanding 7.1.2 The Script Tag Quiz
Example 7.1.3 Debugging Functions
Free Response 7.1.4 Using the Console
Exercise 7.1.5 Writing in the Console
Exercise 7.1.6 Alert Introduction
Exercise 7.1.7 Debugging with the Console
Challenge 7.1.8 Quick Trivia
7.2 Using the DOM
Video 7.2.1 getElementById
Check for Understanding 7.2.2 getElementById Quiz
Example 7.2.3 Welcome to My Site!
Exercise 7.2.4 Let's Get to Know You
Exercise 7.2.5 Simple Math
Video 7.2.6 Using the DOM
Check for Understanding 7.2.7 Using the DOM Quiz
Example 7.2.8 Multiple <p> tags
Exercise 7.2.9 Menu Opinion
Exercise 7.2.10 Longest Paragraph
7.3 Creating Elements Using the DOM
Video 7.3.1 Creating Elements Using the DOM
Check for Understanding 7.3.2 Creating Elements Using the DOM
Example 7.3.3 Make a Button
Example 7.3.4 The Whole Family
Exercise 7.3.5 Roll Call
Exercise 7.3.6 Add to Calendar
7.4 Styling Elements Using Javascript
Video 7.4.1 Styling Elements Using JavaScript
Check for Understanding 7.4.2 Styling Elements Using JavaScript
Example 7.4.3 Frankenstein Footnote
Example 7.4.4 .(attribute) vs. setAttribute
Exercise 7.4.5 Add a Link
Exercise 7.4.6 Create a Flag
Exercise 7.4.7 Checkerboard
7.5 Functions in HTML
Video 7.5.1 Functions in HTML
Check for Understanding 7.5.2 Functions in HTML
Example 7.5.3 Changing Text Color
Example 7.5.4 Change Text Color with Parameters
Exercise 7.5.5 Announcement Function
Exercise 7.5.6 Random Number Generator
Exercise 7.5.7 Add Colors!
7.6 This Keyword
Video 7.6.1 This Keyword
Check for Understanding 7.6.2 This Keyword
Example 7.6.3 Clicking Multiple Paragraphs
Example 7.6.4 Clicking with Event Listeners
Exercise 7.6.5 Click Box
Exercise 7.6.6 Cross Out
Challenge 7.6.7 Make a Quilt
7.7 Challenge: Make a Keyboard
Connection 7.7.1 Challenge Overview!
Exercise 7.7.2 Make Button
Exercise 7.7.3 Make Text
Challenge 7.7.4 Make a Keyboard
7.8 Keyboard Interactions
Video 7.8.1 Keyboard Events
Check for Understanding 7.8.2 Keyboard Events
Example 7.8.3 Coordinate Plane
Example 7.8.4 Make a Keyboard with Key Events
Exercise 7.8.5 Key Alert
Exercise 7.8.6 Light Up Squares
Exercise 7.8.7 Light Switch Squares
7.9 JavaScript Animations
Video 7.9.1 Animations in JavaScript
Check for Understanding 7.9.2 Animations in JavaScript
Example 7.9.3 Growing Square
Example 7.9.4 Changing Colors
Exercise 7.9.5 Rotating Div
Exercise 7.9.6 Lucky Lotto Number
Exercise 7.9.7 Rotating Div with Keyboard Interaction
7.10 Positioning and Animations
Video 7.10.1 Positioning and Animations
Check for Understanding 7.10.2 Positioning and Animations
Example 7.10.3 Positioning Elements
Example 7.10.4 Moving Square in Container
Exercise 7.10.5 Practice with Positions
Exercise 7.10.6 Hidden Nav Bar
Exercise 7.10.7 Moving a Square
Challenge 7.10.8 Add Div Animation
7.11 Introduction to JavaScript in HTML Quiz
Unit Quiz 7.11.1 Introduction to JavaScript in HTML Quiz
8. Using JavaScript Libraries
8.1 Introduction to jQuery
Video 8.1.1 Introduction to jQuery
Check for Understanding 8.1.2 Introduction to jQuery
Example 8.1.3 Using the Selector
Example 8.1.4 jQuery Functions
Connection 8.1.5 Exploring the jQuery Documentation
Free Response 8.1.6 Exploring the jQuery Documentation
Exercise 8.1.7 High School Info
Exercise 8.1.8 Change Paragraph Size
Exercise 8.1.9 jQuery Table
Challenge 8.1.10 Smart jQuery Table
8.2 Iterating with jQuery
Video 8.2.1 Iterating with jQuery
Check for Understanding 8.2.2 Iterating with jQuery
Example 8.2.3 Printing To Do List
Example 8.2.4 Smart Table Using Each
Exercise 8.2.5 Mark Complete
Exercise 8.2.6 Fix Width
Exercise 8.2.7 Strobe Light
8.3 Animations with jQuery
Video 8.3.1 Animations with jQuery
Check for Understanding 8.3.2 Animations with jQuery
Example 8.3.3 .animate Grow
Example 8.3.4 Animation Queue
Example 8.3.5 Toggle
Exercise 8.3.6 Bouncy Ball
Exercise 8.3.7 Extracurriculars
Exercise 8.3.8 FrankenDiv
8.4 Callback Functions and Synchronization
Video 8.4.1 Callback Functions and Synchronization
Check for Understanding 8.4.2 Callback Functions and Synchronization
Example 8.4.3 .animate Execution Delay
Example 8.4.4 .animate Per-Element Callback
Exercise 8.4.5 Grow and Shrink Counter
Exercise 8.4.6 Progress Bar
Challenge 8.4.7 The Wave
8.5 Using Multiple Files in JavaScript
Video 8.5.1 Using Multiple Files in JavaScript
Check for Understanding 8.5.2 Using Multiple Files in JavaScript
Example 8.5.3 Execution Order
Example 8.5.4 Accessibility Button
Exercise 8.5.5 Our First js File
Exercise 8.5.6 Fix Load Order
Challenge 8.5.7 The Wave with .js
8.6 Using JavaScript Libraries Quiz
Unit Quiz 8.6.1 Using JavaScript Libraries Quiz
9. Project: Build an Interactive Resume!
9.1 Creating a Resume
Connection 9.1.1 Interactive Resume Project Overview
Connection 9.1.2 What is a Resume?
Free Response 9.1.3 What is a Resume?
Free Response 9.1.4 Draft Your Resume
9.2 Layout and Web Design Theory
Video 9.2.1 Layout and Web Design Theory
Check for Understanding 9.2.2 Layout and Web Design Theory
Free Response 9.2.3 Learning More About the Z and F Layouts
Connection 9.2.4 Explore Resume Layouts
Free Response 9.2.5 Explore Resume Layouts
Free Response 9.2.6 Sample Interactive Layouts
9.3 Interactive Resume Development
Free Response 9.3.1 Draft Your Interactive Resume
Challenge 9.3.2 Online Interactive Resume Draft
Free Response 9.3.3 Evaluating an Interactive Resume
Challenge 9.3.4 Final Draft Interactive Resume
10. Storing and Collecting Data
10.1 Collecting and Storing Data
Video 10.1.1 Collecting and Storing Data
Check for Understanding 10.1.2 Collecting and Storing Data
Connection 10.1.3 How Much is Your Data Worth?
Free Response 10.1.4 How Much is Your Data Worth Responses
Example 10.1.5 Does Your Browser Have Local Storage?
Example 10.1.6 Local Storage
Connection 10.1.7 Cookies vs. Local Storage
Free Response 10.1.8 Cookies vs. Local Storage Responses
10.2 Storing Data with Local Storage
Video 10.2.1 Storing Data with Local Storage
Check for Understanding 10.2.2 Storing Data with Local Storage
Example 10.2.3 Saving Your Name
Example 10.2.4 Save Button Clicks
Exercise 10.2.5 Save Background Color
Exercise 10.2.6 How Many Times Have You Visited This Site
10.3 Storing Data Structures with Local Storage
Video 10.3.1 Storing Data Structures with Local Storage
Check for Understanding 10.3.2 Storing Data Structures with Local Storage
Example 10.3.3 Using JSON
Example 10.3.4 Last Three Backgrounds
Exercise 10.3.5 Print To Do List
Exercise 10.3.6 Tracking Scores
Challenge 10.3.7 Saving Active Divs
10.4 JavaScript Objects
Video 10.4.1 Using Objects in JavaScript
Check for Understanding 10.4.2 Using Objects in JavaScript
Example 10.4.3 Person Object
Example 10.4.4 Using Functions in Objects
Exercise 10.4.5 A Contact Object
Exercise 10.4.6 Add Contact
Exercise 10.4.7 Retrieve Contacts
Challenge 10.4.8 Print Contact List + Styling
10.5 Using Input Fields
Video 10.5.1 Using Input Fields
Check for Understanding 10.5.2 Using Input Fields
Example 10.5.3 Input Types
Example 10.5.4 Serialized Form Array
Example 10.5.5 Storing Input in Local Storage
Example 10.5.6 Upload a File
Exercise 10.5.7 To-Do List
Exercise 10.5.8 To-Do List with Local Storage
Exercise 10.5.9 Birthday Tracker
Exercise 10.5.10 Verify with File MIME Types
10.6 Challenge: Create a Survey
Connection 10.6.1 Survey Challenge Overview
Free Response 10.6.2 Survey Brainstorm
Exercise 10.6.3 Create Survey Form
Challenge 10.6.4 Complete your Survey
10.7 Storing Data with Firebase
Video 10.7.1 Storing Data with Firebase
Check for Understanding 10.7.2 Storing Data with Firebase
Example 10.7.3 Storing and Collecting Data with Firebase
Exercise 10.7.4 Introduce Yourself to Firebase
Exercise 10.7.5 Storing a Book Object
Exercise 10.7.6 Retrieving a Book Object
10.8 Traversing Data with Firebase
Video 10.8.1 Traversing Data with Firebase
Check for Understanding 10.8.2 Traversing Data with Firebase
Example 10.8.3 Adding New Nodes
Example 10.8.4 Visualizing Firebase
Free Response 10.8.5 Visualizing Firebase
Exercise 10.8.6 Retrieving Authors
Exercise 10.8.7 Diary Entry
10.9 Challenge: Collecting User Clicks
Connection 10.9.1 Storing Click Data Overview
Challenge 10.9.2 Get Date and Element
Challenge 10.9.3 Storing Click Data
10.10 For/In Loops
Video 10.10.1 For/In Loops
Check for Understanding 10.10.2 For/In Loops Quiz
Example 10.10.3 Find Users with Same Name
Example 10.10.4 Nested For/In Loops
Exercise 10.10.5 Hogwarts
Exercise 10.10.6 How Many Guests?
Challenge 10.10.7 Visualizing User Clicks
10.11 Using APIs
Video 10.11.1 Using APIs
Check for Understanding 10.11.2 Using APIs
Example 10.11.3 Using an API Key
Example 10.11.4 Generate an API Key
Exercise 10.11.5 Creating a Dictionary API
Exercise 10.11.6 Using a Movie API
10.12 Server-side Languages
Video 10.12.1 Web Stacks and Server-side Languages
Video 10.12.2 Server-side Languages Live Coding
Example 10.12.3 Server-side Hello World
Example 10.12.4 Divide Two Mystery Numbers
Exercise 10.12.5 Server-side About Me
Exercise 10.12.6 Classify Trees Server-side
Exercise 10.12.7 Calculate Mystery Numbers
10.13 Storing and Collecting Data Quiz
Unit Quiz 10.13.1 Storing and Collecting Data Quiz
11. How to Build and Maintain a Website
11.1 Choosing a Domain Name
Video 11.1.1 Choosing a Domain Name
Check for Understanding 11.1.2 Choosing a Domain Name
Connection 11.1.3 How to Choose a Domain Name
Free Response 11.1.4 How to Choose a Domain Name
Notes 11.1.5 Choosing a Domain Name
Free Response 11.1.6 Choosing a Domain Name
11.2 Hosting Your Website
Video 11.2.1 Personal Servers vs. Web Server Providers
Check for Understanding 11.2.2 Personal Servers vs. Web Server Providers
Connection 11.2.3 How to Host a Website
Free Response 11.2.4 How to Host a Website
Connection 11.2.5 Hosting a Website from Your Own Home
Free Response 11.2.6 Self-Hosted or Web Server Provider?
11.3 Using a CMS
Video 11.3.1 Using a CMS
Check for Understanding 11.3.2 Using a CMS
Connection 11.3.3 How to Choose a CMS
Free Response 11.3.4 How to Choose a CMS
Connection 11.3.5 Comparing CMS Systems
Free Response 11.3.6 Comparing CMS Systems
11.4 What is Web Optimization?
Video 11.4.1 What is Web Optimization?
Check for Understanding 11.4.2 What is Web Optimization?
Connection 11.4.3 Website Folder Structure
Notes 11.4.4 File Naming Conventions
Free Response 11.4.5 Folders and Files
11.5 Optimizing Web Information
Video 11.5.1 Optimizing Web Information
Check for Understanding 11.5.2 Optimizing Web Information
Connection 11.5.3 How Search Works
Free Response 11.5.4 How Search Works
Connection 11.5.5 What is Search Engine Optimization (SEO)?
Free Response 11.5.6 SEO Definition
Connection 11.5.7 Ethical Search Optimization
Free Response 11.5.8 Ethical Search Optimization
Connection 11.5.9 Yoast Analyzer
Free Response 11.5.10 Yoast Tool Activity
11.6 Web Accessibility
Connection 11.6.1 Accessibility
Free Response 11.6.2 Accessibility Tips
Example 11.6.3 Inaccessible Site Review
Exercise 11.6.4 Improve Site's Accessibility
11.7 Web Security
Video 11.7.1 IP and MAC Addresses
Check for Understanding 11.7.2 IP and MAC Addresses Quiz
Example 11.7.3 Intranet Permissions
Free Response 11.7.4 Coffee Shop: Design an Intranet
Article 11.7.5 Ethics Moment: Equifax Data Breach
Free Response 11.7.6 Reflection: Equifax Data Breach
Video 11.7.7 Connection and Content Security
Example 11.7.8 XSS and Code Injection
Free Response 11.7.9 Response: Connection and Content Security
11.8 How to Build and Maintain a Website Quiz
Unit Quiz 11.8.1 How to Build and Maintain a Website Quiz
12. Software Security
12.1 Inside Web Apps
Video 12.1.1 Inside Web Apps
Check for Understanding 12.1.2 Inside Web Apps
Free Response 12.1.3 Using View Page Source
Example 12.1.4 Recreate a Webpage?
Connection 12.1.5 Getting Started with OWASP
Free Response 12.1.6 Getting Started with OWASP
12.2 Developer Tools
Video 12.2.1 Developer Tools
Check for Understanding 12.2.2 Developer Tools
Free Response 12.2.3 Using the Developer Tools
Exercise 12.2.4 Console Secrets
Example 12.2.5 Local Storage
Connection 12.2.6 The Top Cybersecurity Blogs and Websites
Free Response 12.2.7 Selecting a Site to Follow
12.3 The Value of Data
Video 12.3.1 The Value of Data
Check for Understanding 12.3.2 The Value of Data Quiz
Notes 12.3.3 Exploring Data Visualizations
Connection 12.3.4 US Recorded Music Revenue
Connection 12.3.5 National Parks
Connection 12.3.6 March Madness
Connection 12.3.7 Captain Marvel
Free Response 12.3.8 Respond: Visualizations
Free Response 12.3.9 Free Response: Choosing a Visualization
Free Response 12.3.10 Reflection: Design a Survey
12.4 Clients and Servers
Video 12.4.1 Clients and Servers
Check for Understanding 12.4.2 Clients and Servers
Connection 12.4.3 Inside a Google Data Center
Free Response 12.4.4 Inside a Google Data Center
Connection 12.4.5 Cloud Vulnerabilities
Free Response 12.4.6 Cloud Vulnerabilities Response
Video 12.4.7 Client-Server Model
Check for Understanding 12.4.8 Client-Server Model
Connection 12.4.9 The Future of User Privacy
Free Response 12.4.10 The Future of User Privacy
Connection 12.4.11 What is Web Hosting?
Free Response 12.4.12 What is Web Hosting Response
12.5 What is SQL?
Notes 12.5.1 What is SQL Overview
Video 12.5.2 Intro to SQL
Check for Understanding 12.5.3 Quiz: What is SQL?
Video 12.5.4 How to Structure Data in SQL
Check for Understanding 12.5.5 How to Structure Data in SQL
Example 12.5.6 SQL Tables
Free Response 12.5.7 SQL Tables Response
12.6 Basic Querying in SQL
Video 12.6.1 The SELECT Statement
Check for Understanding 12.6.2 Basic Querying in SQL
Example 12.6.3 Our First SELECT Statement
Exercise 12.6.4 Your First SELECT Statement
Video 12.6.5 More SELECT Statement
Check for Understanding 12.6.6 More SELECT Statement
Example 12.6.7 Selecting Specific Columns
Exercise 12.6.8 Harry Potter Names
12.7 Filtering Queries in SQL
Video 12.7.1 The WHERE Clause
Check for Understanding 12.7.2 Condition Operators
Example 12.7.3 Ravenclaw House
Example 12.7.4 People in Gryffindor
Example 12.7.5 Filter By ID
Exercise 12.7.6 The Weasleys
Exercise 12.7.7 The Potters
12.8 Databases
Video 12.8.1 Databases
Check for Understanding 12.8.2 Databases
Connection 12.8.3 Database Administrator Career
Free Response 12.8.4 Database Administrator Career
Video 12.8.5 Parts of a Database
Check for Understanding 12.8.6 Parts of a Database
Connection 12.8.7 SQL Database Diagram
Free Response 12.8.8 SQL Database Diagram
Free Response 12.8.9 Schema Brainstorm
12.9 Common Security Problems
Video 12.9.1 Common Security Problems
Check for Understanding 12.9.2 Common Security Problems
Connection 12.9.3 Meet Security Engineers at Google
Free Response 12.9.4 Security Engineering Reflection
Video 12.9.5 Living in a Digital World
Free Response 12.9.6 Living in a Digital World
12.10 SQL Injection Overview
Video 12.10.1 SQL Injection Overview
Check for Understanding 12.10.2 SQL Injection Overview
Connection 12.10.3 Equifax Security Breach
Connection 12.10.4 Equifax Exposed Millions
Free Response 12.10.5 Equifax SQL Injection Attack
Example 12.10.6 SQLi
12.11 Types of SQLi and Prevention
Video 12.11.1 Types of SQLi
Check for Understanding 12.11.2 Types of SQLi
Video 12.11.3 Preventing SQLi
Check for Understanding 12.11.4 Preventing SQLi
Connection 12.11.5 Mitigating SQL Injection
Free Response 12.11.6 Reflection: Mitigating SQL Injection
Connection 12.11.7 SQL Injection Practice
12.12 Software Security Quiz
Unit Quiz 12.12.1 Software Security Quiz
13. Project - Iterate Your Web Development
13.1 Providing Feedback
Connection 13.1.1 Evaluating an Innovation
Free Response 13.1.2 Evaluating an Innovation
Free Response 13.1.3 User Testing 1
Free Response 13.1.4 User Testing 2
13.2 Presenting Your Innovation
Free Response 13.2.1 Make Changes and Update Version
Presentation 13.2.2 Present your Innovation
14. Computer Science Careers
14.1 Computer Science Careers
Video 14.1.1 Computer Science All Around Us
Quiz 14.1.2 Computer Science All Around Us
Connection 14.1.3 CS Careers
Free Response 14.1.4 CS Career Response
Connection 14.1.5 Coding in the Wild
Free Response 14.1.6 Coding in the Wild Response
Connection 14.1.7 Inclusive Coding
Free Response 14.1.8 Inclusive Coding Response
Resource 14.1.9 Career Research