Activity | Points |
---|---|
Digital Citizenship and Cybersecurity | |
1.1 What is Cybersecurity? | |
1.1.1 What is Cybersecurity? | 1 |
1.1.2 What is Cybersecurity? | 5 |
1.1.3 City Services Ransomware | 1 |
1.1.4 Ransomware Reflection | 5 |
1.1.5 Ransomware Simulator | 1 |
1.1.6 Internet of Things | 1 |
1.1.7 Hackers vs. Smart Homes | 1 |
1.1.8 Internet of Things Reflection | 5 |
1.1.9 Common Communication Interfaces | 5 |
1.1.10 Common Communication Interfaces Response | 5 |
1.2 Impact of Cybersecurity | |
1.2.1 Impact of Cybersecurity | 1 |
1.2.2 Impact of Cybersecurity | 5 |
1.2.3 Phishing Simulator | 1 |
1.2.4 Phishing for Your Info | 1 |
1.2.5 Phishing Reflection | 5 |
1.2.6 Cyber Game | 1 |
1.2.7 Cyber Game Reflection | 5 |
1.2.8 Cyber Crime Time | 1 |
1.2.9 Cyber Crime Time Reflection | 5 |
1.3 The CIA Triad | |
1.3.1 CIA Triad | 1 |
1.3.2 CIA Triad | 5 |
1.3.3 Which part of the CIA Triad? | 5 |
1.3.4 Which part of the CIA Triad? | 5 |
1.3.5 Breach of Confidentiality | 5 |
1.3.6 Breach of Availability | 5 |
1.3.7 CIA Connections | 5 |
1.3.8 What Are Digital Signatures? | 5 |
1.3.9 Digital Signatures Response | 5 |
1.4 Digital Footprint and Reputation | |
1.4.1 Digital Footprint and Reputation | 1 |
1.4.2 Digital Footprint and Reputation | 5 |
1.4.3 Social Media Clean-up | 1 |
1.4.4 Building a Positive Digital Footprint | 5 |
1.4.5 Right to be Forgotten? | 1 |
1.4.6 Right to be Forgotten | 5 |
1.4.7 What is your Digital Footprint? | 5 |
1.5 Cyberbullying | |
1.5.1 Cyberbullying | 1 |
1.5.2 Cyberbullying | 5 |
1.5.3 Scenario: Student Ranking | 5 |
1.5.4 Scenario: Singled Out | 5 |
1.5.5 Stopping Cyberbullying | 5 |
1.6 Internet Safety | |
1.6.1 Internet Safety | 1 |
1.6.2 Internet Safety | 5 |
1.6.3 Scenario: School Stranger | 5 |
1.6.4 Scenario: Vacation Pals | 5 |
1.6.5 Staying Safe | 5 |
1.7 Privacy & Security | |
1.7.1 What is Data Privacy & Security? | 1 |
1.7.2 Privacy & Security Quiz | 5 |
1.7.3 Google Privacy Policy Search | 1 |
1.7.4 Google Privacy Policy Search | 5 |
1.7.5 Guess: Password List | 1 |
1.7.6 Guess: Using an Algorithm | 1 |
1.7.7 Guess: Brute Force | 1 |
1.7.8 How Strong is your Password? | 1 |
1.7.9 How Strong is your password? | 5 |
1.7.10 You Can Be Tracked! | 1 |
1.8 Research: Privacy Acts and Regulations | |
1.8.1 Research Exercise Introduction | 5 |
1.8.2 Write Down Your Findings | 5 |
1.8.3 Share What You Learned | 5 |
1.9 Information Literacy | |
1.9.1 Information Literacy | 1 |
1.9.2 Information Literacy | 5 |
1.9.3 Effective Internet Searches | 5 |
1.9.4 Evaluate the Source 1 | 1 |
1.9.5 Respond: Evaluate the Source 1 | 5 |
1.9.6 Evaluate the Source 2 | 5 |
1.9.7 Respond: Evaluate the Source 2 | 5 |
1.9.8 Hero Pig? | 1 |
1.9.9 Respond: Hero Pig? | 5 |
1.10 Creative Credit & Copyright | |
1.10.1 Creative Credit and Copyright | 1 |
1.10.2 Creative Credit and Copyright | 5 |
1.10.3 Cite! | 5 |
1.10.4 Exploring Creative Commons | 1 |
1.10.5 Respond: Creative Commons | 5 |
1.10.6 Task: Finding Images | 5 |
1.10.7 Reflection: Why is Copyright Important? | 5 |
1.11 Hacking Ethics | |
1.11.1 Hacking Ethics & Legality | 1 |
1.11.2 Hacking Ethics & Legality | 5 |
1.11.3 Penetration Testing | 1 |
1.11.4 Reflection: Penetration Testing | 5 |
1.11.5 Hack the Pentagon? | 1 |
1.11.6 Reflection: Hack the Pentagon | 5 |
1.11.7 Ethical Hacker Agreement | 1 |
1.12 Digital Citizenship and Cybersecurity Quiz | |
1.12.1 Digital Citizenship and Cyber Hygiene Quiz | 20 |
HTML - Structuring Websites | |
2.1 Introduction to HTML | |
2.1.1 Introduction to HTML | 1 |
2.1.2 Introduction to HTML Quiz | 5 |
2.1.3 Our First HTML Page | 1 |
2.1.4 Say Hello! | 5 |
2.2 Structure of an HTML Page | |
2.2.1 Structure of an HTML Page | 1 |
2.2.2 Structure of an HTML Page Quiz | 5 |
2.2.3 HTML Template | 1 |
2.2.4 Hello World Page | 1 |
2.2.5 The <title> Tag | 5 |
2.2.6 Your First HTML Page | 5 |
2.3 Formatting Text | |
2.3.1 Formatting Text | 1 |
2.3.2 Formatting Text Quiz | 5 |
2.3.3 Dictionary | 1 |
2.3.4 Word Definitions | 5 |
2.3.5 Pet Names | 5 |
2.3.6 Call of the Wild | 5 |
2.3.7 Formatting Badge | 1 |
2.4 Links | |
2.4.1 Links | 1 |
2.4.2 Links Quiz | 5 |
2.4.3 The <a> Tag | 1 |
2.4.4 Bookmarks | 5 |
2.4.5 Encyclopedias | 5 |
2.5 Images | |
2.5.1 Images | 1 |
2.5.2 Images Quiz | 5 |
2.5.3 The <img> Tag | 1 |
2.5.4 Collage on a Theme | 5 |
2.5.5 Linking an Image | 5 |
2.5.6 National Parks | 5 |
2.6 Copyright | |
2.6.1 Copyright | 1 |
2.6.2 Copyright Quiz | 5 |
2.6.3 Citing Sources Example | 1 |
2.6.4 Exploring Creative Commons | 1 |
2.6.5 Response: Creative Commons | 5 |
2.6.6 Finding Images | 5 |
2.6.7 Make a Collage | 5 |
2.6.8 Why Copyright is Important | 5 |
2.7 HTML Lists | |
2.7.1 HTML Lists | 1 |
2.7.2 HTML Lists Quiz | 5 |
2.7.3 Grocery Shopping | 1 |
2.7.4 Class Planning | 5 |
2.7.5 Dream Destinations | 5 |
2.7.6 Vacation Guides | 5 |
2.8 HTML Tables | |
2.8.1 HTML Tables | 1 |
2.8.2 HTML Tables Quiz | 5 |
2.8.3 Address Book | 1 |
2.8.4 National Sports | 5 |
2.8.5 Table of Favorites | 5 |
2.9 HTML Styling | |
2.9.1 HTML Styling | 1 |
2.9.2 HTML Styling Quiz | 5 |
2.9.3 Stylish Address Book | 1 |
2.9.4 Background Colors | 5 |
2.9.5 Style Your Class List | 5 |
2.9.6 Styling Badge | 1 |
2.10 HTML Colors | |
2.10.1 HTML Colors | 1 |
2.10.2 HTML Colors Quiz | 5 |
2.10.3 HTML Colors Examples | 1 |
2.10.4 Create Your Own Color | 5 |
2.10.5 Gradients | 5 |
2.10.6 Color Wheel | 1 |
2.10.7 Using Good Colors | 5 |
2.11 HTML - Structuring Websites Quiz | |
2.11.1 HTML - Structuring Websites Quiz | 10 |
2.11.2 HTML Badge | 1 |
CSS - Styling Websites | |
3.1 Introduction to CSS | |
3.1.1 Introduction to CSS | 1 |
3.1.2 Introduction to CSS Quiz | 5 |
3.1.3 Styling your H1s | 1 |
3.1.4 First style with CSS | 5 |
3.1.5 List Styling | 5 |
3.1.6 Endangered Animals: Skeleton | 5 |
3.2 CSS Select by Tag | |
3.2.1 CSS Select by Tag | 1 |
3.2.2 CSS Select by Tag Quiz | 5 |
3.2.3 Rainbow | 1 |
3.2.4 Puppy Styling | 1 |
3.2.5 Set List | 5 |
3.2.6 Your Appliance Recommendations | 5 |
3.2.7 Endangered Animals: Style the Headers | 5 |
3.3 CSS Select by Class | |
3.3.1 CSS Select by Class | 1 |
3.3.2 CSS Select by Class Quiz | 5 |
3.3.3 Simple Checkerboard | 1 |
3.3.4 Swim Meet | 5 |
3.3.5 Favorite Things | 5 |
3.3.6 Endangered Animals: Add Color Coding | 5 |
3.4 CSS Select by ID | |
3.4.1 CSS Select by ID | 1 |
3.4.2 CSS Select by ID Quiz | 5 |
3.4.3 Logo | 1 |
3.4.4 Must Do Today! | 5 |
3.4.5 Lomeli's Menu | 5 |
3.4.6 Endangered Animals: Add Pictures | 5 |
3.4.7 Selector Badge | 1 |
3.5 The Cascade | |
3.5.1 The Cascade | 1 |
3.5.2 The Cascade Quiz | 5 |
3.5.3 Using Importance | 1 |
3.5.4 Order of Precedence | 1 |
3.5.5 We Really Like Dairy | 5 |
3.5.6 Style the Table | 5 |
3.6 Multi-file Websites | |
3.6.1 Splitting Your Site Into Files | 5 |
3.6.2 Splitting Your Site Into Files Quiz | 5 |
3.6.3 Multipage Site Examples | 5 |
3.6.4 Add a Style Sheet | 5 |
3.6.5 Dividing the Site | 5 |
3.6.6 Career Site: Creating Structure | 5 |
3.7 CSS - Styling Websites Quiz | |
3.7.1 CSS - Styling Websites Quiz | 10 |
3.7.2 CSS Badge | 1 |
Advanced HTML and CSS | |
4.1 Getting Started - Advanced HTML and CSS | |
4.1.1 Getting Started | 1 |
4.1.2 Example: Image Filters | 1 |
4.1.3 Example: Animations | 1 |
4.1.4 Example: Interactions | 1 |
4.2 Embedding iframes | |
4.2.1 Embedding iframes | 1 |
4.2.2 Embedding IFrames Quiz | 2 |
4.2.3 Embedding CodeHS | 1 |
4.2.4 Embedding a Website | 5 |
4.2.5 Embed a Tweet | 5 |
4.2.6 Embed a Video | 5 |
4.2.7 Career Site: Include Outside Information | 5 |
4.3 Divs | |
4.3.1 Divs | 1 |
4.3.2 Divs Quiz | 2 |
4.3.3 Divvying up the Site | 1 |
4.3.4 Quotes | 5 |
4.3.5 Flags | 5 |
4.3.6 Career Site: Separate the Content | 5 |
4.3.7 Div Badge | 1 |
4.4 Spans | |
4.4.1 Spans | 1 |
4.4.2 Spans Quiz | 1 |
4.4.3 Span Formatting | 1 |
4.4.4 Vocabulary | 5 |
4.4.5 Text Decoration | 5 |
4.4.6 Career Site: Style Special Pieces | 5 |
4.5 Combining CSS Selectors | |
4.5.1 Combining CSS Selectors | 1 |
4.5.2 Combining CSS Selectors Quiz | 2 |
4.5.3 More Specific Styling | 1 |
4.5.4 Choosing Nested Tags | 5 |
4.5.5 Highlight the First Item | 5 |
4.5.6 Calorie Recommendations | 5 |
4.6 The Don't Repeat Yourself Principle | |
4.6.1 Don't Repeat Yourself | 1 |
4.6.2 Don't Repeat Yourself Quiz | 2 |
4.6.3 Styling Multiple Tags | 1 |
4.6.4 Style Similar Items with Same Class | 1 |
4.6.5 Managing Change | 5 |
4.6.6 Condense CSS Rules | 5 |
4.6.7 Why DRY? | 5 |
4.7 Special Selectors | |
4.7.1 Special Selectors | 1 |
4.7.2 Special Selectors Quiz | 2 |
4.7.3 Vote For Me | 1 |
4.7.4 Vote For Me Pt 2 | 1 |
4.7.5 Extend Vote For Me | 5 |
4.7.6 Special Vendors | 5 |
4.7.7 Checklist | 5 |
4.7.8 Career Website: Add Milestones | 5 |
4.7.9 Special Selectors Badge | 1 |
4.8 Visibility | |
4.8.1 Visibility | 1 |
4.8.2 Visibility Quiz | 2 |
4.8.3 Display Example | 1 |
4.8.4 Fading Text | 1 |
4.8.5 Favorite Sea Creature | 5 |
4.8.6 Caption on Demand | 5 |
4.9 Reading Documentation | |
4.9.1 Reading Documentation | 1 |
4.9.2 Reading Documentation Quiz | 2 |
4.9.3 Using Docs: Float | 1 |
4.9.4 Using Docs: <blockquote> Tag | 1 |
4.9.5 Style the Table | 5 |
4.9.6 Electric Company | 5 |
4.9.7 Career Website: Add Pictures | 5 |
4.10 Using the Inspector | |
4.10.1 Using the Inspector | 1 |
4.10.2 Using the Inspector Tool Quiz | 1 |
4.10.3 Inspector Quick Start | 1 |
4.10.4 Classes and IDs | 5 |
4.10.5 Exploring the Art Museum | 5 |
4.10.6 What's Your Style? | 5 |
4.11 The Box Model | |
4.11.1 The Box Model | 1 |
4.11.2 The Box Model Quiz | 2 |
4.11.3 Adding Space Using Margin | 1 |
4.11.4 Adding Space Using Padding | 1 |
4.11.5 Combining Margin and Padding | 1 |
4.11.6 Margin and Padding with em | 1 |
4.11.7 I need some space! | 5 |
4.11.8 I need some breathing room! | 5 |
4.11.9 Where is space added? | 5 |
4.11.10 Relative Measurements | 5 |
4.11.11 Align Content Side by Side | 5 |
4.11.12 Career Website: Separate Content | 5 |
4.11.13 Design with the Box Model | 1 |
4.11.14 Box Badge | 1 |
4.12 Image Manipulation | |
4.12.1 Image Manipulation | 1 |
4.12.2 Image Manipulation Quiz | 2 |
4.12.3 Grayscale Filter | 1 |
4.12.4 Blur Filter | 1 |
4.12.5 Hue Rotation | 1 |
4.12.6 Invert Filter | 5 |
4.12.7 Blurred | 5 |
4.12.8 Hue Rotation Comparisons | 5 |
4.12.9 Overexposure | 5 |
4.12.10 Grayscale Art | 5 |
4.12.11 Aesop's Fables Part 1 | 5 |
4.12.12 Aesop's Fables Part 2 | 5 |
4.13 Animation | |
4.13.1 Animation | 1 |
4.13.2 Animation Quiz | 2 |
4.13.3 Animated Image Filter | 1 |
4.13.4 Animated Invert Filter | 5 |
4.13.5 Album Cover | 5 |
4.13.6 Aesop's Fables Part 3 | 5 |
4.14 Interaction | |
4.14.1 Interaction | 1 |
4.14.2 Interaction Quiz | 2 |
4.14.3 Interactive Image Filter | 1 |
4.14.4 Smooth Interactive Image Filter | 1 |
4.14.5 Smooth Change on Click | 1 |
4.14.6 Button Interaction | 5 |
4.14.7 Create Your Own Tooltip | 5 |
4.14.8 Aesop's Fables Part 4 | 5 |
4.14.9 Career Website: Engage the User | 5 |
4.14.10 CSS Tricks | 1 |
4.15 CSS Frameworks | |
4.15.1 What is a CSS Framework? | 5 |
4.15.2 Making Buttons | 1 |
4.15.3 Mobile Site Bootstrap Example | 5 |
4.15.4 Real World Bootstrap: OneNYC | 5 |
4.15.5 Real World Tailwind: Alastair Gray's Portfolio | 5 |
4.15.6 Tailwind CSS Component Examples | 5 |
4.15.7 Reflection: Using CSS Frameworks | 5 |
4.16 Advanced HTML and CSS Quiz | |
4.16.1 Advanced HTML and CSS Quiz | 15 |
4.16.2 Advanced HTML and CSS Badge | 1 |
Project - Create Your Homepage | |
5.1 Software Development Life Cycle | |
5.1.1 Development Life Cycle | 1 |
5.1.2 Development Life Cycle | 3 |
5.1.3 What is GitHub? | 5 |
5.1.4 Reflection: What is GitHub? | 5 |
5.1.5 Researching Collaborative Platforms | 5 |
5.2 Homepage: Your First Website | |
5.2.1 Example Homepage | 1 |
5.2.2 Real World Homepage | 1 |
5.2.3 Introduction to Web Accessibility | 5 |
5.2.4 Introduction to Web Accessibility Response | 5 |
5.2.5 Sections 508 and 504 | 5 |
5.2.6 Set Up Your codehs.me Website | 10 |
5.2.7 Create Your Homepage | 10 |
5.2.8 Create Your Homepage Badge | 1 |
5.3 Project Overview | |
5.3.1 Final Project Overview | 5 |
5.3.2 Innovative Brainstorm | 5 |
5.3.3 Innovative Brainstorm | 5 |
5.4 Planning Your Site | |
5.4.1 Determine Your Objectives | 5 |
5.4.2 Create a Sitemap | 5 |
5.4.3 Create a Project Timeline | 5 |
Introduction to Javascript in HTML | |
6.1 The Script Tag | |
6.1.1 The Script Tag | 5 |
6.1.2 The Script Tag Quiz | 5 |
6.1.3 Debugging Functions | 5 |
6.1.4 Using the Console | 5 |
6.1.5 Writing in the Console | 5 |
6.1.6 Alert Introduction | 5 |
6.1.7 Debugging with the Console | 5 |
6.1.8 Quick Trivia | 5 |
6.2 Using the DOM | |
6.2.1 getElementById | 5 |
6.2.2 getElementById Quiz | 5 |
6.2.3 Welcome to My Site! | 5 |
6.2.4 Let's Get to Know You | 5 |
6.2.5 Simple Math | 5 |
6.2.6 Using the DOM | 5 |
6.2.7 Using the DOM Quiz | 5 |
6.2.8 Multiple <p> tags | 5 |
6.2.9 Menu Opinion | 5 |
6.2.10 Longest Paragraph | 5 |
6.3 Creating Elements Using the DOM | |
6.3.1 Creating Elements Using the DOM | 5 |
6.3.2 Creating Elements Using the DOM | 5 |
6.3.3 Make a Button | 5 |
6.3.4 The Whole Family | 5 |
6.3.5 Roll Call | 5 |
6.3.6 Add to Calendar | 5 |
6.4 Styling Elements Using Javascript | |
6.4.1 Styling Elements Using JavaScript | 5 |
6.4.2 Styling Elements Using JavaScript | 5 |
6.4.3 Frankenstein Footnote | 5 |
6.4.4 .(attribute) vs. setAttribute | 5 |
6.4.5 Add a Link | 5 |
6.4.6 Create a Flag | 5 |
6.4.7 Checkerboard | 5 |
6.5 Functions in HTML | |
6.5.1 Functions in HTML | 5 |
6.5.2 Functions in HTML | 5 |
6.5.3 Changing Text Color | 5 |
6.5.4 Change Text Color with Parameters | 5 |
6.5.5 Announcement Function | 5 |
6.5.6 Random Number Generator | 5 |
6.5.7 Add Colors! | 5 |
6.6 This Keyword | |
6.6.1 This Keyword | 5 |
6.6.2 This Keyword | 5 |
6.6.3 Clicking Multiple Paragraphs | 5 |
6.6.4 Clicking with Event Listeners | 5 |
6.6.5 Click Box | 5 |
6.6.6 Cross Out | 5 |
6.6.7 Make a Quilt | 5 |
6.7 Challenge: Make a Keyboard | |
6.7.1 Challenge Overview! | 5 |
6.7.2 Make Button | 5 |
6.7.3 Make Text | 5 |
6.7.4 Make a Keyboard | 5 |
6.8 Keyboard Interactions | |
6.8.1 Keyboard Events | 5 |
6.8.2 Keyboard Events | 5 |
6.8.3 Coordinate Plane | 5 |
6.8.4 Make a Keyboard with Key Events | 5 |
6.8.5 Key Alert | 5 |
6.8.6 Light Up Squares | 5 |
6.8.7 Light Switch Squares | 5 |
6.9 JavaScript Animations | |
6.9.1 Animations in JavaScript | 5 |
6.9.2 Animations in JavaScript | 5 |
6.9.3 Growing Square | 5 |
6.9.4 Changing Colors | 5 |
6.9.5 Rotating Div | 5 |
6.9.6 Lucky Lotto Number | 5 |
6.9.7 Rotating Div with Keyboard Interaction | 5 |
6.10 Positioning and Animations | |
6.10.1 Positioning and Animations | 5 |
6.10.2 Positioning and Animations | 5 |
6.10.3 Positioning Elements | 5 |
6.10.4 Moving Square in Container | 5 |
6.10.5 Practice with Positions | 5 |
6.10.6 Hidden Nav Bar | 5 |
6.10.7 Moving a Square | 5 |
6.10.8 Add Div Animation | 5 |
6.11 Introduction to JavaScript in HTML Quiz | |
6.11.1 Introduction to JavaScript in HTML Quiz | 5 |
Using JavaScript Libraries | |
7.1 Introduction to jQuery | |
7.1.1 Introduction to jQuery | 5 |
7.1.2 Introduction to jQuery | 5 |
7.1.3 Using the Selector | 5 |
7.1.4 jQuery Functions | 5 |
7.1.5 Exploring the jQuery Documentation | 5 |
7.1.6 Exploring the jQuery Documentation | 5 |
7.1.7 High School Info | 5 |
7.1.8 Change Paragraph Size | 5 |
7.1.9 jQuery Table | 5 |
7.1.10 Smart jQuery Table | 5 |
7.2 Iterating with jQuery | |
7.2.1 Iterating with jQuery | 5 |
7.2.2 Iterating with jQuery | 5 |
7.2.3 Printing To Do List | 5 |
7.2.4 Smart Table Using Each | 5 |
7.2.5 Mark Complete | 5 |
7.2.6 Fix Width | 5 |
7.2.7 Strobe Light | 5 |
7.3 Animations with jQuery | |
7.3.1 Animations with jQuery | 5 |
7.3.2 Animations with jQuery | 5 |
7.3.3 .animate Grow | 5 |
7.3.4 Animation Queue | 5 |
7.3.5 Toggle | 5 |
7.3.6 Bouncy Ball | 5 |
7.3.7 Extracurriculars | 5 |
7.3.8 FrankenDiv | 5 |
7.4 Callback Functions and Synchronization | |
7.4.1 Callback Functions and Synchronization | 5 |
7.4.2 Callback Functions and Synchronization | 5 |
7.4.3 .animate Execution Delay | 5 |
7.4.4 .animate Per-Element Callback | 5 |
7.4.5 Grow and Shrink Counter | 5 |
7.4.6 Progress Bar | 5 |
7.4.7 The Wave | 5 |
7.5 Using Multiple Files in JavaScript | |
7.5.1 Using Multiple Files in JavaScript | 5 |
7.5.2 Using Multiple Files in JavaScript | 5 |
7.5.3 Execution Order | 5 |
7.5.4 Accessibility Button | 5 |
7.5.5 Our First js File | 5 |
7.5.6 Fix Load Order | 5 |
7.5.7 The Wave with .js | 5 |
7.6 Using JavaScript Libraries Quiz | |
7.6.1 Using JavaScript Libraries Quiz | 5 |
Project: Build an Interactive Resume! | |
8.1 Creating a Resume | |
8.1.1 Interactive Resume Project Overview | 5 |
8.1.2 What is a Resume? | 5 |
8.1.3 What is a Resume? | 5 |
8.1.4 Draft Your Resume | 5 |
8.2 Layout and Web Design Theory | |
8.2.1 Layout and Web Design Theory | 5 |
8.2.2 Layout and Web Design Theory | 5 |
8.2.3 Learning More About the Z and F Layouts | 5 |
8.2.4 Explore Resume Layouts | 5 |
8.2.5 Explore Resume Layouts | 5 |
8.2.6 Sample Interactive Layouts | 5 |
8.3 Interactive Resume Development | |
8.3.1 Draft Your Interactive Resume | 5 |
8.3.2 Online Interactive Resume Draft | 5 |
8.3.3 Evaluating an Interactive Resume | 5 |
8.3.4 Final Draft Interactive Resume | 5 |
Storing and Collecting Data | |
9.1 Collecting and Storing Data | |
9.1.1 Collecting and Storing Data | 5 |
9.1.2 Collecting and Storing Data | 5 |
9.1.3 How Much is Your Data Worth? | 5 |
9.1.4 How Much is Your Data Worth Responses | 5 |
9.1.5 Does Your Browser Have Local Storage? | 5 |
9.1.6 Local Storage | 1 |
9.1.7 Cookies vs. Local Storage | 5 |
9.1.8 Cookies vs. Local Storage Responses | 5 |
9.2 Storing Data with Local Storage | |
9.2.1 Storing Data with Local Storage | 5 |
9.2.2 Storing Data with Local Storage | 5 |
9.2.3 Saving Your Name | 5 |
9.2.4 Save Button Clicks | 5 |
9.2.5 Save Background Color | 5 |
9.2.6 How Many Times Have You Visited This Site | 5 |
9.3 Storing Data Structures with Local Storage | |
9.3.1 Storing Data Structures with Local Storage | 5 |
9.3.2 Storing Data Structures with Local Storage | 5 |
9.3.3 Using JSON | 5 |
9.3.4 Last Three Backgrounds | 5 |
9.3.5 Print To Do List | 5 |
9.3.6 Tracking Scores | 5 |
9.3.7 Saving Active Divs | 5 |
9.4 JavaScript Objects | |
9.4.1 Using Objects in JavaScript | 5 |
9.4.2 Using Objects in JavaScript | 5 |
9.4.3 Person Object | 5 |
9.4.4 Using Functions in Objects | 5 |
9.4.5 A Contact Object | 5 |
9.4.6 Add Contact | 5 |
9.4.7 Retrieve Contacts | 5 |
9.4.8 Print Contact List + Styling | 5 |
9.5 Using Input Fields | |
9.5.1 Using Input Fields | 5 |
9.5.2 Using Input Fields | 5 |
9.5.3 Input Types | 5 |
9.5.4 Serialized Form Array | 5 |
9.5.5 Storing Input in Local Storage | 5 |
9.5.6 Upload a File | 5 |
9.5.7 To-Do List | 5 |
9.5.8 To-Do List with Local Storage | 5 |
9.5.9 Birthday Tracker | 5 |
9.5.10 Verify with File MIME Types | 5 |
9.6 Challenge: Create a Survey | |
9.6.1 Survey Challenge Overview | 5 |
9.6.2 Survey Brainstorm | 5 |
9.6.3 Create Survey Form | 5 |
9.6.4 Complete your Survey | 5 |
9.7 Storing Data with Firebase | |
9.7.1 Storing Data with Firebase | 5 |
9.7.2 Storing Data with Firebase | 5 |
9.7.3 Storing and Collecting Data with Firebase | 5 |
9.7.4 Introduce Yourself to Firebase | 5 |
9.7.5 Storing a Book Object | 5 |
9.7.6 Retrieving a Book Object | 5 |
9.8 Traversing Data with Firebase | |
9.8.1 Traversing Data with Firebase | 5 |
9.8.2 Traversing Data with Firebase | 5 |
9.8.3 Adding New Nodes | 5 |
9.8.4 Visualizing Firebase | 5 |
9.8.5 Visualizing Firebase | 5 |
9.8.6 Retrieving Authors | 5 |
9.8.7 Diary Entry | 5 |
9.9 Challenge: Collecting User Clicks | |
9.9.1 Storing Click Data Overview | 5 |
9.9.2 Get Date and Element | 5 |
9.9.3 Storing Click Data | 5 |
9.10 For/In Loops | |
9.10.1 For/In Loops | 5 |
9.10.2 For/In Loops Quiz | 5 |
9.10.3 Find Users with Same Name | 5 |
9.10.4 Nested For/In Loops | 5 |
9.10.5 Hogwarts | 5 |
9.10.6 How Many Guests? | 5 |
9.10.7 Visualizing User Clicks | 5 |
9.11 Using APIs | |
9.11.1 Using APIs | 5 |
9.11.2 Using APIs | 5 |
9.11.3 Using an API Key | 5 |
9.11.4 Generate an API Key | 5 |
9.11.5 Creating a Dictionary API | 5 |
9.11.6 Using a Movie API | 5 |
9.12 Server-side Languages | |
9.12.1 Web Stacks and Server-side Languages | 5 |
9.12.2 Server-side Languages Live Coding | 5 |
9.12.3 Server-side Hello World | 5 |
9.12.4 Divide Two Mystery Numbers | 5 |
9.12.5 Server-side About Me | 5 |
9.12.6 Classify Trees Server-side | 5 |
9.12.7 Calculate Mystery Numbers | 5 |
9.13 Storing and Collecting Data Quiz | |
9.13.1 Storing and Collecting Data Quiz | 5 |
How to Build and Maintain a Website | |
10.1 Choosing a Domain Name | |
10.1.1 Choosing a Domain Name | 5 |
10.1.2 Choosing a Domain Name | 5 |
10.1.3 How to Choose a Domain Name | 5 |
10.1.4 How to Choose a Domain Name | 5 |
10.1.5 Choosing a Domain Name | 5 |
10.1.6 Choosing a Domain Name | 5 |
10.2 Hosting Your Website | |
10.2.1 Personal Servers vs. Web Server Providers | 5 |
10.2.2 Personal Servers vs. Web Server Providers | 5 |
10.2.3 How to Host a Website | 5 |
10.2.4 How to Host a Website | 5 |
10.2.5 Hosting a Website from Your Own Home | 5 |
10.2.6 Self-Hosted or Web Server Provider? | 5 |
10.3 Using a CMS | |
10.3.1 Using a CMS | 5 |
10.3.2 Using a CMS | 5 |
10.3.3 How to Choose a CMS | 5 |
10.3.4 How to Choose a CMS | 5 |
10.3.5 Comparing CMS Systems | 5 |
10.3.6 Comparing CMS Systems | 5 |
10.4 What is Web Optimization? | |
10.4.1 What is Web Optimization? | 5 |
10.4.2 What is Web Optimization? | 5 |
10.4.3 Website Folder Structure | 5 |
10.4.4 File Naming Conventions | 5 |
10.4.5 Folders and Files | 5 |
10.5 Optimizing Web Information | |
10.5.1 Optimizing Web Information | 5 |
10.5.2 Optimizing Web Information | 5 |
10.5.3 How Search Works | 5 |
10.5.4 How Search Works | 5 |
10.5.5 What is Search Engine Optimization (SEO)? | 5 |
10.5.6 SEO Definition | 5 |
10.5.7 Ethical Search Optimization | 5 |
10.5.8 Ethical Search Optimization | 5 |
10.5.9 Yoast Analyzer | 5 |
10.5.10 Yoast Tool Activity | 5 |
10.6 Web Accessibility | |
10.6.1 Accessibility | 5 |
10.6.2 Accessibility Tips | 5 |
10.6.3 Inaccessible Site Review | 5 |
10.6.4 Improve Site's Accessibility | 5 |
10.7 Web Security | |
10.7.1 IP and MAC Addresses | 1 |
10.7.2 IP and MAC Addresses Quiz | 2 |
10.7.3 Intranet Permissions | 1 |
10.7.4 Coffee Shop: Design an Intranet | 5 |
10.7.5 Ethics Moment: Equifax Data Breach | 5 |
10.7.6 Reflection: Equifax Data Breach | 5 |
10.7.7 Connection and Content Security | 5 |
10.7.8 XSS and Code Injection | 5 |
10.7.9 Response: Connection and Content Security | 5 |
10.8 How to Build and Maintain a Website Quiz | |
10.8.1 How to Build and Maintain a Website Quiz | 5 |
Software Security | |
11.1 Inside Web Apps | |
11.1.1 Inside Web Apps | 1 |
11.1.2 Inside Web Apps | 5 |
11.1.3 Using View Page Source | 5 |
11.1.4 Recreate a Webpage? | 1 |
11.1.5 Getting Started with OWASP | 1 |
11.1.6 Getting Started with OWASP | 5 |
11.2 Developer Tools | |
11.2.1 Developer Tools | 1 |
11.2.2 Developer Tools | 5 |
11.2.3 Using the Developer Tools | 5 |
11.2.4 Console Secrets | 5 |
11.2.5 Local Storage | 1 |
11.2.6 The Top Cybersecurity Blogs and Websites | 1 |
11.2.7 Selecting a Site to Follow | 5 |
11.3 The Value of Data | |
11.3.1 The Value of Data | 1 |
11.3.2 The Value of Data Quiz | 5 |
11.3.3 Exploring Data Visualizations | 1 |
11.3.4 US Recorded Music Revenue | 1 |
11.3.5 National Parks | 1 |
11.3.6 March Madness | 1 |
11.3.7 Captain Marvel | 1 |
11.3.8 Respond: Visualizations | 5 |
11.3.9 Free Response: Choosing a Visualization | 5 |
11.3.10 Reflection: Design a Survey | 5 |
11.4 Clients and Servers | |
11.4.1 Clients and Servers | 1 |
11.4.2 Clients and Servers | 2 |
11.4.3 Inside a Google Data Center | 1 |
11.4.4 Inside a Google Data Center | 5 |
11.4.5 Cloud Vulnerabilities | 1 |
11.4.6 Cloud Vulnerabilities Response | 5 |
11.4.7 Client-Server Model | 1 |
11.4.8 Client-Server Model | 2 |
11.4.9 The Future of User Privacy | 1 |
11.4.10 The Future of User Privacy | 5 |
11.4.11 What is Web Hosting? | 5 |
11.4.12 What is Web Hosting Response | 5 |
11.5 What is SQL? | |
11.5.1 What is SQL Overview | 1 |
11.5.2 Intro to SQL | 1 |
11.5.3 Quiz: What is SQL? | 1 |
11.5.4 How to Structure Data in SQL | 1 |
11.5.5 How to Structure Data in SQL | 3 |
11.5.6 SQL Tables | 1 |
11.5.7 SQL Tables Response | 5 |
11.6 Basic Querying in SQL | |
11.6.1 The SELECT Statement | 1 |
11.6.2 Basic Querying in SQL | 1 |
11.6.3 Our First SELECT Statement | 1 |
11.6.4 Your First SELECT Statement | 5 |
11.6.5 More SELECT Statement | 1 |
11.6.6 More SELECT Statement | 1 |
11.6.7 Selecting Specific Columns | 1 |
11.6.8 Harry Potter Names | 5 |
11.7 Filtering Queries in SQL | |
11.7.1 The WHERE Clause | 1 |
11.7.2 Condition Operators | 5 |
11.7.3 Ravenclaw House | 1 |
11.7.4 People in Gryffindor | 1 |
11.7.5 Filter By ID | 1 |
11.7.6 The Weasleys | 5 |
11.7.7 The Potters | 5 |
11.8 Databases | |
11.8.1 Databases | 1 |
11.8.2 Databases | 1 |
11.8.3 Database Administrator Career | 1 |
11.8.4 Database Administrator Career | 5 |
11.8.5 Parts of a Database | 1 |
11.8.6 Parts of a Database | 1 |
11.8.7 SQL Database Diagram | 1 |
11.8.8 SQL Database Diagram | 5 |
11.8.9 Schema Brainstorm | 5 |
11.9 Common Security Problems | |
11.9.1 Common Security Problems | 1 |
11.9.2 Common Security Problems | 5 |
11.9.3 Meet Security Engineers at Google | 1 |
11.9.4 Security Engineering Reflection | 5 |
11.9.5 Living in a Digital World | 1 |
11.9.6 Living in a Digital World | 5 |
11.10 SQL Injection Overview | |
11.10.1 SQL Injection Overview | 1 |
11.10.2 SQL Injection Overview | 5 |
11.10.3 Equifax Security Breach | 1 |
11.10.4 Equifax Exposed Millions | 1 |
11.10.5 Equifax SQL Injection Attack | 5 |
11.10.6 SQLi | 1 |
11.11 Types of SQLi and Prevention | |
11.11.1 Types of SQLi | 1 |
11.11.2 Types of SQLi | 3 |
11.11.3 Preventing SQLi | 1 |
11.11.4 Preventing SQLi | 2 |
11.11.5 Mitigating SQL Injection | 1 |
11.11.6 Reflection: Mitigating SQL Injection | 5 |
11.11.7 SQL Injection | 1 |
11.12 Software Security Quiz | |
11.12.1 Software Security Quiz | 15 |
Project - Iterate Your Web Development | |
12.1 Providing Feedback | |
12.1.1 Evaluating an Innovation | 5 |
12.1.2 Evaluating an Innovation | 5 |
12.1.3 User Testing 1 | 5 |
12.1.4 User Testing 2 | 5 |
12.2 Presenting Your Innovation | |
12.2.1 Make Changes and Update Version | 5 |
12.2.2 Present your Innovation | 5 |
Computer Science Careers | |
13.1 Computer Science Careers | |
13.1.1 Computer Science All Around Us | 1 |
13.1.2 Computer Science All Around Us | 5 |
13.1.3 CS Careers | 1 |
13.1.4 CS Career Response | 5 |
13.1.5 Coding in the Wild | 1 |
13.1.6 Coding in the Wild Response | 5 |
13.1.7 Inclusive Coding | 1 |
13.1.8 Inclusive Coding Response | 5 |
13.1.9 Career Research | 5 |
Prerequisite JavaScript Skills | |
14.1 Hello World | |
14.1.1 Hello World | 1 |
14.1.2 Hello World Quiz | 5 |
14.1.3 Hello World | 1 |
14.1.4 Your Name and Hobby | 5 |
14.2 Variables | |
14.2.1 Variables | 1 |
14.2.2 Variables Quiz | 5 |
14.2.3 Basic Variables | 1 |
14.2.4 Daily Activities | 5 |
14.3 User Input | |
14.3.1 User Input | 1 |
14.3.2 User Input Quiz | 5 |
14.3.3 Basic User Input | 1 |
14.3.4 Dinner Plans | 5 |
14.3.5 User Input Badge | 1 |
14.4 Basic Math in JavaScript | |
14.4.1 Basic Math in JavaScript | 1 |
14.4.2 Basic Math in JavaScript Quiz | 5 |
14.4.3 Simple Calculator | 1 |
14.4.4 Dollars to Pounds | 1 |
14.4.5 Dividing Up Groups | 1 |
14.4.6 T-Shirt Shop | 5 |
14.4.7 Running Speed | 5 |
14.5 Booleans | |
14.5.1 Booleans | 1 |
14.5.2 Booleans Quiz | 5 |
14.5.3 First Boolean | 1 |
14.5.4 Do You Have a Dog? | 5 |
14.6 Logical Operators | |
14.6.1 Logical Operators | 1 |
14.6.2 Logical Operators Quiz | 5 |
14.6.3 Light Switch | 1 |
14.6.4 President | 1 |
14.6.5 Wasting Time | 1 |
14.6.6 Can You Graduate? | 5 |
14.6.7 School's Out | 5 |
14.7 Comparison Operators | |
14.7.1 Comparison Operators | 1 |
14.7.2 Comparison Operators Quiz | 5 |
14.7.3 Voting Age | 1 |
14.7.4 Grade Range | 1 |
14.7.5 Rolling Dice | 5 |
14.7.6 Girl Scout Designation | 5 |
14.8 If Statements | |
14.8.1 If Statements | 1 |
14.8.2 If Statements Quiz | 5 |
14.8.3 Negative Numbers | 1 |
14.8.4 Even and Odd | 1 |
14.8.5 Secret Password | 1 |
14.8.6 Teenagers | 5 |
14.8.7 Dietary Restrictions | 5 |
14.8.8 Conditionals Badge | 1 |
14.9 For Loops in JavaScript | |
14.9.1 Basic For Loop | 1 |
14.9.2 For Loops Quiz | 5 |
14.9.3 For Loop | 1 |
14.9.4 Chalkboard | 5 |
14.9.5 For Loop Examples | 1 |
14.9.6 For Loop Sum | 1 |
14.10 Functions and Parameters 1 | |
14.10.1 Functions and Parameters 1 | 1 |
14.10.2 Functions and Parameters Quiz 1 | 5 |
14.10.3 Double Number | 1 |
14.10.4 Square | 5 |
14.10.5 Triple | 5 |
14.11 Functions and Parameters 2 | |
14.11.1 Functions and Parameters 2 | 1 |
14.11.2 Functions and Parameters Quiz 2 | 5 |
14.11.3 Sum Function | 1 |
14.11.4 Area of Triangle | 5 |
14.11.5 Height in Meters | 5 |
14.12 Functions and Return Values 1 | |
14.12.1 Functions and Return Values 1 | 1 |
14.12.2 Functions and Return Values Quiz | 5 |
14.12.3 Double Number | 1 |
14.12.4 Square with Return Values | 5 |
14.12.5 Local Variables and Scope | 1 |
14.12.6 Return Values | 1 |
14.13 Intro to Lists/Arrays | |
14.13.1 Intro to Lists/Arrays | 1 |
14.13.2 Intro to Lists/Arrays Quiz | 5 |
14.13.3 Making an Array | 1 |
14.13.4 List of Places to Travel | 5 |
14.13.5 List of Even Numbers | 5 |
14.14 Indexing Into an Array | |
14.14.1 Indexing Into an Array | 1 |
14.14.2 Indexing into an Array Quiz | 5 |
14.14.3 Array Indexing Practice | 1 |
14.14.4 Top Websites | 5 |
14.15 Adding/Removing From an Array | |
14.15.1 Adding/Removing From an Array | 1 |
14.15.2 Adding/Removing from an Array Quiz | 5 |
14.15.3 Add/Remove From Array | 1 |
14.15.4 Practice Push and Pop | 5 |
14.16 Array Length and Looping Through Arrays | |
14.16.1 Array Length and Looping Through Arrays | 1 |
14.16.2 Array Length and Looping Through Arrays Quiz | 5 |
14.16.3 Print Shopping List | 1 |
14.16.4 Sum Array | 1 |
14.16.5 Product of List | 5 |
14.16.6 Print Flight Itinerary | 5 |
14.16.7 Double List | 5 |
14.16.8 Evens Only List | 5 |
14.16.9 Reverse List | 5 |
Sign up for a free teacher account to get access to curriculum, teacher tools and teacher resources.
Teacher SignupSign up as a student if you are in a school and have a class code given to you by your teacher.
Student Signup