Please enable JavaScript to use CodeHS

Outline


1. Exploring Code with Karel
1.1 Introduction to Karel
Video 1.1.1 Introduction to Programming With Karel
Check for Understanding 1.1.2 Karel Commands Quiz
Example 1.1.3 Our First Karel Program
Video 1.1.4 Parentheses and Semicolons Intro
Exercise 1.1.5 Debug Karel's Code
Video 1.1.6 Debug Karel's Code
Exercise 1.1.7 Debug More of Karel's Code
Video 1.1.8 Debug More of Karel's Code
Exercise 1.1.9 Your First Karel Program
1.2 Karel's World
Video 1.2.1 More About Karel
Check for Understanding 1.2.2 More Basic Karel Quiz
Example 1.2.3 Karel's Morning Walk
Exercise 1.2.4 Karel's Evening Walk
Debugging 1.2.5 Can't Reach the Tennis Ball
Exercise 1.2.6 Tennis Ball Game Setup
1.3 Functions
Video 1.3.1 Karel Functions
Quiz 1.3.2 Functions Check for Understanding
Example 1.3.3 Climb the Stairs
Debugging 1.3.4 Spot the Bug 1
Debugging 1.3.5 Spot the Bug 2
Exercise 1.3.6 Spinning Karel
1.4 Multiple Functions
Example 1.4.1 Using the Main Function
Video 1.4.2 Top Down Design and Decomposition
Check for Understanding 1.4.3 Top Down Design and Decomposition Quiz
Video 1.4.4 Top Down Design and Decomposition in Karel
Exercise 1.4.5 Tennis Ball Stacks
Example 1.4.6 Comments in Karel
Debugging 1.4.7 Clean Up
1.5 For Loops
Video 1.5.1 For Loops
Check for Understanding 1.5.2 For Loops Quiz
Example 1.5.3 Repeated Move
Example 1.5.4 Draw a Line
Exercise 1.5.5 Tennis Ball in Each Corner
Exercise 1.5.6 Pick Up Tennis Balls
Exercise 1.5.7 Draw Two Lines
1.6 Conditional Statements
Video 1.6.1 If Statements and Conditionals
Check for Understanding 1.6.2 If Statements and Conditionals Quiz
Example 1.6.3 If Statements and Conditionals
Debugging 1.6.4 Stay Out of the Lake
Exercise 1.6.5 Bury Tennis Balls
Exercise 1.6.6 Checkerboard Karel
1.7 If/Else Statements
Video 1.7.1 If/Else Statements
Check for Understanding 1.7.2 If/Else Statements Quiz
Example 1.7.3 Opposite Day
Exercise 1.7.4 Build a Bridge
Debugging 1.7.5 Stay on the Path
Exercise 1.7.6 Dog Park Clean Up
Badge 1.7.7 Conditional Karel Badge
1.8 While Loops
Video 1.8.1 While Loops
Check for Understanding 1.8.2 While Loops Quiz
Example 1.8.3 Inside the Fence
Example 1.8.4 Run Home
Exercise 1.8.5 Path to Dog House
Debugging 1.8.6 Dive In!
Exercise 1.8.7 Clean Up
1.9 Karel Challenges
Notes 1.9.1 Karel Challenges
Challenge 1.9.2 Fetch
Challenge 1.9.3 Karel's Race
Challenge 1.9.4 Building Bridges
Challenge 1.9.5 Super Tennis Ball Clean Up
Badge 1.9.6 Karel Challenges Badge
1.10 Exploring Code with Karel Quiz
Unit Quiz 1.10.1 Exploring Code with Karel Quiz
2. Exploring the Internet
2.1 What is the Internet?
Video 2.1.1 What is the Internet?
Video 2.1.2 The History of the Internet
Free Response 2.1.3 Internet Innovations
Video 2.1.4 The Internet is in the Ocean
Free Response 2.1.5 A Day Without the Internet
2.2 The Need for Protocols
Notes 2.2.1 The Alphabet Game
Free Response 2.2.2 Alphabet Game Reflection
Notes 2.2.3 The Networking Game
Free Response 2.2.4 Networking Game Reflection
Free Response 2.2.5 Protocols in your Life
Video 2.2.6 Network Simulation
2.3 Impact of the Internet
Free Response 2.3.1 Internet in My Daily Life
Video 2.3.2 Impact of the Internet
Free Response 2.3.3 Back in Time
Connection 2.3.4 What is the Digital Divide?
Free Response 2.3.5 What is the Digital Divide?
Exercise 2.3.6 Four Hats Reflection
Video 2.3.7 The Impact of the Internet: Crowdsourcing
Free Response 2.3.8 Exploring Crowdsourcing
2.4 Cybersecurity
Video 2.4.1 Cybersecurity
Article 2.4.2 Intruder Alert!
Free Response 2.4.3 Cybersecurity and You
Connection 2.4.4 Internet of Things
Connection 2.4.5 Hackers vs. Smart Homes
Free Response 2.4.6 Internet of Things Reflection
Article 2.4.7 Ransomware Simulation
Article 2.4.8 Phishing Simulator
Free Response 2.4.9 Cyber Defense 3-2-1
2.5 The CIA Triad
Video 2.5.1 CIA Triad
Check for Understanding 2.5.2 CIA Triad
Free Response 2.5.3 Which part of the CIA Triad?
Free Response 2.5.4 Which part of the CIA Triad?
Free Response 2.5.5 Breach of Confidentiality
Free Response 2.5.6 Breach of Availability
Free Response 2.5.7 CIA Connections
2.6 Encryption
Free Response 2.6.1 What is Cryptography?
Video 2.6.2 Cryptography: A Brief History
Article 2.6.3 Cryptogram Game!
Article 2.6.4 Encrypt/Decrypt
Notes 2.6.5 Using the Caesar Cipher
Article 2.6.6 Caesar Cipher Encryption
Article 2.6.7 Decrypt Caesar's Cipher!
Article 2.6.8 Cracking Caesar Program
Free Response 2.6.9 Security Tradeoffs
2.7 Project: Steganography
Video 2.7.1 What is Steganography?
Notes 2.7.2 Hidden Message Instructions
Example 2.7.3 Hidden Message
Free Response 2.7.4 Your turn: Hide Your Message!
Challenge 2.7.5 Your turn: Image Creation
Free Response 2.7.6 Partner Decrypt and Final Reflection
2.8 Exploring the Internet Quiz
Quiz 2.8.1 Exploring the Internet Quiz
3. Exploring Web Design 1
3.1 Introduction to HTML
Video 3.1.1 Introduction to HTML
Check for Understanding 3.1.2 Introduction to HTML Quiz
Example 3.1.3 Our First HTML Page
Exercise 3.1.4 Creating Your First Webpage
Example 3.1.5 Your Second Tag
Exercise 3.1.6 Dear Diary
3.2 Structure of an HTML Page
Video 3.2.1 Structure of an HTML Page
Check for Understanding 3.2.2 Structure of an HTML Page Quiz
Example 3.2.3 HTML Template
Example 3.2.4 Hello World Page
Exercise 3.2.5 Introduce Yourself
Free Response 3.2.6 Create Your Own codehs.me Homepage
3.3 Formatting Text
Video 3.3.1 Formatting Text
Check for Understanding 3.3.2 Formatting Text Quiz
Example 3.3.3 Dictionary Entry
Exercise 3.3.4 Online Recipe
Exercise 3.3.5 Class Schedule
Exercise 3.3.6 Add Favorites to Your Homepage
3.4 Creating Links
Video 3.4.1 Links
Check for Understanding 3.4.2 Links Quiz
Example 3.4.3 The <a> Tag
Exercise 3.4.4 Linkbran.ch
Exercise 3.4.5 Wiki Page
Exercise 3.4.6 Adding Links to Your Homepage
3.5 Incorporating Images
Video 3.5.1 Images
Check for Understanding 3.5.2 Images Quiz
Example 3.5.3 The <img> Tag
Example 3.5.4 Using an Image as a Link
Exercise 3.5.5 Your Favorite Image
Exercise 3.5.6 Gallery Layout
Exercise 3.5.7 Adding Images to Your Homepage
3.6 Using Lists
Video 3.6.1 HTML Lists
Check for Understanding 3.6.2 HTML Lists Quiz
Example 3.6.3 Grocery Shopping
Exercise 3.6.4 Chores
Exercise 3.6.5 Favorites
Exercise 3.6.6 Add a List to Your Homepage
3.7 Applying Styling
Video 3.7.1 HTML Styling
Check for Understanding 3.7.2 HTML Styling Quiz
Example 3.7.3 Styling the Grocery List
Exercise 3.7.4 Styling an Article
Exercise 3.7.5 Does Taylor Swift Lack Style?
3.8 Introduction to CSS Styling
Video 3.8.1 Introduction to CSS Styling
Check for Understanding 3.8.2 Introduction to CSS Quiz
Example 3.8.3 Styling with CSS
Exercise 3.8.4 Styling a List
Exercise 3.8.5 Adding CSS Styling
3.9 Complete Your Homepage
Example 3.9.1 Example Homepage
Challenge 3.9.2 Complete Your Homepage
Badge 3.9.3 Create Your Homepage Badge
3.10 Quiz: Exploring Web Design
Quiz 3.10.1 Exploring Web Design
4. Exploring Art with Code
4.1 Getting Started
Video 4.1.1 What is Creative Coding
Connection 4.1.2 p5.js Reference Guide
Video 4.1.3 Drawing and Shapes
Exercise 4.1.4 Create a Canvas
Connection 4.1.5 Canvas Coordinates
Exercise 4.1.6 Line
Exercise 4.1.7 Rectangle
Exercise 4.1.8 Ellipse
4.2 Color
Video 4.2.1 Color
Connection 4.2.2 Create a Color Palette
Connection 4.2.3 Hex to RGB Color Converter
Example 4.2.4 Using RGB Values
Exercise 4.2.5 Background Color
Exercise 4.2.6 Fill
Exercise 4.2.7 Stroke
4.3 Variables
Video 4.3.1 Variables
Example 4.3.2 Using Variables: Bricks
Exercise 4.3.3 Making Variables
Exercise 4.3.4 Reusing Variables
Exercise 4.3.5 Width and Height
4.4 The Draw Loop
Video 4.4.1 The Draw Loop
Connection 4.4.2 A Brief History of Animation
Exercise 4.4.3 Frame Rate
Exercise 4.4.4 No Loop
Exercise 4.4.5 Frame Count
4.5 Color Transitions
Video 4.5.1 Animated Color Transitions
Connection 4.5.2 Color Gradient
Exercise 4.5.3 Grayscale Gradient
Exercise 4.5.4 Grayscale to Color
Exercise 4.5.5 Color to Grayscale
4.6 Shape Transformations
Video 4.6.1 Shape Transformations
Exercise 4.6.2 Translation
Exercise 4.6.3 Animated Translation
Exercise 4.6.4 Rotation
Exercise 4.6.5 Animated Rotation
Exercise 4.6.6 Scale
Exercise 4.6.7 Animated Scale
4.7 Direction
Video 4.7.1 Direction
Exercise 4.7.2 Up and Down
Exercise 4.7.3 Left and Right
Exercise 4.7.4 Diagonal
4.8 Mouse Data
Video 4.8.1 Mouse Data
Exercise 4.8.2 mouseX
Exercise 4.8.3 mouseY
Exercise 4.8.4 mouseX and mouseY
Exercise 4.8.5 mouseButton
Exercise 4.8.6 Paint and Erase
4.9 Keyboard Data
Video 4.9.1 Keyboard Data
Exercise 4.9.2 keyIsPressed
Connection 4.9.3 Key Codes
Exercise 4.9.4 keyIsDown
Exercise 4.9.5 key
4.10 Project: Animate an Emoji
Exercise 4.10.1 Project: Animate an Emoji
5. Exploring Game Design
5.1 Intro to Games
Video 5.1.1 Intro to Games
Free Response 5.1.2 What Games Have You Played?
Free Response 5.1.3 Game Design Reflection
5.2 Unpacking a Game
Video 5.2.1 Gameplay and Game Components
Quiz 5.2.2 Check Your Understanding - Gameplay and Game Components
Video 5.2.3 Game Mechanics and Elements
Quiz 5.2.4 Check Your Understanding - Game Mechanics and Elements
Notes 5.2.5 Investigate a Game
Free Response 5.2.6 Identify Game Elements
Free Response 5.2.7 Identify Game Components
Free Response 5.2.8 Identify Game Mechanics
Free Response 5.2.9 Describe Your Experience
5.3 Categorizing Games
Notes 5.3.1 Categorizing Games
Article 5.3.2 A Bird's Eye View on Perspectives
Article 5.3.3 Getting to Know Game Genres
Notes 5.3.4 Pick a Few Games
Free Response 5.3.5 Categorizing Your Games
Free Response 5.3.6 Game Category Reflection
5.4 Intro to JavaScript
Video 5.4.1 Hello World
Example 5.4.2 Hello World
Exercise 5.4.3 Introduce Yourself
Debugging 5.4.4 Debugging: Printing Error
Quiz 5.4.5 Check Your Understanding - Printing
5.5 Variables
Video 5.5.1 Variables
Video 5.5.2 Live Coding: Variables
Exercise 5.5.3 Exploration: Making a Purchase
Quiz 5.5.4 Check Your Understanding - Variables
Debugging 5.5.5 Debugging: Hiking App
Exercise 5.5.6 2020 Olympic Basketball Winners
5.6 Introducing Libraries
Video 5.6.1 Introducing Libraries and p5play
Article 5.6.2 p5play Demo - Asteroids
Article 5.6.3 p5play Demo - Dominoes
Article 5.6.4 p5play Demo - Red Remover
Article 5.6.5 p5play Reference Guide
5.7 Program Structure
Video 5.7.1 Program Structure
Notes 5.7.2 Program Structure Reference
Example 5.7.3 Bounce Bounce Revolution
Exercise 5.7.4 Exploration: The Elevator
Exercise 5.7.5 The Propeller
Quiz 5.7.6 Check Your Understanding - Structure
5.8 Understanding the Canvas
Video 5.8.1 Understanding the Canvas
Exercise 5.8.2 Create a Canvas
Connection 5.8.3 Canvas Coordinates
Example 5.8.4 Helper Function for Coordinates
Example 5.8.5 Refreshing the Canvas
Exercise 5.8.6 Shelving Boxes
Quiz 5.8.7 Check Your Understanding - Canvas
5.9 Your First Sprites
Video 5.9.1 Your First Sprites
Example 5.9.2 Sprite Face
Exercise 5.9.3 Exploration: Shapeshifter
Exercise 5.9.4 Downhill Delights
Quiz 5.9.5 Check Your Understanding - Sprites
Challenge 5.9.6 Block Mario
5.10 The Physics of Sprites
Notes 5.10.1 Physics Engines and Gravity
Exercise 5.10.2 Exploration: Gravity
Notes 5.10.3 Collisions
Exercise 5.10.4 Exploration: Collisions
Notes 5.10.5 Physical Properties
Exercise 5.10.6 Exploration: Physical Properties
Notes 5.10.7 Motion
Exercise 5.10.8 Exploration: Motion
Free Response 5.10.9 Sprite Physics Reflection