Please enable JavaScript to use CodeHS

California Software and Systems Development I

View Syllabus Overview
Getting Started - What is the Web?

1.1 What is the Web?

Description

Objective

1.2 The Internet

Description

Objective

1.3 Browsers

Description

Objective

1.4 Viewing Websites

Description

Objective

1.5 The Rise of E-Commerce

Description

Objective

1.6 Getting Started - What is the Web? Quiz

Description

Objective

HTML - Structuring Websites

2.1 Introduction to HTML

Description

Objective

2.2 Structure of an HTML Page

Description

Objective

2.3 Formatting Text

Description

Objective

2.4 Links

Description

Objective

2.5 Images

Description

Objective

2.6 Image Maps

Description

Objective

2.7 Copyright

Description

Objective

2.8 HTML Lists

Description

Objective

2.9 HTML Tables

Description

Objective

2.10 HTML Styling

Description

Objective

2.11 HTML Colors

Description

Objective

2.12 Other Markup Languages

2.13 HTML - Structuring Websites Quiz

Description

Objective

CSS - Styling Websites

3.1 Introduction to CSS

Description

Objective

3.2 CSS Select by Tag

Description

Objective

3.3 CSS Select by Class

Description

Objective

3.4 CSS Select by ID

Description

Objective

3.5 The Cascade

Description

Objective

3.6 Multi-file Websites

Description

Objective

3.7 CSS - Styling Websites Quiz

Description

Objective

Advanced HTML and CSS

4.1 Getting Started - Advanced HTML and CSS

Description

Objective

4.2 Multi-file Websites

Description

Objective

4.3 Embedding iframes

Description

Objective

4.4 Divs

Description

Objective

4.5 Spans

Description

Objective

4.6 Semantic Tags

Description

Objective

4.7 Audio and Video Tags

Description

Objective

4.8 Combining CSS Selectors

Description

Objective

4.9 The Don't Repeat Yourself Principle

Description

Objective

4.10 Special Selectors

Description

Objective

4.11 Visibility

Description

Objective

4.12 Reading Documentation

Description

Objective

4.13 Using the Inspector

Description

Objective

4.14 The Box Model

Description

Objective

4.15 Position Properties and Z-index

4.16 Image Manipulation

Description

Objective

4.17 Animation

Description

Objective

4.18 Interaction

Description

Objective

4.19 Sitemaps and Information Architecture

Description

Objective

4.20 Advanced HTML and CSS Quiz

Description

Objective

Project - Create Your Homepage

5.1 Media Encoding and Design Tools

Description

Objective

5.2 Visual Design Principles

Description

Objective

5.3 Software Development Life Cycle

Description

Objective

5.4 Homepage: Your First Website

Description

Objective

Introduction to JavaScript

6.1 Hello World

Description

Objective

6.2 Variables

Description

Objective

6.3 User Input

Description

Objective

6.4 Basic Math

Description

Objective

6.5 Random Numbers

Description

Objective

6.6 Basic Functions

Description

Objective

6.7 Booleans

Description

Objective

6.8 If/Else Statements

Description

Objective

6.9 Logical Operators

Description

Objective

6.10 Comparison Operators

Description

Objective

6.11 While Loops

Description

Objective

6.12 The Break Statement

Description

Objective

6.13 For Loops

Description

Objective

6.14 Parameters

Description

Objective

6.15 Return Values

Description

Objective

6.16 Default Parameter Values

Description

Objective

6.17 Intro to Arrays

Description

Objective

6.18 Adding & Removing from an Array

Description

Objective

6.19 Iterating Through an Array

Description

Objective

6.20 JavaScript Basics Quiz

Description

Objective

Using JavaScript Libraries

7.1 Introduction to jQuery

Description

Objective

7.2 Iterating with jQuery

Description

Objective

7.3 Animations with jQuery

Description

Objective

7.4 Callback Functions and Synchronization

Description

Objective

7.5 Using Multiple Files in JavaScript

Description

Objective

7.6 Data Visualization with JavaScript

Description

Objective

7.7 Using JavaScript Libraries Quiz

Description

Objective

Using JavaScript in Webpages

8.1 JavaScript Syntax Update

Description

Objective

8.2 The Script Tag

Description

Objective

8.3 Using the DOM

Description

Objective

8.4 Creating Elements Using the DOM

Description

Objective

8.5 Styling Elements Using Javascript

Description

Objective

8.6 Functions in HTML

Description

Objective

8.7 This Keyword

Description

Objective

8.8 Challenge: Make a Keyboard

Description

Objective

8.9 Keyboard Interactions

Description

Objective

8.10 JavaScript Animations

Description

Objective

8.11 Positioning and Animations

Description

Objective

8.12 Collecting and Storing Data

Description

Objective

8.13 Storing Data with Local Storage

Description

Objective

8.14 JavaScript Objects

Description

Objective

8.15 Using Input Fields

Description

Objective

8.16 Challenge: Create a Survey

Description

Objective

8.17 Introduction to JavaScript in HTML Quiz

Description

Objective

How to Build and Maintain a Website

9.1 Choosing a Domain Name

Description

Objective

9.2 Hosting Your Website

Description

Objective

9.3 Using a CMS

Description

Objective

9.4 What is Web Optimization?

Description

Objective

9.5 Optimizing Web Information

Description

Objective

9.6 Web Accessibility

Description

Objective

9.7 Web Security

Description

Objective

9.8 CIA Triad

Description

Objective

9.9 How to Build and Maintain a Website Quiz

Description

Objective

Bootstrap

10.1 What is Bootstrap?

Description

Objective

10.2 Getting Started with Bootstrap

Description

Objective

10.3 The Bootstrap Grid System

Description

Objective

10.4 Bootstrap Components

Description

Objective

10.5 More Bootstrap Components

Description

Objective

10.6 Navigation Bars

Description

Objective

10.7 Drop Down Menus

Description

Objective

10.8 Using Bootstrap Examples

Description

Objective

10.9 Bootstrap Challenges

Description

Objective

10.10 Bootstrap Quiz

Description

Objective

Bootstrap Project

11.1 Bootstrap Project

Description

Objective

Designing User Interfaces

12.1 Intro to Design Thinking

Description

Objective

12.2 Empathy

Description

Objective

12.3 Define

Description

Objective

12.4 Ideate

Description

Objective

12.5 Prototype

Description

Objective

12.6 Test

Description

Objective

12.7 Designing User Interfaces Quiz

Description

Objective

Final Project

13.1 Project Overview

Description

Objective

13.2 Planning Your Site

Description

Objective

13.3 Creating Your Site

Description

Objective

13.4 Presenting Your Project

Description

Objective