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 Exploring Creative Commons 1 Connection
1.4.6 Response: Creative Commons 5 Free Response
1.4.7 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 The CSS Grid Layout Lesson
4.16.1 The CSS Grid Layout 5 Video
4.16.2 CSS Grid Layout Quiz 3 Quiz
4.16.3 Grid Layout 5 Example
4.16.4 Applying The Grid Model 5 Example
4.16.5 The Rainbow in a Grid 5 Exercise
4.16.6 Image Gallery 5 Exercise
4.17 Web Accessibility Lesson
4.17.1 Accessibility 5 Connection
4.17.2 Accessibility Tips 5 Free Response
4.17.3 Inaccessible Site Review 5 Example
4.17.4 Improve Site's Accessibility 5 Exercise
4.18 Advanced HTML and CSS Quiz Lesson
4.18.1 Advanced HTML and CSS Quiz 15 Unit Quiz
4.18.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
Introduction to Javascript in HTML
6.1 The Script Tag Lesson
6.1.1 The Script Tag 5 Video
6.1.2 The Script Tag Quiz 3 Check for Understanding
6.1.3 Debugging Functions 5 Example
6.1.4 Using the Console 5 Free Response
6.1.5 Writing in the Console 5 Exercise
6.1.6 Alert Introduction 5 Exercise
6.1.7 Debugging with the Console 5 Exercise
6.1.8 Quick Trivia 5 Challenge
6.2 Using the DOM Lesson
6.2.1 getElementById 5 Video
6.2.2 getElementById Quiz 3 Check for Understanding
6.2.3 Welcome to My Site! 5 Example
6.2.4 Let's Get to Know You 5 Exercise
6.2.5 Simple Math 5 Exercise
6.2.6 Using the DOM 5 Video
6.2.7 Using the DOM Quiz 3 Check for Understanding
6.2.8 Multiple <p> tags 5 Example
6.2.9 Menu Opinion 5 Exercise
6.2.10 Longest Paragraph 5 Exercise
6.3 Creating Elements Using the DOM Lesson
6.3.1 Creating Elements Using the DOM 5 Video
6.3.2 Creating Elements Using the DOM 3 Check for Understanding
6.3.3 Make a Button 5 Example
6.3.4 The Whole Family 5 Example
6.3.5 Roll Call 5 Exercise
6.3.6 Add to Calendar 5 Exercise
6.4 Styling Elements Using Javascript Lesson
6.4.1 Styling Elements Using JavaScript 5 Video
6.4.2 Styling Elements Using JavaScript 4 Check for Understanding
6.4.3 Frankenstein Footnote 5 Example
6.4.4 .(attribute) vs. setAttribute 5 Example
6.4.5 Styling an Image 5 Example
6.4.6 Add a Link 5 Exercise
6.4.7 Adding a Frame 5 Exercise
6.4.8 Create a Flag 5 Exercise
6.4.9 Checkerboard 5 Exercise
6.5 Functions in HTML Lesson
6.5.1 Functions in HTML 5 Video
6.5.2 Functions in HTML 3 Check for Understanding
6.5.3 Changing Text Color 5 Example
6.5.4 Change Text Color with Parameters 5 Example
6.5.5 Announcement Function 5 Exercise
6.5.6 Random Number Generator 5 Exercise
6.5.7 Add Colors! 5 Exercise
6.6 This Keyword Lesson
6.6.1 This Keyword 5 Video
6.6.2 This Keyword 2 Check for Understanding
6.6.3 Clicking Multiple Paragraphs 5 Example
6.6.4 Clicking with Event Listeners 5 Example
6.6.5 Click Box 5 Exercise
6.6.6 Cross Out 5 Exercise
6.6.7 Make a Quilt 5 Challenge
6.7 Challenge: Make a Keyboard Lesson
6.7.1 Challenge Overview! 5 Connection
6.7.2 Make Button 5 Exercise
6.7.3 Make Text 5 Exercise
6.7.4 Make a Keyboard 5 Challenge
6.8 Keyboard Interactions Lesson
6.8.1 Keyboard Events 5 Video
6.8.2 Keyboard Events 3 Check for Understanding
6.8.3 Coordinate Plane 5 Example
6.8.4 Make a Keyboard with Key Events 5 Example
6.8.5 Key Alert 5 Exercise
6.8.6 Light Up Squares 5 Exercise
6.8.7 Light Switch Squares 5 Exercise
6.9 JavaScript Animations Lesson
6.9.1 Animations in JavaScript 5 Video
6.9.2 Animations in JavaScript 3 Check for Understanding
6.9.3 Growing Square 5 Example
6.9.4 Changing Colors 5 Example
6.9.5 Rotating Div 5 Exercise
6.9.6 Lucky Lotto Number 5 Exercise
6.9.7 Rotating Div with Keyboard Interaction 5 Exercise
6.10 Positioning and Animations Lesson
6.10.1 Positioning and Animations 5 Video
6.10.2 Positioning and Animations 3 Check for Understanding
6.10.3 Positioning Elements 5 Example
6.10.4 Moving Square in Container 5 Example
6.10.5 Practice with Positions 5 Exercise
6.10.6 Hidden Nav Bar 5 Exercise
6.10.7 Moving a Square 5 Exercise
6.10.8 Add Div Animation 5 Challenge
6.11 Introduction to JavaScript in HTML Quiz Lesson
6.11.1 Introduction to JavaScript in HTML Quiz 20 Unit Quiz
Bootstrap
7.1 What is Bootstrap? Lesson
7.1.1 What is Bootstrap? 1 Video
7.1.2 Example Bootstrap Mobile Site 1 Example
7.1.3 Real World Bootstrap: OneNYC 1 Connection
7.1.4 Responsive vs Unresponsive 5 Free Response
7.1.5 Favorite Bootstrap Site 5 Free Response
7.2 Getting Started with Bootstrap Lesson
7.2.1 Getting Started with Bootstrap 1 Video
7.2.2 Getting Started Quiz 2 Check for Understanding
7.2.3 First Bootstrap Page 1 Example
7.2.4 Cascading Style Sheets 5 Example
7.2.5 Container-Fluid Page 1 Example
7.2.6 Using the Bootstrap Skeleton 5 Exercise
7.2.7 Your First Bootstrap 5 Exercise
7.2.8 1. Photo Portfolio 10 Challenge
7.2.9 Container Docs 1 Connection
7.3 The Bootstrap Grid System Lesson
7.3.1 The Grid System 1 Video
7.3.2 The Bootstrap Grid Quiz 2 Check for Understanding
7.3.3 Grid System Example 1 Example
7.3.4 Column Overflow 1 Example
7.3.5 Different Device Sizes 1 Example
7.3.6 Example Layout 1 Example
7.3.7 Realty: Grid System 1 Example
7.3.8 Grid Practice 5 Exercise
7.3.9 Endangered Animals 5 Exercise
7.3.10 2. Photo Portfolio 10 Challenge
7.3.11 Grid System Docs 1 Connection
7.4 Bootstrap Components Lesson
7.4.1 Bootstrap Components 1 Video
7.4.2 Bootstrap Components Quiz 2 Quiz
7.4.3 Text Formats 1 Example
7.4.4 Making Buttons 1 Example
7.4.5 Button Groups 1 Example
7.4.6 Using Icons 1 Example
7.4.7 Favicons 5 Example
7.4.8 Realty: Buttons and Page Headers 1 Example
7.4.9 Header and Buttons 5 Exercise
7.4.10 Icon Buttons 5 Exercise
7.4.11 3. Photo Portfolio 10 Challenge
7.4.12 Button Docs 1 Connection
7.4.13 Icon Docs 1 Connection
7.5 More Bootstrap Components Lesson
7.5.1 More Bootstrap Components 1 Video
7.5.2 More Bootstrap Components Quiz 2 Check for Understanding
7.5.3 Thumbnail Skeleton 1 Example
7.5.4 Kitten Thumbnails 1 Example
7.5.5 Table Skeleton 1 Example
7.5.6 Striped Tables 1 Example
7.5.7 Realty: Thumbnail Links 1 Example
7.5.8 Shoe Shop 5 Exercise
7.5.9 Adding Captions 5 Exercise
7.5.10 Bootstrap Tables 5 Exercise
7.5.11 Favorite TV Shows 5 Exercise
7.5.12 Favorite Animals 5 Exercise
7.5.13 4. Photo Portfolio 10 Challenge
7.5.14 Thumbnail Docs 1 Connection
7.5.15 Table Docs 1 Connection
7.5.16 Image Hover Effects 5 Example
7.6 Navigation Bars Lesson
7.6.1 Navigation Bars 1 Video
7.6.2 Navigation Bars Quiz 2 Check for Understanding
7.6.3 Navbar Docs 1 Connection
7.6.4 Simple Nav Tabs 1 Example
7.6.5 Basic Navbar 1 Example
7.6.6 Basic Collapsable Navbar 1 Example
7.6.7 Realty: Navbar 1 Example
7.6.8 Realty: Collapsable Navbar 1 Example
7.6.9 Navigation Links 5 Exercise
7.6.10 Navbar Puzzles 5 Exercise
7.6.11 Making Navbars 5 Exercise
7.6.12 5. Photo Portfolio 10 Challenge
7.7 Drop Down Menus Lesson
7.7.1 Drop Down Menus 1 Video
7.7.2 Drop Down Menus Quiz 1 Check for Understanding
7.7.3 Basic Dropdown 1 Example
7.7.4 Realty: Dropdown 1 Example
7.7.5 World Traveller 5 Exercise
7.7.6 Which Animal? 5 Exercise
7.7.7 Dropdown Nav 5 Exercise
7.7.8 6. Photo Portfolio 10 Challenge
7.7.9 Drop Down Menu Docs 1 Connection
7.7.10 Menu Badge 1 Badge
7.8 Using Bootstrap Examples to Create a Media Carousel Lesson
7.8.1 Using Bootstrap Examples 1 Video
7.8.2 Using Bootstrap Examples Quiz 2 Check for Understanding
7.8.3 Bootstrap Starter Templates 1 Connection
7.8.4 Realty: Carousel 1 Example
7.8.5 Carousel Bootstrap Template 1 Example
7.8.6 Exploring Creative Commons 1 Connection
7.8.7 Using Proper Media Sizes 5 Example
7.8.8 Generating Media 5 Free Response
7.8.9 7. Photo Portfolio 10 Challenge
7.9 Bootstrap Quiz Lesson
7.9.1 Bootstrap Quiz 10 Unit Quiz
7.9.2 Bootstrap Badge 1 Badge
Bootstrap Project
8.1 Bootstrap Project Lesson
8.1.1 Example Mobile Responsive Website 1 Example
8.1.2 Real World Bootstrap: University of Washington 1 Connection
8.1.3 Real World Bootstrap: Maple 1 Connection
8.1.4 Project: Create a Mobile Responsive Website 10 Challenge
8.1.5 Bootstrap Project Badge 1 Badge
Storing and Collecting Data
9.1 Collecting and Storing Data Lesson
9.1.1 Collecting and Storing Data 5 Video
9.1.2 Collecting and Storing Data 4 Check for Understanding
9.1.3 How Much is Your Data Worth? 5 Connection
9.1.4 How Much is Your Data Worth Responses 5 Free Response
9.1.5 Does Your Browser Have Local Storage? 5 Example
9.1.6 Local Storage 1 Example
9.1.7 Cookies vs. Local Storage 5 Connection
9.1.8 Cookies vs. Local Storage Responses 5 Free Response
9.2 Storing Data with Local Storage Lesson
9.2.1 Storing Data with Local Storage 5 Video
9.2.2 Storing Data with Local Storage 3 Check for Understanding
9.2.3 Saving Your Name 5 Example
9.2.4 Save Button Clicks 5 Example
9.2.5 Save Background Color 5 Exercise
9.2.6 How Many Times Have You Visited This Site 5 Exercise
9.3 Storing Data Structures with Local Storage Lesson
9.3.1 Storing Data Structures with Local Storage 5 Video
9.3.2 Storing Data Structures with Local Storage 3 Check for Understanding
9.3.3 Using JSON 5 Example
9.3.4 Last Three Backgrounds 5 Example
9.3.5 Print To Do List 5 Exercise
9.3.6 Tracking Scores 5 Exercise
9.3.7 Saving Active Divs 5 Challenge
9.4 JavaScript Objects Lesson
9.4.1 Using Objects in JavaScript 5 Video
9.4.2 Using Objects in JavaScript 3 Check for Understanding
9.4.3 Person Object 5 Example
9.4.4 Using Functions in Objects 5 Example
9.4.5 A Contact Object 5 Exercise
9.4.6 Add Contact 5 Exercise
9.4.7 Retrieve Contacts 5 Exercise
9.4.8 Print Contact List + Styling 5 Challenge
9.5 Using Input Fields Lesson
9.5.1 Using Input Fields 5 Video
9.5.2 Using Input Fields 3 Check for Understanding
9.5.3 Input Types 5 Example
9.5.4 Serialized Form Array 5 Example
9.5.5 Storing Input in Local Storage 5 Example
9.5.6 Upload a File 5 Example
9.5.7 To-Do List 5 Exercise
9.5.8 To-Do List with Local Storage 5 Exercise
9.5.9 Birthday Tracker 5 Exercise
9.5.10 Verify with File MIME Types 5 Exercise
9.6 Challenge: Create a Survey Lesson
9.6.1 Survey Challenge Overview 5 Connection
9.6.2 Survey Brainstorm 5 Free Response
9.6.3 Create Survey Form 5 Exercise
9.6.4 Complete your Survey 5 Challenge
9.7 Storing Data with Firebase Lesson
9.7.1 Storing Data with Firebase 5 Video
9.7.2 Storing Data with Firebase 3 Check for Understanding
9.7.3 Storing and Collecting Data with Firebase 5 Example
9.7.4 Introduce Yourself to Firebase 5 Exercise
9.7.5 Storing a Book Object 5 Exercise
9.7.6 Retrieving a Book Object 5 Exercise
9.8 Traversing Data with Firebase Lesson
9.8.1 Traversing Data with Firebase 5 Video
9.8.2 Traversing Data with Firebase 4 Check for Understanding
9.8.3 Adding New Nodes 5 Example
9.8.4 Visualizing Firebase 5 Example
9.8.5 Visualizing Firebase 5 Free Response
9.8.6 Retrieving Authors 5 Exercise
9.8.7 Diary Entry 5 Exercise
9.9 Challenge: Collecting User Clicks Lesson
9.9.1 Storing Click Data Overview 5 Connection
9.9.2 Get Date and Element 5 Challenge
9.9.3 Storing Click Data 5 Challenge
9.10 For/In Loops Lesson
9.10.1 For/In Loops 5 Video
9.10.2 For/In Loops Quiz 4 Check for Understanding
9.10.3 Find Users with Same Name 5 Example
9.10.4 Nested For/In Loops 5 Example
9.10.5 Hogwarts 5 Exercise
9.10.6 How Many Guests? 5 Exercise
9.10.7 Visualizing User Clicks 5 Challenge
9.11 Using APIs Lesson
9.11.1 Using APIs 5 Video
9.11.2 Using APIs 4 Check for Understanding
9.11.3 Using an API Key 5 Example
9.11.4 Generate an API Key 5 Example
9.11.5 Creating a Dictionary API 5 Exercise
9.11.6 Using a Movie API 5 Exercise
9.12 Server-side Languages Lesson
9.12.1 Web Stacks and Server-side Languages 5 Video
9.12.2 Server-side Languages Live Coding 5 Video
9.12.3 Server-side Hello World 5 Example
9.12.4 Divide Two Mystery Numbers 5 Example
9.12.5 Server-side About Me 5 Exercise
9.12.6 Classify Trees Server-side 5 Exercise
9.12.7 Calculate Mystery Numbers 5 Exercise
9.13 Storing and Collecting Data Quiz Lesson
9.13.1 Storing and Collecting Data Quiz 20 Unit Quiz
How to Build and Maintain a Website
10.1 Choosing a Domain Name Lesson
10.1.1 Choosing a Domain Name 5 Video
10.1.2 Choosing a Domain Name 3 Check for Understanding
10.1.3 How to Choose a Domain Name 5 Connection
10.1.4 How to Choose a Domain Name 5 Free Response
10.1.5 Choosing a Domain Name 5 Notes
10.1.6 Choosing a Domain Name 5 Free Response
10.2 Hosting Your Website Lesson
10.2.1 Personal Servers vs. Web Server Providers 5 Video
10.2.2 Personal Servers vs. Web Server Providers 5 Check for Understanding
10.2.3 How to Host a Website 5 Connection
10.2.4 Internet Protocols 5 Article
10.2.5 Activity: Internet Protocols 5 Article
10.2.6 How to Host a Website 5 Free Response
10.2.7 Understanding IP Addresses 5 Article
10.2.8 Hosting a Website from Your Own Home 5 Connection
10.2.9 Self-Hosted or Web Server Provider? 5 Free Response
10.3 Using a CMS Lesson
10.3.1 Using a CMS 5 Video
10.3.2 Using a CMS 3 Check for Understanding
10.3.3 How to Choose a CMS 5 Connection
10.3.4 How to Choose a CMS 5 Free Response
10.3.5 Comparing CMS Systems 5 Connection
10.3.6 Comparing CMS Systems 5 Free Response
10.4 What is Web Optimization? Lesson
10.4.1 What is Web Optimization? 5 Video
10.4.2 What is Web Optimization? 2 Check for Understanding
10.4.3 Website Folder Structure 5 Connection
10.4.4 File Naming Conventions 5 Notes
10.4.5 Folders and Files 5 Free Response
10.5 Optimizing Web Information Lesson
10.5.1 Optimizing Web Information 5 Video
10.5.2 Optimizing Web Information 3 Check for Understanding
10.5.3 How Search Works 5 Connection
10.5.4 How Search Works 5 Free Response
10.5.5 What is Search Engine Optimization (SEO)? 5 Connection
10.5.6 SEO Definition 5 Free Response
10.5.7 Ethical Search Optimization 5 Connection
10.5.8 Ethical Search Optimization 5 Free Response
10.5.9 Yoast Analyzer 5 Connection
10.5.10 Yoast Tool Activity 5 Free Response
10.6 Web Site Maintenance Lesson
10.6.1 Introduction: Why Website Maintenance? 5 Video
10.6.2 One Pager: Site Maintenance 5 Exercise
10.7 How to Build and Maintain a Website Quiz Lesson
10.7.1 How to Build and Maintain a Website Quiz 15 Unit Quiz
Final Project
11.1 Project Overview Lesson
11.1.1 Final Project Overview 5 Resource
11.1.2 Innovative Brainstorm 5 Connection
11.1.3 Innovative Brainstorm 5 Free Response
11.2 Planning Your Site Lesson
11.2.1 Determine your Objectives 5 Free Response
11.2.2 Create a Sitemap 5 Free Response
11.2.3 Create a Project Timeline 5 Free Response
11.3 Creating Your Site Lesson
11.3.1 Create your Site 5 Free Response
11.4 Providing Feedback Lesson
11.4.1 Evaluating an Innovation 5 Connection
11.4.2 Evaluating an Innovation 5 Free Response
11.4.3 User Testing 1 5 Free Response
11.4.4 User Testing 2 5 Free Response
11.5 Presenting Your Innovation Lesson
11.5.1 Make Changes and Update Version 5 Free Response
11.5.2 Present your Innovation 5 Presentation
JavaScript Bootcamp
12.1 Hello World Lesson
12.1.1 Hello World 1 Video
12.1.2 Hello World Quiz 1 Check for Understanding
12.1.3 Hello World 1 Example
12.1.4 Your Name and Hobby 5 Exercise
12.2 Variables Lesson
12.2.1 Variables 1 Video
12.2.2 Variables Quiz 1 Check for Understanding
12.2.3 Basic Variables 1 Example
12.2.4 Daily Activities 5 Exercise
12.3 User Input Lesson
12.3.1 User Input 1 Video
12.3.2 User Input Quiz 2 Check for Understanding
12.3.3 Basic User Input 1 Example
12.3.4 Dinner Plans 5 Exercise
12.3.5 User Input Badge 1 Badge
12.4 Basic Math in JavaScript Lesson
12.4.1 Basic Math in JavaScript 1 Video
12.4.2 Basic Math in JavaScript Quiz 3 Check for Understanding
12.4.3 Simple Calculator 1 Example
12.4.4 Dollars to Pounds 1 Example
12.4.5 Dividing Up Groups 1 Example
12.4.6 T-Shirt Shop 5 Exercise
12.4.7 Running Speed 5 Exercise
12.5 Booleans Lesson
12.5.1 Booleans 1 Video
12.5.2 Booleans Quiz 1 Check for Understanding
12.5.3 First Boolean 1 Example
12.5.4 Do You Have a Dog? 5 Exercise
12.6 Logical Operators Lesson
12.6.1 Logical Operators 1 Video
12.6.2 Logical Operators Quiz 3 Check for Understanding
12.6.3 Light Switch 1 Example
12.6.4 President 1 Example
12.6.5 Wasting Time 1 Example
12.6.6 Can You Graduate? 5 Exercise
12.6.7 School's Out 5 Exercise
12.7 Comparison Operators Lesson
12.7.1 Comparison Operators 1 Video
12.7.2 Comparison Operators Quiz 2 Check for Understanding
12.7.3 Voting Age 1 Example
12.7.4 Grade Range 1 Example
12.7.5 Rolling Dice 5 Exercise
12.7.6 Girl Scout Designation 5 Exercise
12.8 If Statements Lesson
12.8.1 If Statements 1 Video
12.8.2 If Statements Quiz 3 Check for Understanding
12.8.3 Negative Numbers 1 Example
12.8.4 Great Names 1 Example
12.8.5 Even and Odd 1 Example
12.8.6 Secret Password 1 Example
12.8.7 Teenagers 5 Exercise
12.8.8 Dietary Restrictions 5 Exercise
12.8.9 Conditionals Badge 1 Badge
12.9 For Loops in JavaScript Lesson
12.9.1 Basic For Loop 1 Video
12.9.2 For Loops Quiz 2 Check for Understanding
12.9.3 For Loop 1 Example
12.9.4 Chalkboard 5 Exercise
12.10 For Loop Practice Lesson
12.10.1 For Loop Examples 1 Video
12.10.2 For Loop Examples Quiz 3 Check for Understanding
12.10.3 For Loop Sum 1 Example
12.10.4 Better Sum 5 Exercise
12.10.5 Factorial 5 Exercise
12.10.6 All Dice Values 5 Exercise
12.11 Random Numbers Lesson
12.11.1 Random Numbers 1 Video
12.11.2 Random Numbers Quiz 2 Check for Understanding
12.11.3 Rolling a Die 1 Example
12.11.4 Flipping a Coin 1 Example
12.11.5 Lots of Rolls 5 Exercise
12.12 While Loops Lesson
12.12.1 While Loops 1 Video
12.12.2 While Loops Quiz 2 Check for Understanding
12.12.3 While Loop Countdown 1 Example
12.12.4 Inventory 5 Exercise
12.12.5 Fibonacci 5 Exercise
12.13 Loop and a Half Lesson
12.13.1 Loop and a Half 1 Video
12.13.2 Loop and a Half Quiz 3 Check for Understanding
12.13.3 Adding Up Numbers 1 Example
12.13.4 Snake Eyes 5 Exercise
12.13.5 Better Password Prompt 5 Exercise
12.13.6 Looper Badge 1 Badge
12.14 Functions and Parameters 1 Lesson
12.14.1 Functions and Parameters 1 1 Video
12.14.2 Functions and Parameters Quiz 1 3 Check for Understanding
12.14.3 Double Number 1 Example
12.14.4 Square 5 Exercise
12.14.5 Triple 5 Exercise
12.15 Functions and Parameters 2 Lesson
12.15.1 Functions and Parameters 2 1 Video
12.15.2 Functions and Parameters Quiz 2 2 Check for Understanding
12.15.3 Sum Function 1 Example
12.15.4 Area of Triangle 5 Exercise
12.15.5 Height in Meters 5 Exercise
12.16 Functions and Return Values 1 Lesson
12.16.1 Functions and Return Values 1 1 Video
12.16.2 Functions and Return Values Quiz 2 Check for Understanding
12.16.3 Double Number 1 Example
12.16.4 Square with Return Values 5 Exercise
12.16.5 Triple with Return Values 5 Exercise
12.16.6 Gymnastics Mats 5 Exercise
12.17 Functions and Return Values 2 Lesson
12.17.1 Functions and Return Values 2 1 Video
12.17.2 Functions and Return Values Quiz 2 2 Check for Understanding
12.17.3 Return Values 1 Example
12.17.4 Is It Even? 5 Exercise
12.17.5 Max 5 Exercise
12.18 Local Variables and Scope Lesson
12.18.1 Local Variables and Scope 1 Video
12.18.2 Local Variables and Scope Quiz 1 Check for Understanding
12.18.3 Return Values 1 Example
12.18.4 Local Variables 5 Exercise
12.18.5 JavaScript Exercises Badge 1 Badge
12.19 Intro to Lists/Arrays Lesson
12.19.1 Intro to Lists/Arrays 1 Video
12.19.2 Intro to Lists/Arrays Quiz 2 Check for Understanding
12.19.3 Making an Array 1 Example
12.19.4 List of Places to Travel 5 Exercise
12.19.5 List of Even Numbers 5 Exercise
12.20 Indexing Into an Array Lesson
12.20.1 Indexing Into an Array 1 Video
12.20.2 Indexing into an Array Quiz 2 Check for Understanding
12.20.3 Array Indexing Practice 1 Example
12.20.4 Top Websites 5 Exercise
12.21 Adding/Removing From an Array Lesson
12.21.1 Adding/Removing From an Array 1 Video
12.21.2 Adding/Removing from an Array Quiz 3 Check for Understanding
12.21.3 Add/Remove From Array 1 Example
12.21.4 Practice Push and Pop 5 Exercise
12.22 Array Length and Looping Through Arrays Lesson
12.22.1 Array Length and Looping Through Arrays 1 Video
12.22.2 Array Length and Looping Through Arrays Quiz 2 Check for Understanding
12.22.3 Print Shopping List 1 Example
12.22.4 Sum Array 1 Example
12.22.5 Product of List 5 Exercise
12.22.6 Print Flight Itinerary 5 Exercise
12.22.7 Double List 5 Exercise
12.22.8 Evens Only List 5 Exercise
12.22.9 Reverse List 5 Exercise
Using JavaScript Libraries
13.1 Introduction to jQuery Lesson
13.1.1 Introduction to jQuery 5 Video
13.1.2 Introduction to jQuery 4 Check for Understanding
13.1.3 Using the Selector 5 Example
13.1.4 jQuery Functions 5 Example
13.1.5 Exploring the jQuery Documentation 5 Connection
13.1.6 Exploring the jQuery Documentation 5 Free Response
13.1.7 High School Info 5 Exercise
13.1.8 Change Paragraph Size 5 Exercise
13.1.9 jQuery Table 5 Exercise
13.1.10 Smart jQuery Table 5 Challenge
13.2 Iterating with jQuery Lesson
13.2.1 Iterating with jQuery 5 Video
13.2.2 Iterating with jQuery 3 Check for Understanding
13.2.3 Printing To Do List 5 Example
13.2.4 Smart Table Using Each 5 Example
13.2.5 Mark Complete 5 Exercise
13.2.6 Fix Width 5 Exercise
13.2.7 Strobe Light 5 Exercise
13.3 Animations with jQuery Lesson
13.3.1 Animations with jQuery 5 Video
13.3.2 Animations with jQuery 3 Check for Understanding
13.3.3 .animate Grow 5 Example
13.3.4 Animation Queue 5 Example
13.3.5 Toggle 5 Example
13.3.6 Bouncy Ball 5 Exercise
13.3.7 Extracurriculars 5 Exercise
13.3.8 FrankenDiv 5 Exercise
13.4 Callback Functions and Synchronization Lesson
13.4.1 Callback Functions and Synchronization 5 Video
13.4.2 Callback Functions and Synchronization 3 Check for Understanding
13.4.3 .animate Execution Delay 5 Example
13.4.4 .animate Per-Element Callback 5 Example
13.4.5 Grow and Shrink Counter 5 Exercise
13.4.6 Progress Bar 5 Exercise
13.4.7 The Wave 5 Challenge
13.5 Using Multiple Files in JavaScript Lesson
13.5.1 Using Multiple Files in JavaScript 5 Video
13.5.2 Using Multiple Files in JavaScript 3 Check for Understanding
13.5.3 Execution Order 5 Example
13.5.4 Accessibility Button 5 Example
13.5.5 Our First js File 5 Exercise
13.5.6 Fix Load Order 5 Exercise
13.5.7 The Wave with .js 5 Challenge
13.6 Using JavaScript Libraries Quiz Lesson
13.6.1 Using JavaScript Libraries Quiz 15 Unit Quiz
Project: Build an Interactive Resume!
14.1 Creating a Resume Lesson
14.1.1 Interactive Resume Project Overview 5 Connection
14.1.2 What is a Resume? 5 Connection
14.1.3 What is a Resume? 5 Free Response
14.1.4 Draft Your Resume 5 Free Response
14.2 Layout and Web Design Theory Lesson
14.2.1 Layout and Web Design Theory 5 Video
14.2.2 Layout and Web Design Theory 4 Check for Understanding
14.2.3 Learning More About the Z and F Layouts 5 Free Response
14.2.4 Explore Resume Layouts 5 Connection
14.2.5 Explore Resume Layouts 5 Free Response
14.2.6 Sample Interactive Layouts 5 Free Response
14.3 Interactive Resume Development Lesson
14.3.1 Draft Your Interactive Resume 5 Free Response
14.3.2 Online Interactive Resume Draft 5 Challenge
14.3.3 Evaluating an Interactive Resume 5 Free Response
14.3.4 Final Draft Interactive Resume 5 Challenge
Web Design Level 1 Certification Practice
15.1 Practice #1: Intro to the Internet Lesson
15.1.1 Quiz: Intro to the Internet 5 Quiz
15.1.2 Practice #1 Reflection 5 Notes
15.2 Practice #2: HTML Lesson
15.2.1 Quiz: HTML 12 Quiz
15.2.2 Practice#2 Reflection 5 Notes
15.3 Practice #3: CSS Lesson
15.3.1 Quiz: CSS 13 Quiz
15.3.2 Practice #3 Reflection 5 Notes
15.4 Practice #4: Advanced HTML & CSS Lesson
15.4.1 Quiz: Advanced HTML & CSS 10 Quiz
15.4.2 Practice #4 Reflection 5 Notes