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
Survey 1.5.8 Mindsets
1.6 Copyright
Video 1.6.1 Copyright
Check for Understanding 1.6.2 Copyright Quiz
Example 1.6.3 Citing Sources Example
Connection 1.6.4 Exploring Creative Commons
Free Response 1.6.5 Respond: Creative Commons
Free Response 1.6.6 Finding Images
Exercise 1.6.7 Make a Collage
1.7 HTML Lists
Video 1.7.1 HTML Lists
Check for Understanding 1.7.2 HTML Lists Quiz
Example 1.7.3 Grocery Shopping
Exercise 1.7.4 Favorite Things
Exercise 1.7.5 To-Do List
Exercise 1.7.6 List Article
1.8 HTML Tables
Video 1.8.1 HTML Tables
Check for Understanding 1.8.2 HTML Tables Quiz
Example 1.8.3 Address Book
Exercise 1.8.4 Favorite Songs
Exercise 1.8.5 Calendar
1.9 Viewing Websites
Video 1.9.1 Viewing Websites
Check for Understanding 1.9.2 Viewing Websites Quiz
Free Response 1.9.3 Explaining a URL
Badge 1.9.4 Web Development Badge
1.10 Project: Your First Website, Pt 1
Challenge 1.10.1 Your First Website
Notes 1.10.2 Set Up Your Domain
Badge 1.10.3 Website Badge
1.11 HTML Styling
Video 1.11.1 HTML Styling
Check for Understanding 1.11.2 HTML Styling Quiz
Example 1.11.3 Stylish Address Book
Exercise 1.11.4 Background Colors
Exercise 1.11.5 Style Your To-Do List
Badge 1.11.6 Styling Badge
1.12 Introduction to CSS
Video 1.12.1 Introduction to CSS
Check for Understanding 1.12.2 Introduction to CSS Quiz
Example 1.12.3 Styling your H1s
Exercise 1.12.4 First style with CSS
Exercise 1.12.5 List Styling
1.13 CSS Select by Tag
Video 1.13.1 CSS Select by Tag
Check for Understanding 1.13.2 CSS Select by Tag Quiz
Example 1.13.3 Rainbow
Example 1.13.4 Dog Styling
Exercise 1.13.5 Restaurant Menu
Exercise 1.13.6 Put Karel Together
1.14 CSS Select by Class
Video 1.14.1 CSS Select by Class
Check for Understanding 1.14.2 CSS Select by Class Quiz
Example 1.14.3 Simple Checkerboard
Exercise 1.14.4 Tic Tac Toe
Exercise 1.14.5 Music Library
1.15 CSS Select by ID
Video 1.15.1 CSS Select by ID
Check for Understanding 1.15.2 CSS Select by ID Quiz
Example 1.15.3 Logo
Exercise 1.15.4 Favorite Dog
Exercise 1.15.5 Bingo
1.16 Project: Your First Website, Pt 2
Challenge 1.16.1 Adding Style with CSS
1.17 Web Design Quiz
Unit Quiz 1.17.1 Web Design Quiz
2. Project: Designing for Impact
2.1 Intro to Design Thinking
Video 2.1.1 Intro to Design Thinking
Check for Understanding 2.1.2 Intro to Design Thinking
Free Response 2.1.3 User Interface Scavenger Hunt
Connection 2.1.4 Case Study: Helping Blind People See
Free Response 2.1.5 Case Study Responses
Free Response 2.1.6 Topic Brainstorm
Free Response 2.1.7 Narrowing Down Topics
2.2 Empathy
Video 2.2.1 Empathy
Check for Understanding 2.2.2 Empathy Quiz
Connection 2.2.3 Accessibility
Free Response 2.2.4 Accessibility Tips
Free Response 2.2.5 Accessibility: Designing for ALL
Connection 2.2.6 How to Interview
Free Response 2.2.7 How to Interview
Free Response 2.2.8 User Interview
Connection 2.2.9 Using Surveys to Collect User Data
Free Response 2.2.10 Create Your Survey and Gather Data
Connection 2.2.11 Survey Data Cleaning
Free Response 2.2.12 Survey Data Cleaning
Free Response 2.2.13 Drawing Conclusions from Data
2.3 Define
Video 2.3.1 Define
Check for Understanding 2.3.2 Define Quiz
Connection 2.3.3 Make a Composite Character Profile
Free Response 2.3.4 Composite Character Profile
Free Response 2.3.5 Point-of-View Statement Brainstorm
Free Response 2.3.6 POV Statement
2.4 Ideate
Video 2.4.1 Ideate
Check for Understanding 2.4.2 Ideate Quiz
Connection 2.4.3 Brainstorming Tips
Free Response 2.4.4 Ideate!
2.5 Prototype
Video 2.5.1 Prototype
Check for Understanding 2.5.2 Prototype Quiz
Connection 2.5.3 Brainstorm Selection
Free Response 2.5.4 Harvest Ideas from the Brainstorm
Connection 2.5.5 Wizard of Oz Prototyping
Connection 2.5.6 Example Wizard of Oz Paper Prototype
Free Response 2.5.7 Make Your Paper Prototypes!
2.6 Test
Video 2.6.1 Test
Check for Understanding 2.6.2 Testing Quiz
Connection 2.6.3 Testing with Users
Connection 2.6.4 Example: How to User Test
Free Response 2.6.5 How to User Test Responses
Connection 2.6.6 Example: How NOT to User Test
Free Response 2.6.7 How NOT to User Test Responses
Free Response 2.6.8 Test Prototype 1
Free Response 2.6.9 Test Prototype 2
Free Response 2.6.10 Improve Your Prototype
2.7 Build Your Website!
Free Response 2.7.1 Project Planning
Challenge 2.7.2 Build Your Website!
3. Digital Information
3.1 Intro to Digital Information
Video 3.1.1 What is Digital Information?
Check for Understanding 3.1.2 What is Digital Information Quiz
Example 3.1.3 Fast Food Menu
Free Response 3.1.4 Reflection: Encodings Everywhere
3.2 Number Systems
Video 3.2.1 Number Systems
Notes 3.2.2 Number Base Tool
Check for Understanding 3.2.3 Number Systems Quiz
Video 3.2.4 Decimal to Binary
Check for Understanding 3.2.5 Decimal to Binary Quiz
Exercise 3.2.6 Binary Game
3.3 Encoding Text with Binary
Video 3.3.1 Encoding Text with Binary
Check for Understanding 3.3.2 Encoding Text with Binary Quiz
Example 3.3.3 Custom Encoding
Example 3.3.4 Bits to ASCII
Exercise 3.3.5 Hello World in Bits
Exercise 3.3.6 Create your own Encoding
Badge 3.3.7 Encoding Badge
3.4 Pixel Images
Video 3.4.1 Pixel Images
Check for Understanding 3.4.2 Pixel Images Quiz
Resource 3.4.3 Creating Pixel Images
Example 3.4.4 CodeHS Logo
Exercise 3.4.5 Checkerboard
Exercise 3.4.6 Ladder
Exercise 3.4.7 Create an Image!
3.5 Hexadecimal
Video 3.5.1 Hexadecimal
Check for Understanding 3.5.2 Hexadecimal Quiz
Exercise 3.5.3 Binary to Hex Game
3.6 Pixel Colors!
Video 3.6.1 Pixel Colors
Check for Understanding 3.6.2 Pixel Colors Quiz
Example 3.6.3 Colors in Bits
Exercise 3.6.4 Exploring RGB
Exercise 3.6.5 Making Yellow
Exercise 3.6.6 Rainbow
Exercise 3.6.7 Create a Color Image!
3.7 Digital Information Quiz
Unit Quiz 3.7.1 Digital Information Quiz
4. The Internet
4.1 Intro to the Internet
Video 4.1.1 Welcome to the Internet
Check for Understanding 4.1.2 Welcome to the Internet Quiz
Free Response 4.1.3 The Internet and You
4.2 Internet Hardware
Video 4.2.1 Hardware of the Internet
Check for Understanding 4.2.2 Internet Hardware Quiz
Connection 4.2.3 The Internet is in the Ocean
4.3 Internet Addresses
Video 4.3.1 Internet Addresses
Check for Understanding 4.3.2 Internet Addresses Quiz
Free Response 4.3.3 The Need for Addresses
Check for Understanding 4.3.4 4-bit Addresses
Free Response 4.3.5 IPv4 vs IPv6
4.4 DNS
Video 4.4.1 DNS
Check for Understanding 4.4.2 DNS Quiz
Connection 4.4.3 How Does DNS Work?
Free Response 4.4.4 How Does DNS Work?
Badge 4.4.5 DNS Badge
4.5 Routing
Video 4.5.1 Routing
Check for Understanding 4.5.2 Routing Quiz
Free Response 4.5.3 Redundancy
Traceroute 4.5.4 Route Tracing
4.6 Packets and Protocols
Video 4.6.1 Packets and Protocols
Check for Understanding 4.6.2 Packets and Protocols Quiz
Resource 4.6.3 Passing Notes
Connection 4.6.4 How the Internet Works
Free Response 4.6.5 The Story of the Internet
4.7 The Impact of the Internet
Video 4.7.1 The Impact of the Internet
Check for Understanding 4.7.2 The Impact of the Internet Quiz
Connection 4.7.3 What is the Digital Divide?
Free Response 4.7.4 What is the Digital Divide?
Survey 4.7.5 Mindsets
4.8 Computing Ideas Completed
Badge 4.8.1 Computing Ideas Completion Badge
4.9 The Internet Quiz
Unit Quiz 4.9.1 The Internet Quiz
5. Project: The Effects of the Internet
5.1 Project: The Effects of the Internet
Free Response 5.1.1 Topic Brainstorm
Free Response 5.1.2 Project Planning: Timeline and Roles
Free Response 5.1.3 Gathering Resources
Presentation 5.1.4 Make Your Project
Badge 5.1.5 The Internet Badge