Toggle navigation
Products
Coding LMS
Manage your classroom all in one spot
Online IDE
Write, run & debug code in a web-based IDE
CodeHS Pro
Access a suite of teacher tools & resources
Computer Science Curriculum
6-12th grade courses from intro to AP programming
Certifications
Industry-relevant certifications for students
Professional Development
Online & in-person training for teachers
Platform
Assignments
Create & configure your course assignments
Classroom
Manage & organize your class with customizable settings
Grading
Streamline your grading workflow.
Data
Track & analyze student assessments & progress data
Write Code
Write, run, & debug code all in a web-based IDE
Integrations
Connect CodeHS to your district’s educational platform
Curriculum
Course Catalog
Pathways
AP Courses
State Courses
Standards
Practice
Professional Development
PD
Online Courses
In-Person PD Workshops
Virtual Workshops
Teacher Certification Prep
Online IDE
Online IDE
JavaScript
Python
Java
HTML
C++
SQL
Karel
Resources
Case Studies
Testimonials
Tweets
Read Write Code Blog
Coding in the Wild
Knowledge Base
Our Story
Company
New Project
Login
Sign Up
New Project
Click on one of our programs below to get started!
Java
JavaScript
Python 3
HTML
Karel
Turtle
View All
Course Catalog
High School Courses
Middle School Courses
Explore Courses
Java
JavaScript
Python
AP
Web Design (Picasso)
View Syllabus
Overview
Web Design (Picasso)
Explore
Getting Started - What is the Web?
1.1
Welcome
Description
Objective
1.2
The Internet
Description
Objective
1.3
Browsers
Description
Objective
1.4
Viewing Websites
Description
Objective
1.5
Getting Started - What is the Web? Quiz
Description
Objective
HTML - Structuring Websites
2.1
Introduction to HTML
Description
Objective
2.2
Structure of an HTML Page
Description
Objective
2.3
Formatting Text
Description
Objective
2.4
Links
Description
Objective
2.5
Images
Description
Objective
2.6
Copyright
Description
Objective
2.7
HTML Lists
Description
Objective
2.8
HTML Tables
Description
Objective
2.9
HTML Styling
Description
Objective
2.10
HTML Colors
Description
Objective
2.11
HTML - Structuring Websites Quiz
Description
Objective
CSS - Styling Websites
3.1
Introduction to CSS
Description
Objective
3.2
CSS Select by Tag
Description
Objective
3.3
CSS Select by Class
Description
Objective
3.4
CSS Select by ID
Description
Objective
3.5
The Cascade
Description
Objective
3.6
CSS - Styling Websites Quiz
Description
Objective
Project - Create Your Homepage
4.1
Homepage: Your First Website
Description
Objective
Advanced HTML and CSS
5.1
Getting Started - Advanced HTML and CSS
Description
Objective
5.2
Multi-file Websites
Description
Objective
5.3
Embedding iframes
Description
Objective
5.4
Divs
Description
Objective
5.5
Spans
Description
Objective
5.6
Combining CSS Selectors
Description
Objective
5.7
The Don't Repeat Yourself Principle
Description
Objective
5.8
Special Selectors
Description
Objective
5.9
Visibility
Description
Objective
5.10
Reading Documentation
Description
Objective
5.11
Using the Inspector
Description
Objective
5.12
The Box Model
Description
Objective
5.13
Image Manipulation
Description
Objective
5.14
Animation
Description
Objective
5.15
Interaction
Description
Objective
5.16
Advanced HTML and CSS Quiz
Description
Objective
Project - Tell a Story
6.1
Project: Tell a Story
Description
Objective
Bootstrap
7.1
What is Bootstrap?
Description
Objective
7.2
Getting Started with Bootstrap
Description
Objective
7.3
Jumbotron Pages
Description
Objective
7.4
The Bootstrap Grid System
Description
Objective
7.5
Bootstrap Components
Description
Objective
7.6
More Bootstrap Components
Description
Objective
7.7
Navigation Bars
Description
Objective
7.8
Drop Down Menus
Description
Objective
7.9
Using Bootstrap Examples
Description
Objective
7.10
Bootstrap Challenges
Description
Objective
7.11
Bootstrap Quiz
Description
Objective
Bootstrap Project
8.1
Bootstrap Project
Description
Objective
Designing User Interfaces
9.1
Intro to Design Thinking
Description
Objective
9.2
Empathy
Description
Objective
9.3
Define
Description
Objective
9.4
Ideate
Description
Objective
9.5
Prototype
Description
Objective
9.6
Test
Description
Objective
9.7
Designing User Interfaces Quiz
Description
Objective
Final Project
10.1
Final Web Design Project
