Please enable JavaScript to use CodeHS

Points

Activity Points Item Type
The Internet
1.1 Welcome to the Internet Lesson
1.1.1 Welcome to the Internet 1 Video
1.1.2 Welcome to the Internet Quiz 1 Check for Understanding
1.1.3 Reflection: The Internet and You 5 Free Response
1.1.4 An Internet Timeline 5 Free Response
1.2 Viewing Websites Lesson
1.2.1 Viewing Websites 1 Video
1.2.2 Viewing Websites Quiz 5 Check for Understanding
1.2.3 Free Response: Explaining a URL 5 Free Response
1.2.4 Viewing Websites In Different Browsers 5 Connection
1.2.5 Reflection: Using Different Browsers 5 Free Response
1.3 Digital Footprint and Reputation Lesson
1.3.1 Digital Footprint and Reputation 1 Video
1.3.2 Digital Footprint and Reputation 3 Check for Understanding
1.3.3 Social Media Clean-up 1 Example
1.3.4 Building a Positive Digital Footprint 5 Free Response
1.3.5 Right to be Forgotten? 1 Connection
1.3.6 Right to be Forgotten 5 Free Response
1.3.7 What is your Digital Footprint? 5 Free Response
1.4 Ethics and Legal Considerations Lesson
1.4.1 Legal, Ethics, and Bias in Computing 5 Article
1.4.2 Which Laws? 5 Article
1.4.3 Self-driving Cars 1 Connection
1.4.4 Self-driving Cars 5 Free Response
1.4.5 Negative Consequences 5 Free Response
1.5 Cybersecurity Lesson
1.5.1 Cybersecurity 1 Video
1.5.2 Cybersecurity Quiz 1 Check for Understanding
1.5.3 You Can Be Tracked! 1 Example
1.5.4 Password Strength 1 Connection
1.5.5 Reflection: Password Strength 5 Free Response
1.5.6 Phishing Simulator 1 Example
1.5.7 Rogue Access Points 1 Connection
1.5.8 Phishing for Your Info 1 Connection
1.5.9 Phishing Reflection 5 Free Response
1.6 Computer Science Careers Lesson
1.6.1 Computer Science All Around Us 1 Video
1.6.2 Computer Science All Around Us 2 Quiz
1.6.3 CS Careers 1 Connection
1.6.4 CS Career Response 5 Free Response
1.6.5 Coding in the Wild 1 Connection
1.6.6 Coding in the Wild Response 5 Free Response
1.6.7 Inclusive Coding 1 Connection
1.6.8 Inclusive Coding Response 5 Free Response
1.6.9 Career Research 5 Resource
1.6.10 Career & Technical Student Organizations (CTSO) 5 Notes
1.6.11 Refection: CTSOs 5 Free Response
HTML - Structuring Websites
2.1 Introduction to HTML Lesson
2.1.1 Introduction to HTML 1 Video
2.1.2 Introduction to HTML Quiz 2 Check for Understanding
2.1.3 Our First HTML Page 1 Example
2.1.4 Say Hello! 5 Exercise
2.2 Structure of an HTML Page Lesson
2.2.1 Structure of an HTML Page 1 Video
2.2.2 Structure of an HTML Page Quiz 1 Check for Understanding
2.2.3 HTML Template 1 Example
2.2.4 Hello World Page 1 Example
2.2.5 Using Comments 5 Example
2.2.6 The <title> Tag 5 Exercise
2.2.7 Your First HTML Page 5 Exercise
2.3 Formatting Text Lesson
2.3.1 Formatting Text 1 Video
2.3.2 Formatting Text Quiz 1 Check for Understanding
2.3.3 Dictionary 1 Example
2.3.4 Using Special Characters 5 Example
2.3.5 Word Definitions 5 Exercise
2.3.6 Pet Names 5 Exercise
2.3.7 Call of the Wild 5 Exercise
2.3.8 Formatting Badge 1 Badge
2.4 Links Lesson
2.4.1 Links 1 Video
2.4.2 Links Quiz 1 Check for Understanding
2.4.3 The <a> Tag 1 Example
2.4.4 Bookmarks 5 Exercise
2.4.5 Encyclopedias 5 Exercise
2.5 Images Lesson
2.5.1 Images 1 Video
2.5.2 Images Quiz 1 Check for Understanding
2.5.3 The <img> Tag 1 Example
2.5.4 Collage on a Theme 5 Exercise
2.5.5 Linking an Image 5 Exercise
2.5.6 National Parks 5 Exercise
2.6 Copyright Lesson
2.6.1 Copyright 1 Video
2.6.2 Copyright Quiz 2 Check for Understanding
2.6.3 Citing Sources Example 1 Example
2.6.4 Exploring Creative Commons 1 Connection
2.6.5 Response: Creative Commons 5 Free Response
2.6.6 Finding Images 5 Free Response
2.6.7 Make a Collage 5 Exercise
2.6.8 Why Copyright is Important 5 Free Response
2.7 HTML Lists Lesson
2.7.1 HTML Lists 1 Video
2.7.2 HTML Lists Quiz 1 Check for Understanding
2.7.3 Grocery Shopping 1 Example
2.7.4 Class Planning 5 Exercise
2.7.5 Dream Destinations 5 Exercise
2.7.6 Vacation Guides 5 Exercise
2.8 HTML Tables Lesson
2.8.1 HTML Tables 1 Video
2.8.2 HTML Tables Quiz 3 Check for Understanding
2.8.3 Address Book 1 Example
2.8.4 National Sports 5 Exercise
2.8.5 Table of Favorites 5 Exercise
2.9 HTML Styling Lesson
2.9.1 HTML Styling 1 Video
2.9.2 HTML Styling Quiz 1 Check for Understanding
2.9.3 Stylish Address Book 1 Example
2.9.4 Background Colors 5 Exercise
2.9.5 Style Your Class List 5 Exercise
2.9.6 Styling Badge 1 Badge
2.10 HTML Colors Lesson
2.10.1 HTML Colors 1 Video
2.10.2 HTML Colors Quiz 2 Check for Understanding
2.10.3 HTML Colors Examples 1 Example
2.10.4 Create Your Own Color 5 Exercise
2.10.5 Gradients 5 Exercise
2.10.6 Color Wheel 1 Connection
2.10.7 Using Good Colors 5 Exercise
2.11 HTML - Structuring Websites Quiz Lesson
2.11.1 HTML - Structuring Websites Quiz 9 Unit Quiz
2.11.2 HTML Badge 1 Badge
CSS - Styling Websites
3.1 Introduction to CSS Lesson
3.1.1 Introduction to CSS 1 Video
3.1.2 Introduction to CSS Quiz 2 Check for Understanding
3.1.3 Styling your H1s 1 Example
3.1.4 First style with CSS 5 Exercise
3.1.5 List Styling 5 Exercise
3.1.6 Endangered Animals: Skeleton 5 Exercise
3.2 CSS Select by Tag Lesson
3.2.1 CSS Select by Tag 1 Video
3.2.2 CSS Select by Tag Quiz 1 Check for Understanding
3.2.3 Rainbow 1 Example
3.2.4 Puppy Styling 1 Example
3.2.5 Set List 5 Exercise
3.2.6 Your Appliance Recommendations 5 Exercise
3.2.7 Endangered Animals: Style the Headers 5 Exercise
3.3 CSS Select by Class Lesson
3.3.1 CSS Select by Class 1 Video
3.3.2 CSS Select by Class Quiz 1 Check for Understanding
3.3.3 Simple Checkerboard 1 Example
3.3.4 Swim Meet 5 Exercise
3.3.5 Favorite Things 5 Exercise
3.3.6 Endangered Animals: Add Color Coding 5 Exercise
3.4 CSS Select by ID Lesson
3.4.1 CSS Select by ID 1 Video
3.4.2 CSS Select by ID Quiz 1 Check for Understanding
3.4.3 Logo 1 Example
3.4.4 Must Do Today! 5 Exercise
3.4.5 Lomeli's Menu 5 Exercise
3.4.6 Endangered Animals: Add Pictures 5 Exercise
3.4.7 Selector Badge 1 Badge
3.5 The Cascade Lesson
3.5.1 The Cascade 1 Video
3.5.2 The Cascade Quiz 3 Check for Understanding
3.5.3 Using Importance 1 Example
3.5.4 Order of Precedence 1 Example
3.5.5 We Really Like Dairy 5 Exercise
3.5.6 Style the Table 5 Exercise
3.6 Multi-file Websites Lesson
3.6.1 Splitting Your Site Into Files 5 Video
3.6.2 Splitting Your Site Into Files Quiz 2 Quiz
3.6.3 Multipage Site Examples 5 Example
3.6.4 Absolute versus Relative Links 5 Example
3.6.5 Add a Style Sheet 5 Exercise
3.6.6 Dividing the Site 5 Exercise
3.6.7 Career Site: Creating Structure 5 Exercise
3.7 What is Web Optimization? Lesson
3.7.1 What is Web Optimization? 5 Video
3.7.2 What is Web Optimization? 2 Check for Understanding
3.7.3 Website Folder Structure 5 Connection
3.7.4 File Conventions 5 Notes
3.7.5 Folders and Files 5 Free Response
3.8 CSS - Styling Websites Quiz Lesson
3.8.1 Optimizing Web Information 5 Video
3.8.2 Optimizing Web Information 3 Check for Understanding
3.8.3 How Search Works 5 Connection
3.8.4 How Search Works 5 Free Response
3.8.5 What is Search Engine Optimization (SEO)? 5 Connection
3.8.6 SEO Definition 5 Free Response
3.8.7 Ethical Search Optimization 5 Connection
3.8.8 Ethical Search Optimization 5 Free Response
3.8.9 Yoast Analyzer 5 Connection
3.8.10 Yoast Tool Activity 5 Free Response
3.8.11 CSS - Styling Websites Quiz 7 Unit Quiz
3.8.12 CSS Badge 1 Badge
Advanced HTML and CSS
4.1 Getting Started - Advanced HTML and CSS Lesson
4.1.1 Getting Started 1 Video
4.1.2 Example: Image Filters 1 Example
4.1.3 Example: Animations 1 Example
4.1.4 Example: Interactions 1 Example
4.2 Embedding iframes Lesson
4.2.1 Embedding iframes 1 Video
4.2.2 Embedding IFrames Quiz 2 Check for Understanding
4.2.3 Embedding CodeHS 1 Example
4.2.4 Embedding a Website 5 Exercise
4.2.5 Embed a Tweet 5 Exercise
4.2.6 Embed a Video 5 Exercise
4.2.7 Career Site: Include Outside Information 5 Exercise
4.3 Divs Lesson
4.3.1 Divs 1 Video
4.3.2 Divs Quiz 2 Check for Understanding
4.3.3 Divvying up the Site 1 Example
4.3.4 Quotes 5 Exercise
4.3.5 Flags 5 Exercise
4.3.6 Career Site: Separate the Content 5 Exercise
4.3.7 Div Badge 1 Badge
4.4 Spans Lesson
4.4.1 Spans 1 Video
4.4.2 Spans Quiz 1 Check for Understanding
4.4.3 Span Formatting 1 Example
4.4.4 Vocabulary 5 Exercise
4.4.5 Text Decoration 5 Exercise
4.4.6 Career Site: Style Special Pieces 5 Exercise
4.5 Semantic Tags Lesson
4.5.1 Semantic Tags 5 Video
4.5.2 Semantic Skeleton 5 Example
4.5.3 Section Flowchart Example 5 Example
4.5.4 Semantic Article 5 Example
4.5.5 Great Quotes 5 Exercise
4.5.6 Article of Interest 5 Exercise
4.5.7 Career Site: Semantic Tags 5 Exercise
4.6 Combining CSS Selectors Lesson
4.6.1 Combining CSS Selectors 1 Video
4.6.2 Combining CSS Selectors Quiz 2 Check for Understanding
4.6.3 More Specific Styling 1 Example
4.6.4 Choosing Nested Tags 5 Exercise
4.6.5 Highlight the First Item 5 Exercise
4.6.6 Calorie Recommendations 5 Exercise
4.7 The Don't Repeat Yourself Principle Lesson
4.7.1 Don't Repeat Yourself 1 Video
4.7.2 Don't Repeat Yourself Quiz 2 Check for Understanding
4.7.3 Styling Multiple Tags 1 Example
4.7.4 Style Similar Items with Same Class 1 Example
4.7.5 Managing Change 5 Exercise
4.7.6 Condense CSS Rules 5 Exercise
4.7.7 Why DRY? 5 Free Response
4.8 Special Selectors Lesson
4.8.1 Special Selectors 1 Video
4.8.2 Special Selectors Quiz 2 Check for Understanding
4.8.3 Vote For Me 1 Example
4.8.4 Vote For Me Pt 2 1 Example
4.8.5 Extend Vote For Me 5 Exercise
4.8.6 Special Vendors 5 Exercise
4.8.7 Checklist 5 Exercise
4.8.8 Career Website: Add Milestones 5 Exercise
4.8.9 Special Selectors Badge 1 Badge
4.9 Visibility Lesson
4.9.1 Visibility 1 Video
4.9.2 Visibility Quiz 2 Check for Understanding
4.9.3 Display Example 1 Example
4.9.4 Fading Text 1 Example
4.9.5 Favorite Sea Creature 5 Exercise
4.9.6 Caption on Demand 5 Exercise
4.10 Reading Documentation Lesson
4.10.1 Reading Documentation 1 Video
4.10.2 Reading Documentation Quiz 2 Check for Understanding
4.10.3 Using Docs: Float 1 Example
4.10.4 Using Docs: <blockquote> Tag 1 Example
4.10.5 HTML Forms 5 Example
4.10.6 Style the Table 5 Exercise
4.10.7 Electric Company 5 Exercise
4.10.8 Career Website: Add Pictures 5 Exercise
4.11 Using the Inspector Lesson
4.11.1 Using the Inspector 1 Video
4.11.2 Using the Inspector Tool Quiz 1 Check for Understanding
4.11.3 Inspector Quick Start 1 Connection
4.11.4 Classes and IDs 4 Check for Understanding
4.11.5 Exploring the Art Museum 4 Check for Understanding
4.11.6 What's Your Style? 5 Check for Understanding
4.12 The Box Model Lesson
4.12.1 The Box Model 1 Video
4.12.2 The Box Model Quiz 2 Check for Understanding
4.12.3 Adding Space Using Margin 1 Example
4.12.4 Adding Space Using Padding 1 Example
4.12.5 Combining Margin and Padding 1 Example
4.12.6 Margin and Padding with em 1 Example
4.12.7 I need some space! 5 Exercise
4.12.8 I need some breathing room! 5 Exercise
4.12.9 Where is space added? 5 Free Response
4.12.10 Relative Measurements 5 Free Response
4.12.11 Align Content Side by Side 5 Exercise
4.12.12 Career Website: Separate Content 5 Exercise
4.12.13 Design with the Box Model 1 Connection
4.12.14 Box Badge 1 Badge
4.13 Image Manipulation Lesson
4.13.1 Image Manipulation 1 Video
4.13.2 Image Manipulation Quiz 2 Check for Understanding
4.13.3 Grayscale Filter 1 Example
4.13.4 Blur Filter 1 Example
4.13.5 Hue Rotation 1 Example
4.13.6 Invert Filter 5 Exercise
4.13.7 Blurred 5 Exercise
4.13.8 Hue Rotation Comparisons 5 Exercise
4.13.9 Overexposure 5 Exercise
4.13.10 Grayscale Art 5 Exercise
4.13.11 Aesop's Fables Part 1 5 Exercise
4.13.12 Aesop's Fables Part 2 5 Exercise
4.14 Animation Lesson
4.14.1 Animation 1 Video
4.14.2 Animation Quiz 2 Check for Understanding
4.14.3 Animated Image Filter 1 Example
4.14.4 Animated Invert Filter 5 Exercise
4.14.5 Album Cover 5 Exercise
4.14.6 Aesop's Fables Part 3 5 Exercise
4.15 Interaction Lesson
4.15.1 Interaction 1 Video
4.15.2 Interaction Quiz 2 Check for Understanding
4.15.3 Interactive Image Filter 1 Example
4.15.4 Smooth Interactive Image Filter 1 Example
4.15.5 Smooth Change on Click 1 Example
4.15.6 Button Interaction 5 Exercise
4.15.7 Create Your Own Tooltip 5 Exercise
4.15.8 Aesop's Fables Part 4 5 Exercise
4.15.9 Career Website: Engage the User 5 Exercise
4.15.10 CSS Tricks 1 Connection
4.16 CSS Frameworks Lesson
4.16.1 What is a CSS Framework? 5 Video
4.16.2 Making Buttons 1 Example
4.16.3 Mobile Site Bootstrap Example 5 Example
4.16.4 Real World Bootstrap: OneNYC 5 Connection
4.16.5 Real World Tailwind: Alastair Gray's Portfolio 5 Connection
4.16.6 Tailwind CSS Component Examples 5 Notes
4.16.7 Reflection: Using CSS Frameworks 5 Free Response
4.17 The CSS Grid Layout Lesson
4.17.1 The CSS Grid Layout 5 Video
4.17.2 CSS Grid Layout Quiz 3 Quiz
4.17.3 Grid Layout 5 Example
4.17.4 Applying The Grid Model 5 Example
4.17.5 The Rainbow in a Grid 5 Exercise
4.17.6 Image Gallery 5 Exercise
4.18 Web Accessibility Lesson
4.18.1 Accessibility 5 Connection
4.18.2 Accessibility Tips 5 Free Response
4.18.3 Inaccessible Site Review 5 Example
4.18.4 Improve Site's Accessibility 5 Exercise
4.19 Advanced HTML and CSS Quiz Lesson
4.19.1 Advanced HTML and CSS Quiz 15 Unit Quiz
4.19.2 Advanced HTML and CSS Badge 1 Badge
Project - Create Your Homepage
5.1 Homepage: Your First Website Lesson
5.1.1 Example Homepage 1 Example
5.1.2 Real World Homepage 1 Connection
5.1.3 Set Up Your codehs.me Website 10 Challenge
5.1.4 Analyzing Requirements 5 Free Response
5.1.5 Planning your Homepage 5 Free Response
5.1.6 Create Your Homepage 10 Challenge
5.1.7 Testing your homepage 5 Free Response
5.1.8 Create Your Homepage Badge 1 Badge