Please enable JavaScript to use CodeHS

Outline


1. The Internet
1.1 Welcome to the Internet
Video 1.1.1 Welcome to the Internet
Check for Understanding 1.1.2 Welcome to the Internet Quiz
Free Response 1.1.3 Reflection: The Internet and You
Free Response 1.1.4 An Internet Timeline
1.2 Viewing Websites
Video 1.2.1 Viewing Websites
Check for Understanding 1.2.2 Viewing Websites Quiz
Free Response 1.2.3 Free Response: Explaining a URL
Connection 1.2.4 Viewing Websites In Different Browsers
Free Response 1.2.5 Reflection: Using Different Browsers
1.3 Digital Footprint and Reputation
Video 1.3.1 Digital Footprint and Reputation
Check for Understanding 1.3.2 Digital Footprint and Reputation
Example 1.3.3 Social Media Clean-up
Free Response 1.3.4 Building a Positive Digital Footprint
Connection 1.3.5 Right to be Forgotten?
Free Response 1.3.6 Right to be Forgotten
Free Response 1.3.7 What is your Digital Footprint?
1.4 Ethics and Legal Considerations
Article 1.4.1 Legal, Ethics, and Bias in Computing
Article 1.4.2 Which Laws?
Connection 1.4.3 Self-driving Cars
Free Response 1.4.4 Self-driving Cars
Connection 1.4.5 Exploring Creative Commons
Free Response 1.4.6 Response: Creative Commons
Free Response 1.4.7 Negative Consequences
1.5 Cybersecurity
Video 1.5.1 Cybersecurity
Check for Understanding 1.5.2 Cybersecurity Quiz
Example 1.5.3 You Can Be Tracked!
Connection 1.5.4 Password Strength
Free Response 1.5.5 Reflection: Password Strength
Example 1.5.6 Phishing Simulator
Connection 1.5.7 Rogue Access Points
Connection 1.5.8 Phishing for Your Info
Free Response 1.5.9 Phishing Reflection
1.6 Computer Science Careers
Video 1.6.1 Computer Science All Around Us
Quiz 1.6.2 Computer Science All Around Us
Connection 1.6.3 CS Careers
Free Response 1.6.4 CS Career Response
Connection 1.6.5 Coding in the Wild
Free Response 1.6.6 Coding in the Wild Response
Connection 1.6.7 Inclusive Coding
Free Response 1.6.8 Inclusive Coding Response
Resource 1.6.9 Career Research
Notes 1.6.10 Career & Technical Student Organizations (CTSO)
Free Response 1.6.11 Refection: CTSOs
2. HTML - Structuring Websites
2.1 Introduction to HTML
Video 2.1.1 Introduction to HTML
Check for Understanding 2.1.2 Introduction to HTML Quiz
Example 2.1.3 Our First HTML Page
Exercise 2.1.4 Say Hello!
2.2 Structure of an HTML Page
Video 2.2.1 Structure of an HTML Page
Check for Understanding 2.2.2 Structure of an HTML Page Quiz
Example 2.2.3 HTML Template
Example 2.2.4 Hello World Page
Example 2.2.5 Using Comments
Exercise 2.2.6 The <title> Tag
Exercise 2.2.7 Your First HTML Page
2.3 Formatting Text
Video 2.3.1 Formatting Text
Check for Understanding 2.3.2 Formatting Text Quiz
Example 2.3.3 Dictionary
Example 2.3.4 Using Special Characters
Exercise 2.3.5 Word Definitions
Exercise 2.3.6 Pet Names
Exercise 2.3.7 Call of the Wild
Badge 2.3.8 Formatting Badge
2.4 Links
Video 2.4.1 Links
Check for Understanding 2.4.2 Links Quiz
Example 2.4.3 The <a> Tag
Exercise 2.4.4 Bookmarks
Exercise 2.4.5 Encyclopedias
2.5 Images
Video 2.5.1 Images
Check for Understanding 2.5.2 Images Quiz
Example 2.5.3 The <img> Tag
Exercise 2.5.4 Collage on a Theme
Exercise 2.5.5 Linking an Image
Exercise 2.5.6 National Parks
2.6 Copyright
Video 2.6.1 Copyright
Check for Understanding 2.6.2 Copyright Quiz
Example 2.6.3 Citing Sources Example
Connection 2.6.4 Exploring Creative Commons
Free Response 2.6.5 Response: Creative Commons
Free Response 2.6.6 Finding Images
Exercise 2.6.7 Make a Collage
Free Response 2.6.8 Why Copyright is Important
2.7 HTML Lists
Video 2.7.1 HTML Lists
Check for Understanding 2.7.2 HTML Lists Quiz
Example 2.7.3 Grocery Shopping
Exercise 2.7.4 Class Planning
Exercise 2.7.5 Dream Destinations
Exercise 2.7.6 Vacation Guides
2.8 HTML Tables
Video 2.8.1 HTML Tables
Check for Understanding 2.8.2 HTML Tables Quiz
Example 2.8.3 Address Book
Exercise 2.8.4 National Sports
Exercise 2.8.5 Table of Favorites
2.9 HTML Styling
Video 2.9.1 HTML Styling
Check for Understanding 2.9.2 HTML Styling Quiz
Example 2.9.3 Stylish Address Book
Exercise 2.9.4 Background Colors
Exercise 2.9.5 Style Your Class List
Badge 2.9.6 Styling Badge
2.10 HTML Colors
Video 2.10.1 HTML Colors
Check for Understanding 2.10.2 HTML Colors Quiz
Example 2.10.3 HTML Colors Examples
Exercise 2.10.4 Create Your Own Color
Exercise 2.10.5 Gradients
Connection 2.10.6 Color Wheel
Exercise 2.10.7 Using Good Colors
2.11 HTML - Structuring Websites Quiz
Unit Quiz 2.11.1 HTML - Structuring Websites Quiz
Badge 2.11.2 HTML Badge
3. CSS - Styling Websites
3.1 Introduction to CSS
Video 3.1.1 Introduction to CSS
Check for Understanding 3.1.2 Introduction to CSS Quiz
Example 3.1.3 Styling your H1s
Exercise 3.1.4 First style with CSS
Exercise 3.1.5 List Styling
Exercise 3.1.6 Endangered Animals: Skeleton
3.2 CSS Select by Tag
Video 3.2.1 CSS Select by Tag
Check for Understanding 3.2.2 CSS Select by Tag Quiz
Example 3.2.3 Rainbow
Example 3.2.4 Puppy Styling
Exercise 3.2.5 Set List
Exercise 3.2.6 Your Appliance Recommendations
Exercise 3.2.7 Endangered Animals: Style the Headers
3.3 CSS Select by Class
Video 3.3.1 CSS Select by Class
Check for Understanding 3.3.2 CSS Select by Class Quiz
Example 3.3.3 Simple Checkerboard
Exercise 3.3.4 Swim Meet
Exercise 3.3.5 Favorite Things
Exercise 3.3.6 Endangered Animals: Add Color Coding
3.4 CSS Select by ID
Video 3.4.1 CSS Select by ID
Check for Understanding 3.4.2 CSS Select by ID Quiz
Example 3.4.3 Logo
Exercise 3.4.4 Must Do Today!
Exercise 3.4.5 Lomeli's Menu
Exercise 3.4.6 Endangered Animals: Add Pictures
Badge 3.4.7 Selector Badge
3.5 The Cascade
Video 3.5.1 The Cascade
Check for Understanding 3.5.2 The Cascade Quiz
Example 3.5.3 Using Importance
Example 3.5.4 Order of Precedence
Exercise 3.5.5 We Really Like Dairy
Exercise 3.5.6 Style the Table
3.6 Multi-file Websites
Video 3.6.1 Splitting Your Site Into Files
Quiz 3.6.2 Splitting Your Site Into Files Quiz
Example 3.6.3 Multipage Site Examples
Example 3.6.4 Absolute versus Relative Links
Exercise 3.6.5 Add a Style Sheet
Exercise 3.6.6 Dividing the Site
Exercise 3.6.7 Career Site: Creating Structure
3.7 What is Web Optimization?
Video 3.7.1 What is Web Optimization?
Check for Understanding 3.7.2 What is Web Optimization?
Connection 3.7.3 Website Folder Structure
Notes 3.7.4 File Conventions
Free Response 3.7.5 Folders and Files
3.8 CSS - Styling Websites Quiz
Video 3.8.1 Optimizing Web Information
Check for Understanding 3.8.2 Optimizing Web Information
Connection 3.8.3 How Search Works
Free Response 3.8.4 How Search Works
Connection 3.8.5 What is Search Engine Optimization (SEO)?
Free Response 3.8.6 SEO Definition
Connection 3.8.7 Ethical Search Optimization
Free Response 3.8.8 Ethical Search Optimization
Connection 3.8.9 Yoast Analyzer
Free Response 3.8.10 Yoast Tool Activity
Unit Quiz 3.8.11 CSS - Styling Websites Quiz
Badge 3.8.12 CSS Badge
4. Advanced HTML and CSS
4.1 Getting Started - Advanced HTML and CSS
Video 4.1.1 Getting Started
Example 4.1.2 Example: Image Filters
Example 4.1.3 Example: Animations
Example 4.1.4 Example: Interactions
4.2 Embedding iframes
Video 4.2.1 Embedding iframes
Check for Understanding 4.2.2 Embedding IFrames Quiz
Example 4.2.3 Embedding CodeHS
Exercise 4.2.4 Embedding a Website
Exercise 4.2.5 Embed a Tweet
Exercise 4.2.6 Embed a Video
Exercise 4.2.7 Career Site: Include Outside Information
4.3 Divs
Video 4.3.1 Divs
Check for Understanding 4.3.2 Divs Quiz
Example 4.3.3 Divvying up the Site
Exercise 4.3.4 Quotes
Exercise 4.3.5 Flags
Exercise 4.3.6 Career Site: Separate the Content
Badge 4.3.7 Div Badge
4.4 Spans
Video 4.4.1 Spans
Check for Understanding 4.4.2 Spans Quiz
Example 4.4.3 Span Formatting
Exercise 4.4.4 Vocabulary
Exercise 4.4.5 Text Decoration
Exercise 4.4.6 Career Site: Style Special Pieces
4.5 Semantic Tags
Video 4.5.1 Semantic Tags
Example 4.5.2 Semantic Skeleton
Example 4.5.3 Section Flowchart Example
Example 4.5.4 Semantic Article
Exercise 4.5.5 Great Quotes
Exercise 4.5.6 Article of Interest
Exercise 4.5.7 Career Site: Semantic Tags
4.6 Combining CSS Selectors
Video 4.6.1 Combining CSS Selectors
Check for Understanding 4.6.2 Combining CSS Selectors Quiz
Example 4.6.3 More Specific Styling
Exercise 4.6.4 Choosing Nested Tags
Exercise 4.6.5 Highlight the First Item
Exercise 4.6.6 Calorie Recommendations
4.7 The Don't Repeat Yourself Principle
Video 4.7.1 Don't Repeat Yourself
Check for Understanding 4.7.2 Don't Repeat Yourself Quiz
Example 4.7.3 Styling Multiple Tags
Example 4.7.4 Style Similar Items with Same Class
Exercise 4.7.5 Managing Change
Exercise 4.7.6 Condense CSS Rules
Free Response 4.7.7 Why DRY?
4.8 Special Selectors
Video 4.8.1 Special Selectors
Check for Understanding 4.8.2 Special Selectors Quiz
Example 4.8.3 Vote For Me
Example 4.8.4 Vote For Me Pt 2
Exercise 4.8.5 Extend Vote For Me
Exercise 4.8.6 Special Vendors
Exercise 4.8.7 Checklist
Exercise 4.8.8 Career Website: Add Milestones
Badge 4.8.9 Special Selectors Badge
4.9 Visibility
Video 4.9.1 Visibility
Check for Understanding 4.9.2 Visibility Quiz
Example 4.9.3 Display Example
Example 4.9.4 Fading Text
Exercise 4.9.5 Favorite Sea Creature
Exercise 4.9.6 Caption on Demand
4.10 Reading Documentation
Video 4.10.1 Reading Documentation
Check for Understanding 4.10.2 Reading Documentation Quiz
Example 4.10.3 Using Docs: Float
Example 4.10.4 Using Docs: <blockquote> Tag
Example 4.10.5 HTML Forms
Exercise 4.10.6 Style the Table
Exercise 4.10.7 Electric Company
Exercise 4.10.8 Career Website: Add Pictures
4.11 Using the Inspector
Video 4.11.1 Using the Inspector
Check for Understanding 4.11.2 Using the Inspector Tool Quiz
Connection 4.11.3 Inspector Quick Start
Check for Understanding 4.11.4 Classes and IDs
Check for Understanding 4.11.5 Exploring the Art Museum
Check for Understanding 4.11.6 What's Your Style?
4.12 The Box Model
Video 4.12.1 The Box Model
Check for Understanding 4.12.2 The Box Model Quiz
Example 4.12.3 Adding Space Using Margin
Example 4.12.4 Adding Space Using Padding
Example 4.12.5 Combining Margin and Padding
Example 4.12.6 Margin and Padding with em
Exercise 4.12.7 I need some space!
Exercise 4.12.8 I need some breathing room!
Free Response 4.12.9 Where is space added?
Free Response 4.12.10 Relative Measurements
Exercise 4.12.11 Align Content Side by Side
Exercise 4.12.12 Career Website: Separate Content
Connection 4.12.13 Design with the Box Model
Badge 4.12.14 Box Badge
4.13 Image Manipulation
Video 4.13.1 Image Manipulation
Check for Understanding 4.13.2 Image Manipulation Quiz
Example 4.13.3 Grayscale Filter
Example 4.13.4 Blur Filter
Example 4.13.5 Hue Rotation
Exercise 4.13.6 Invert Filter
Exercise 4.13.7 Blurred
Exercise 4.13.8 Hue Rotation Comparisons
Exercise 4.13.9 Overexposure
Exercise 4.13.10 Grayscale Art
Exercise 4.13.11 Aesop's Fables Part 1
Exercise 4.13.12 Aesop's Fables Part 2
4.14 Animation
Video 4.14.1 Animation
Check for Understanding 4.14.2 Animation Quiz
Example 4.14.3 Animated Image Filter
Exercise 4.14.4 Animated Invert Filter
Exercise 4.14.5 Album Cover
Exercise 4.14.6 Aesop's Fables Part 3
4.15 Interaction
Video 4.15.1 Interaction
Check for Understanding 4.15.2 Interaction Quiz
Example 4.15.3 Interactive Image Filter
Example 4.15.4 Smooth Interactive Image Filter
Example 4.15.5 Smooth Change on Click
Exercise 4.15.6 Button Interaction
Exercise 4.15.7 Create Your Own Tooltip
Exercise 4.15.8 Aesop's Fables Part 4
Exercise 4.15.9 Career Website: Engage the User
Connection 4.15.10 CSS Tricks
4.16 The CSS Grid Layout
Video 4.16.1 The CSS Grid Layout
Quiz 4.16.2 CSS Grid Layout Quiz
Example 4.16.3 Grid Layout
Example 4.16.4 Applying The Grid Model
Exercise 4.16.5 The Rainbow in a Grid
Exercise 4.16.6 Image Gallery
4.17 Web Accessibility
Connection 4.17.1 Accessibility
Free Response 4.17.2 Accessibility Tips
Example 4.17.3 Inaccessible Site Review
Exercise 4.17.4 Improve Site's Accessibility
4.18 Advanced HTML and CSS Quiz
Unit Quiz 4.18.1 Advanced HTML and CSS Quiz
Badge 4.18.2 Advanced HTML and CSS Badge
5. Project - Create Your Homepage
5.1 Homepage: Your First Website
Example 5.1.1 Example Homepage
Connection 5.1.2 Real World Homepage
Challenge 5.1.3 Set Up Your codehs.me Website
Free Response 5.1.4 Analyzing Requirements
Free Response 5.1.5 Planning your Homepage
Challenge 5.1.6 Create Your Homepage
Free Response 5.1.7 Testing your homepage
Badge 5.1.8 Create Your Homepage Badge
6. Introduction to Javascript in HTML
6.1 The Script Tag
Video 6.1.1 The Script Tag
Check for Understanding 6.1.2 The Script Tag Quiz
Example 6.1.3 Debugging Functions
Free Response 6.1.4 Using the Console
Exercise 6.1.5 Writing in the Console
Exercise 6.1.6 Alert Introduction
Exercise 6.1.7 Debugging with the Console
Challenge 6.1.8 Quick Trivia
6.2 Using the DOM
Video 6.2.1 getElementById
Check for Understanding 6.2.2 getElementById Quiz
Example 6.2.3 Welcome to My Site!
Exercise 6.2.4 Let's Get to Know You
Exercise 6.2.5 Simple Math
Video 6.2.6 Using the DOM
Check for Understanding 6.2.7 Using the DOM Quiz
Example 6.2.8 Multiple <p> tags
Exercise 6.2.9 Menu Opinion
Exercise 6.2.10 Longest Paragraph
6.3 Creating Elements Using the DOM
Video 6.3.1 Creating Elements Using the DOM
Check for Understanding 6.3.2 Creating Elements Using the DOM
Example 6.3.3 Make a Button
Example 6.3.4 The Whole Family
Exercise 6.3.5 Roll Call
Exercise 6.3.6 Add to Calendar
6.4 Styling Elements Using Javascript
Video 6.4.1 Styling Elements Using JavaScript
Check for Understanding 6.4.2 Styling Elements Using JavaScript
Example 6.4.3 Frankenstein Footnote
Example 6.4.4 .(attribute) vs. setAttribute
Example 6.4.5 Styling an Image
Exercise 6.4.6 Add a Link
Exercise 6.4.7 Adding a Frame
Exercise 6.4.8 Create a Flag
Exercise 6.4.9 Checkerboard
6.5 Functions in HTML
Video 6.5.1 Functions in HTML
Check for Understanding 6.5.2 Functions in HTML
Example 6.5.3 Changing Text Color
Example 6.5.4 Change Text Color with Parameters
Exercise 6.5.5 Announcement Function
Exercise 6.5.6 Random Number Generator
Exercise 6.5.7 Add Colors!
6.6 This Keyword
Video 6.6.1 This Keyword
Check for Understanding 6.6.2 This Keyword
Example 6.6.3 Clicking Multiple Paragraphs
Example 6.6.4 Clicking with Event Listeners
Exercise 6.6.5 Click Box
Exercise 6.6.6 Cross Out
Challenge 6.6.7 Make a Quilt
6.7 Challenge: Make a Keyboard
Connection 6.7.1 Challenge Overview!
Exercise 6.7.2 Make Button
Exercise 6.7.3 Make Text
Challenge 6.7.4 Make a Keyboard
6.8 Keyboard Interactions
Video 6.8.1 Keyboard Events
Check for Understanding 6.8.2 Keyboard Events
Example 6.8.3 Coordinate Plane
Example 6.8.4 Make a Keyboard with Key Events
Exercise 6.8.5 Key Alert
Exercise 6.8.6 Light Up Squares
Exercise 6.8.7 Light Switch Squares
6.9 JavaScript Animations
Video 6.9.1 Animations in JavaScript
Check for Understanding 6.9.2 Animations in JavaScript
Example 6.9.3 Growing Square
Example 6.9.4 Changing Colors
Exercise 6.9.5 Rotating Div
Exercise 6.9.6 Lucky Lotto Number
Exercise 6.9.7 Rotating Div with Keyboard Interaction
6.10 Positioning and Animations
Video 6.10.1 Positioning and Animations
Check for Understanding 6.10.2 Positioning and Animations
Example 6.10.3 Positioning Elements
Example 6.10.4 Moving Square in Container
Exercise 6.10.5 Practice with Positions
Exercise 6.10.6 Hidden Nav Bar
Exercise 6.10.7 Moving a Square
Challenge 6.10.8 Add Div Animation
6.11 Introduction to JavaScript in HTML Quiz
Unit Quiz 6.11.1 Introduction to JavaScript in HTML Quiz
7. Bootstrap
7.1 What is Bootstrap?
Video 7.1.1 What is Bootstrap?
Example 7.1.2 Example Bootstrap Mobile Site
Connection 7.1.3 Real World Bootstrap: OneNYC
Free Response 7.1.4 Responsive vs Unresponsive
Free Response 7.1.5 Favorite Bootstrap Site
7.2 Getting Started with Bootstrap
Video 7.2.1 Getting Started with Bootstrap
Check for Understanding 7.2.2 Getting Started Quiz
Example 7.2.3 First Bootstrap Page
Example 7.2.4 Cascading Style Sheets
Example 7.2.5 Container-Fluid Page
Exercise 7.2.6 Using the Bootstrap Skeleton
Exercise 7.2.7 Your First Bootstrap
Challenge 7.2.8 1. Photo Portfolio
Connection 7.2.9 Container Docs
7.3 The Bootstrap Grid System
Video 7.3.1 The Grid System
Check for Understanding 7.3.2 The Bootstrap Grid Quiz
Example 7.3.3 Grid System Example
Example 7.3.4 Column Overflow
Example 7.3.5 Different Device Sizes
Example 7.3.6 Example Layout
Example 7.3.7 Realty: Grid System
Exercise 7.3.8 Grid Practice
Exercise 7.3.9 Endangered Animals
Challenge 7.3.10 2. Photo Portfolio
Connection 7.3.11 Grid System Docs
7.4 Bootstrap Components
Video 7.4.1 Bootstrap Components
Quiz 7.4.2 Bootstrap Components Quiz
Example 7.4.3 Text Formats
Example 7.4.4 Making Buttons
Example 7.4.5 Button Groups
Example 7.4.6 Using Icons
Example 7.4.7 Favicons
Example 7.4.8 Realty: Buttons and Page Headers
Exercise 7.4.9 Header and Buttons
Exercise 7.4.10 Icon Buttons
Challenge 7.4.11 3. Photo Portfolio
Connection 7.4.12 Button Docs
Connection 7.4.13 Icon Docs
7.5 More Bootstrap Components
Video 7.5.1 More Bootstrap Components
Check for Understanding 7.5.2 More Bootstrap Components Quiz
Example 7.5.3 Thumbnail Skeleton
Example 7.5.4 Kitten Thumbnails
Example 7.5.5 Table Skeleton
Example 7.5.6 Striped Tables
Example 7.5.7 Realty: Thumbnail Links
Exercise 7.5.8 Shoe Shop
Exercise 7.5.9 Adding Captions
Exercise 7.5.10 Bootstrap Tables
Exercise 7.5.11 Favorite TV Shows
Exercise 7.5.12 Favorite Animals
Challenge 7.5.13 4. Photo Portfolio
Connection 7.5.14 Thumbnail Docs
Connection 7.5.15 Table Docs
Example 7.5.16 Image Hover Effects
7.6 Navigation Bars
Video 7.6.1 Navigation Bars
Check for Understanding 7.6.2 Navigation Bars Quiz
Connection 7.6.3 Navbar Docs
Example 7.6.4 Simple Nav Tabs
Example 7.6.5 Basic Navbar
Example 7.6.6 Basic Collapsable Navbar
Example 7.6.7 Realty: Navbar
Example 7.6.8 Realty: Collapsable Navbar
Exercise 7.6.9 Navigation Links
Exercise 7.6.10 Navbar Puzzles
Exercise 7.6.11 Making Navbars
Challenge 7.6.12 5. Photo Portfolio
7.7 Drop Down Menus
Video 7.7.1 Drop Down Menus
Check for Understanding 7.7.2 Drop Down Menus Quiz
Example 7.7.3 Basic Dropdown
Example 7.7.4 Realty: Dropdown
Exercise 7.7.5 World Traveller
Exercise 7.7.6 Which Animal?
Exercise 7.7.7 Dropdown Nav
Challenge 7.7.8 6. Photo Portfolio
Connection 7.7.9 Drop Down Menu Docs
Badge 7.7.10 Menu Badge
7.8 Using Bootstrap Examples to Create a Media Carousel
Video 7.8.1 Using Bootstrap Examples
Check for Understanding 7.8.2 Using Bootstrap Examples Quiz
Connection 7.8.3 Bootstrap Starter Templates
Example 7.8.4 Realty: Carousel
Example 7.8.5 Carousel Bootstrap Template
Connection 7.8.6 Exploring Creative Commons
Example 7.8.7 Using Proper Media Sizes
Free Response 7.8.8 Generating Media
Challenge 7.8.9 7. Photo Portfolio
7.9 Bootstrap Quiz
Unit Quiz 7.9.1 Bootstrap Quiz
Badge 7.9.2 Bootstrap Badge
8. Bootstrap Project
8.1 Bootstrap Project
Example 8.1.1 Example Mobile Responsive Website
Connection 8.1.2 Real World Bootstrap: University of Washington
Connection 8.1.3 Real World Bootstrap: Maple
Challenge 8.1.4 Project: Create a Mobile Responsive Website
Badge 8.1.5 Bootstrap Project Badge
9. Storing and Collecting Data
9.1 Collecting and Storing Data
Video 9.1.1 Collecting and Storing Data
Check for Understanding 9.1.2 Collecting and Storing Data
Connection 9.1.3 How Much is Your Data Worth?
Free Response 9.1.4 How Much is Your Data Worth Responses
Example 9.1.5 Does Your Browser Have Local Storage?
Example 9.1.6 Local Storage
Connection 9.1.7 Cookies vs. Local Storage
Free Response 9.1.8 Cookies vs. Local Storage Responses
9.2 Storing Data with Local Storage
Video 9.2.1 Storing Data with Local Storage
Check for Understanding 9.2.2 Storing Data with Local Storage
Example 9.2.3 Saving Your Name
Example 9.2.4 Save Button Clicks
Exercise 9.2.5 Save Background Color
Exercise 9.2.6 How Many Times Have You Visited This Site
9.3 Storing Data Structures with Local Storage
Video 9.3.1 Storing Data Structures with Local Storage
Check for Understanding 9.3.2 Storing Data Structures with Local Storage
Example 9.3.3 Using JSON
Example 9.3.4 Last Three Backgrounds
Exercise 9.3.5 Print To Do List
Exercise 9.3.6 Tracking Scores
Challenge 9.3.7 Saving Active Divs
9.4 JavaScript Objects
Video 9.4.1 Using Objects in JavaScript
Check for Understanding 9.4.2 Using Objects in JavaScript
Example 9.4.3 Person Object
Example 9.4.4 Using Functions in Objects
Exercise 9.4.5 A Contact Object
Exercise 9.4.6 Add Contact
Exercise 9.4.7 Retrieve Contacts
Challenge 9.4.8 Print Contact List + Styling
9.5 Using Input Fields
Video 9.5.1 Using Input Fields
Check for Understanding 9.5.2 Using Input Fields
Example 9.5.3 Input Types
Example 9.5.4 Serialized Form Array
Example 9.5.5 Storing Input in Local Storage
Example 9.5.6 Upload a File
Exercise 9.5.7 To-Do List
Exercise 9.5.8 To-Do List with Local Storage
Exercise 9.5.9 Birthday Tracker
Exercise 9.5.10 Verify with File MIME Types
9.6 Challenge: Create a Survey
Connection 9.6.1 Survey Challenge Overview
Free Response 9.6.2 Survey Brainstorm
Exercise 9.6.3 Create Survey Form
Challenge 9.6.4 Complete your Survey
9.7 Storing Data with Firebase
Video 9.7.1 Storing Data with Firebase
Check for Understanding 9.7.2 Storing Data with Firebase
Example 9.7.3 Storing and Collecting Data with Firebase
Exercise 9.7.4 Introduce Yourself to Firebase
Exercise 9.7.5 Storing a Book Object
Exercise 9.7.6 Retrieving a Book Object
9.8 Traversing Data with Firebase
Video 9.8.1 Traversing Data with Firebase
Check for Understanding 9.8.2 Traversing Data with Firebase
Example 9.8.3 Adding New Nodes
Example 9.8.4 Visualizing Firebase
Free Response 9.8.5 Visualizing Firebase
Exercise 9.8.6 Retrieving Authors
Exercise 9.8.7 Diary Entry
9.9 Challenge: Collecting User Clicks
Connection 9.9.1 Storing Click Data Overview
Challenge 9.9.2 Get Date and Element
Challenge 9.9.3 Storing Click Data
9.10 For/In Loops
Video 9.10.1 For/In Loops
Check for Understanding 9.10.2 For/In Loops Quiz
Example 9.10.3 Find Users with Same Name
Example 9.10.4 Nested For/In Loops
Exercise 9.10.5 Hogwarts
Exercise 9.10.6 How Many Guests?
Challenge 9.10.7 Visualizing User Clicks
9.11 Using APIs
Video 9.11.1 Using APIs
Check for Understanding 9.11.2 Using APIs
Example 9.11.3 Using an API Key
Example 9.11.4 Generate an API Key
Exercise 9.11.5 Creating a Dictionary API
Exercise 9.11.6 Using a Movie API
9.12 Server-side Languages
Video 9.12.1 Web Stacks and Server-side Languages
Video 9.12.2 Server-side Languages Live Coding
Example 9.12.3 Server-side Hello World
Example 9.12.4 Divide Two Mystery Numbers
Exercise 9.12.5 Server-side About Me
Exercise 9.12.6 Classify Trees Server-side
Exercise 9.12.7 Calculate Mystery Numbers
9.13 Storing and Collecting Data Quiz
Unit Quiz 9.13.1 Storing and Collecting Data Quiz
10. How to Build and Maintain a Website
10.1 Choosing a Domain Name
Video 10.1.1 Choosing a Domain Name
Check for Understanding 10.1.2 Choosing a Domain Name
Connection 10.1.3 How to Choose a Domain Name
Free Response 10.1.4 How to Choose a Domain Name
Notes 10.1.5 Choosing a Domain Name
Free Response 10.1.6 Choosing a Domain Name
10.2 Hosting Your Website
Video 10.2.1 Personal Servers vs. Web Server Providers
Check for Understanding 10.2.2 Personal Servers vs. Web Server Providers
Connection 10.2.3 How to Host a Website
Article 10.2.4 Internet Protocols
Article 10.2.5 Activity: Internet Protocols
Free Response 10.2.6 How to Host a Website
Article 10.2.7 Understanding IP Addresses
Connection 10.2.8 Hosting a Website from Your Own Home
Free Response 10.2.9 Self-Hosted or Web Server Provider?
10.3 Using a CMS
Video 10.3.1 Using a CMS
Check for Understanding 10.3.2 Using a CMS
Connection 10.3.3 How to Choose a CMS
Free Response 10.3.4 How to Choose a CMS
Connection 10.3.5 Comparing CMS Systems
Free Response 10.3.6 Comparing CMS Systems
10.4 What is Web Optimization?
Video 10.4.1 What is Web Optimization?
Check for Understanding 10.4.2 What is Web Optimization?
Connection 10.4.3 Website Folder Structure
Notes 10.4.4 File Naming Conventions
Free Response 10.4.5 Folders and Files
10.5 Optimizing Web Information
Video 10.5.1 Optimizing Web Information
Check for Understanding 10.5.2 Optimizing Web Information
Connection 10.5.3 How Search Works
Free Response 10.5.4 How Search Works
Connection 10.5.5 What is Search Engine Optimization (SEO)?
Free Response 10.5.6 SEO Definition
Connection 10.5.7 Ethical Search Optimization
Free Response 10.5.8 Ethical Search Optimization
Connection 10.5.9 Yoast Analyzer
Free Response 10.5.10 Yoast Tool Activity
10.6 Web Site Maintenance
Video 10.6.1 Introduction: Why Website Maintenance?
Exercise 10.6.2 One Pager: Site Maintenance
10.7 How to Build and Maintain a Website Quiz
Unit Quiz 10.7.1 How to Build and Maintain a Website Quiz
11. Final Project
11.1 Project Overview
Resource 11.1.1 Final Project Overview
Connection 11.1.2 Innovative Brainstorm
Free Response 11.1.3 Innovative Brainstorm
11.2 Planning Your Site
Free Response 11.2.1 Determine your Objectives
Free Response 11.2.2 Create a Sitemap
Free Response 11.2.3 Create a Project Timeline
11.3 Creating Your Site
Free Response 11.3.1 Create your Site
11.4 Providing Feedback
Connection 11.4.1 Evaluating an Innovation
Free Response 11.4.2 Evaluating an Innovation
Free Response 11.4.3 User Testing 1
Free Response 11.4.4 User Testing 2
11.5 Presenting Your Innovation
Free Response 11.5.1 Make Changes and Update Version
Presentation 11.5.2 Present your Innovation