Please enable JavaScript to use CodeHS

Outline


1. Web Design
1.1 Introduction to HTML
Video 1.1.1 Introduction to HTML
Check for Understanding 1.1.2 Introduction to HTML Quiz
Example 1.1.3 Our First HTML Page
Exercise 1.1.4 Say Hello!
1.2 Structure of an HTML Page
Video 1.2.1 Structure of an HTML Page
Check for Understanding 1.2.2 Structure of an HTML Page Quiz
Example 1.2.3 HTML Template
Example 1.2.4 Hello World Page
Exercise 1.2.5 The <title> Tag
Exercise 1.2.6 Your First HTML Page
1.3 Formatting Text
Video 1.3.1 Formatting Text
Check for Understanding 1.3.2 Formatting Text Quiz
Example 1.3.3 Dictionary
Exercise 1.3.4 That's Bold
Exercise 1.3.5 Artificial Intelligence
Exercise 1.3.6 State Capitals
Badge 1.3.7 Formatting Badge
1.4 Links
Video 1.4.1 Links
Check for Understanding 1.4.2 Links Quiz
Example 1.4.3 The <a> Tag
Exercise 1.4.4 Simple Link
Exercise 1.4.5 My Favorite Websites
1.5 Images
Video 1.5.1 Images
Check for Understanding 1.5.2 Images Quiz
Example 1.5.3 The <img> Tag
Example 1.5.4 Building the CodeHS Homepage
Exercise 1.5.5 Collage on a Theme
Exercise 1.5.6 Linking an Image
Exercise 1.5.7 Personal Library
1.6 HTML Lists
Video 1.6.1 HTML Lists
Check for Understanding 1.6.2 HTML Lists Quiz
Example 1.6.3 Grocery Shopping
Exercise 1.6.4 Favorite Things
Exercise 1.6.5 To-Do List
Exercise 1.6.6 List Article
1.7 HTML Tables
Video 1.7.1 HTML Tables
Check for Understanding 1.7.2 HTML Tables Quiz
Example 1.7.3 Address Book
Exercise 1.7.4 Favorite Songs
Exercise 1.7.5 Calendar
Survey 1.7.6 Mindsets
1.8 HTML Styling
Video 1.8.1 HTML Styling
Check for Understanding 1.8.2 HTML Styling Quiz
Example 1.8.3 Stylish Address Book
Exercise 1.8.4 Background Colors
Exercise 1.8.5 Style Your To-Do List
Badge 1.8.6 Styling Badge
1.9 Introduction to CSS
Video 1.9.1 Introduction to CSS
Check for Understanding 1.9.2 Introduction to CSS Quiz
Example 1.9.3 Styling your H1s
Exercise 1.9.4 First style with CSS
Exercise 1.9.5 List Styling
1.10 CSS Select by Tag
Video 1.10.1 CSS Select by Tag
Check for Understanding 1.10.2 CSS Select by Tag Quiz
Example 1.10.3 Rainbow
Example 1.10.4 Dog Styling
Exercise 1.10.5 Restaurant Menu
Exercise 1.10.6 Put Karel Together
1.11 CSS Select by Class
Video 1.11.1 CSS Select by Class
Check for Understanding 1.11.2 CSS Select by Class Quiz
Example 1.11.3 Simple Checkerboard
Exercise 1.11.4 Tic Tac Toe
Exercise 1.11.5 Music Library
1.12 CSS Select by ID
Video 1.12.1 CSS Select by ID
Check for Understanding 1.12.2 CSS Select by ID Quiz
Example 1.12.3 Logo
Exercise 1.12.4 Favorite Dog
Exercise 1.12.5 Bingo
1.13 Viewing Websites
Video 1.13.1 Viewing Websites
Check for Understanding 1.13.2 Viewing Websites Quiz
Free Response 1.13.3 Explaining a URL
Badge 1.13.4 Web Development Badge
1.14 Project: Your First Website
Challenge 1.14.1 Your First Website
1.15 Web Design Quiz
Unit Quiz 1.15.1 Web Design Quiz
2. Introduction to Programming with Karel the Dog
2.1 Introduction to Programming With Karel
Video 2.1.1 Introduction to Programming With Karel
Quiz 2.1.2 Quiz: Karel Commands
Example 2.1.3 Our First Karel Program
Exercise 2.1.4 Your First Karel Program
Exercise 2.1.5 Short Stack
2.2 More Basic Karel
Video 2.2.1 More Basic Karel
Check for Understanding 2.2.2 More Basic Karel Quiz
Example 2.2.3 Tennis Ball Square
Exercise 2.2.4 Make a Tower
Exercise 2.2.5 Pyramid of Karel
2.3 Karel Can't Turn Right
Video 2.3.1 Karel Can't Turn Right
Check for Understanding 2.3.2 Karel Can't Turn Right Quiz
Example 2.3.3 Tower and Turn Right
Exercise 2.3.4 Fireman Karel
Exercise 2.3.5 Slide Karel
Badge 2.3.6 Right Turn Karel Badge
2.4 Functions in Karel
Video 2.4.1 Functions in Karel
Check for Understanding 2.4.2 Functions in Karel Quiz
Example 2.4.3 Turn Around
Exercise 2.4.4 Pancakes
Exercise 2.4.5 Mario Karel
2.5 The Start Function
Video 2.5.1 The Start Function
Check for Understanding 2.5.2 The Start Function Quiz
Example 2.5.3 Tower with Start Function
Exercise 2.5.4 Pancakes with Start
2.6 Top Down Design and Decomposition in Karel
Video 2.6.1 Top Down Design and Decomposition in Karel
Check for Understanding 2.6.2 Top Down Design and Decomposition Quiz
Example 2.6.3 Hurdle Karel
Exercise 2.6.4 The Two Towers
2.7 Commenting Your Code
Video 2.7.1 Commenting Your Code
Check for Understanding 2.7.2 Commenting Your Code Quiz
Example 2.7.3 Hurdle Karel
Exercise 2.7.4 The Two Towers + Comments
2.8 Super Karel
Video 2.8.1 Super Karel
Check for Understanding 2.8.2 Super Karel Quiz
Example 2.8.3 Hurdle Karel (with SuperKarel)
Exercise 2.8.4 The Two Towers + SuperKarel
Badge 2.8.5 Super Karel Badge
2.9 For Loops
Video 2.9.1 For Loops
Check for Understanding 2.9.2 For Loops Quiz
Example 2.9.3 Repeated Move
Example 2.9.4 Put Down Tennis Balls
Exercise 2.9.5 Take 'em All
Exercise 2.9.6 Dizzy Karel
Exercise 2.9.7 For Loop Square
Exercise 2.9.8 Lots of Hurdles
2.10 If Statements
Video 2.10.1 If Statements
Check for Understanding 2.10.2 If Statements Quiz
Example 2.10.3 If Statements
Example 2.10.4 Safe Take Ball
Exercise 2.10.5 Is There a Ball?
Exercise 2.10.6 Don't Crash
Survey 2.10.7 Mindsets
2.11 If/Else Statements
Video 2.11.1 If/Else Statements
Check for Understanding 2.11.2 If/Else Statements Quiz
Example 2.11.3 If/Else Statements
Example 2.11.4 One Ball in Each Spot
Exercise 2.11.5 Right Side Up
Exercise 2.11.6 Right vs. Left Square
Badge 2.11.7 Conditional Karel Badge
2.12 While Loops in Karel
Video 2.12.1 While Loops in Karel
Check for Understanding 2.12.2 While Loops in Karel Quiz
Example 2.12.3 Move to Wall
Exercise 2.12.4 Follow The Yellow Ball Road
Exercise 2.12.5 Lay Row of Tennis Balls
Exercise 2.12.6 Big Tower
2.13 Control Structures Example
Video 2.13.1 Control Structures Example
Check for Understanding 2.13.2 Control Structures Example Quiz
Example 2.13.3 Cleanup Karel
Exercise 2.13.4 Random Hurdles
2.14 More Karel Examples and Testing
Video 2.14.1 More Karel Examples and Testing
Check for Understanding 2.14.2 Quiz: Which Control Structure?
Example 2.14.3 Move Tennis Ball Stack
Example 2.14.4 Climbing Karel
2.15 How to Indent Your Code
Video 2.15.1 How to Indent Your Code
Check for Understanding 2.15.2 How to Indent Your Code Quiz
Example 2.15.3 Dance and Clean Karel
Exercise 2.15.4 Diagonal
Exercise 2.15.5 Staircase
Badge 2.15.6 Karel Exercises Badge
2.16 Karel Challenges
Challenge 2.16.1 Fetch
Challenge 2.16.2 Racing Karel
Challenge 2.16.3 Go Through the Fence
Challenge 2.16.4 Escape Karel
Badge 2.16.5 Karel Challenges Badge
2.17 Intro to Programming with Karel the Dog Quiz
Unit Quiz 2.17.1 Intro to Programming with Karel the Dog Quiz
3. Introduction to Programming with Turtle Graphics
3.1 Intro to Python with Tracy the Turtle
Video 3.1.1 Intro to Tracy
Check for Understanding 3.1.2 Intro to Tracy
Example 3.1.3 Slinky
Exercise 3.1.4 Stretched Slinky
3.2 Tracy's Grid World
Video 3.2.1 Tracy's Grid World
Check for Understanding 3.2.2 Tracy's Grid World
Example 3.2.3 Dashed Line
Exercise 3.2.4 Shorter Dashed Line
Exercise 3.2.5 Caterpillar
Badge 3.2.6 Grid World Badge
3.3 Turning Tracy
Video 3.3.1 Turning Tracy
Check for Understanding 3.3.2 Turning Tracy
Example 3.3.3 Square
Example 3.3.4 X and Y Axes
Exercise 3.3.5 Rectangle
Exercise 3.3.6 4 Columns
3.4 For Loops
Video 3.4.1 For Loops
Check for Understanding 3.4.2 For Loops
Example 3.4.3 Square Using Loops
Example 3.4.4 Dotted Line
Exercise 3.4.5 Row of Circles
Exercise 3.4.6 4 Columns 2.0
Badge 3.4.7 Looping Badge
3.5 Turning Tracy Using Angles
Video 3.5.1 Turning Tracy Using Angles
Check for Understanding 3.5.2 Turning Tracy Using Angles
Example 3.5.3 Asterisk
Example 3.5.4 Four Circles
Exercise 3.5.5 Hexagon
Exercise 3.5.6 'X' Marks the Spot
Exercise 3.5.7 Circle Pyramid
3.6 Comments
Video 3.6.1 Comments
Check for Understanding 3.6.2 Comments
Example 3.6.3 Four Circles with Comments
Exercise 3.6.4 Circle Pyramid with Comments
3.7 Naming Guidelines
Video 3.7.1 Naming Guidelines
Check for Understanding 3.7.2 Naming Guidelines
3.8 Functions
Video 3.8.1 Functions
Check for Understanding 3.8.2 Functions
Example 3.8.3 X and Y Axes with Hash Marks
Exercise 3.8.4 Beaded Bracelet
Exercise 3.8.5 Shape Stack
Badge 3.8.6 Functions Badge
3.9 Artistic Effects
Video 3.9.1 Artistic Effects
Check for Understanding 3.9.2 Artistic Effects
Example 3.9.3 Rainbow Octagon
Example 3.9.4 Circle Square Triangle
Exercise 3.9.5 Four Colored Triangles
Exercise 3.9.6 Colorful Bracelet
Challenge 3.9.7 Kid's Shapes Toy
3.10 Top Down Design
Video 3.10.1 Top Down Design
Check for Understanding 3.10.2 Top Down Design
Example 3.10.3 Bubble Wrap
Exercise 3.10.4 Bubble Wrap 2.0
Exercise 3.10.5 Sidewalk
3.11 Variables
Video 3.11.1 Variables
Check for Understanding 3.11.2 Variables
Example 3.11.3 Increasing Length
Exercise 3.11.4 Dartboard
Exercise 3.11.5 Line of Increasing Blocks
3.12 User Input
Video 3.12.1 User Input
Check for Understanding 3.12.2 User Input
Example 3.12.3 Color Coded Increasing Length
Exercise 3.12.4 Colored Dartboard
Exercise 3.12.5 Four Corners
Badge 3.12.6 User Input Badge
3.13 Parameters
Video 3.13.1 Parameters
Check for Understanding 3.13.2 Parameters
Example 3.13.3 Concentric Circles
Exercise 3.13.4 Colorful Caterpillar
Exercise 3.13.5 Circle in a Square
Exercise 3.13.6 Snowman
3.14 Using i in For Loops
Video 3.14.1 Using i in For Loops
Check for Understanding 3.14.2 Using i in For Loops
Example 3.14.3 Geometry
Exercise 3.14.4 Geometry 2.0
3.15 Extended Loop Control
Video 3.15.1 Extended Loop Control
Check for Understanding 3.15.2 Extended Loop Control
Example 3.15.3 Square Swirl
Exercise 3.15.4 Dartboard using i
Exercise 3.15.5 Phone Signal
Badge 3.15.6 Master of i Badge
3.16 If Statements
Video 3.16.1 If Statements
Check for Understanding 3.16.2 If Statements
Example 3.16.3 X and Y Axis with Bolded Marks
Exercise 3.16.4 Happy Face
Exercise 3.16.5 Black and White Squares
3.17 If/ Else Statements
Video 3.17.1 If/Else Statements
Check for Understanding 3.17.2 If/Else Statements
Example 3.17.3 Positive, Negative, Zero
Exercise 3.17.4 Rating
Exercise 3.17.5 Happy/ Sad Face
3.18 While Loops
Video 3.18.1 While Loops
Check for Understanding 3.18.2 While Loops
Example 3.18.3 Increasing Circles
Exercise 3.18.4 Increasing Squares
Exercise 3.18.5 Guess a Number
Badge 3.18.6 Conditionals Badge
3.19 Putting Together Control Structures
Video 3.19.1 Putting Together Control Structures
Check for Understanding 3.19.2 Putting Together Control Structures
Example 3.19.3 Block Pyramid
Exercise 3.19.4 Guess a Number 2.0
Exercise 3.19.5 Circle Pyramid 2.0
Challenge 3.19.6 Checkerboard
Badge 3.19.7 Tracy the Turtle Badge
3.20 Intro to Programming with Turtle Graphics Quiz
Quiz 3.20.1 Intro to Programming with Turtle Graphics Quiz
Badge 3.20.2 Intro to Programming with Turtle Graphics Badge