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 Slide Karel
Exercise 2.3.5 Fireman 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?
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
Badge 2.11.6 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
Survey 2.17.2 Mindsets
3. JavaScript and Graphics
3.1 Hello World
Video 3.1.1 Hello World
Check for Understanding 3.1.2 Hello World Quiz
Example 3.1.3 Hello World
Exercise 3.1.4 Your Name and Hobby
3.2 Variables
Video 3.2.1 Variables
Check for Understanding 3.2.2 Variables Quiz
Example 3.2.3 Basic Variables
Exercise 3.2.4 Daily Activities
3.3 User Input
Video 3.3.1 User Input
Check for Understanding 3.3.2 User Input Quiz
Example 3.3.3 Basic User Input
Exercise 3.3.4 Dinner Plans
Badge 3.3.5 User Input Badge
3.4 Basic Math in JavaScript
Video 3.4.1 Basic Math in JavaScript
Check for Understanding 3.4.2 Basic Math in JavaScript Quiz
Example 3.4.3 Simple Calculator
Example 3.4.4 Dollars to Pounds
Example 3.4.5 Dividing Up Groups
Exercise 3.4.6 T-Shirt Shop
Exercise 3.4.7 Running Speed
3.5 Using Graphics in JavaScript
Video 3.5.1 Graphics
Check for Understanding 3.5.2 JavaScript Graphics Quiz
Example 3.5.3 Graphics Hello World
Example 3.5.4 Blue Circle
Example 3.5.5 Red Rectangle
Example 3.5.6 8 Ball
Exercise 3.5.7 Flag of the Netherlands
Exercise 3.5.8 Snowman
Badge 3.5.9 Graphics Badge
3.6 Programming with JavaScript Quiz
Unit Quiz 3.6.1 JavaScript and Graphics Quiz
Badge 3.6.2 Graphics Badge