Please enable JavaScript to use CodeHS

View this course in Spanish

Florida Foundations of Web Design

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 Viewing Websites

Description

Objective

1.4 Browsers

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 Software Development Life Cycle

Description

Objective

5.2 Homepage: Your First Website

Description

Objective

JavaScript Basics

6.1 Hello World

Description

Objective

6.2 Variables

Description

Objective

6.3 User Input

Description

Objective

6.4 Basic Math in JavaScript

Description

Objective

6.5 Booleans

Description

Objective

6.6 Logical Operators

Description

Objective

6.7 Comparison Operators

Description

Objective

6.8 If Statements

Description

Objective

6.9 For Loops in JavaScript

Description

Objective

6.10 Functions and Parameters 1

Description

Objective

6.11 Functions and Parameters 2

Description

Objective

6.12 Functions and Return Values 1

Description

Objective

6.13 Intro to Lists/Arrays

Description

Objective

6.14 Indexing Into an Array

Description

Objective

6.15 Adding/Removing From an Array

Description

Objective

6.16 Array Length and Looping Through Arrays

Description

Objective

Introduction to JavaScript in HTML

7.1 JavaScript Syntax Update

Description

Objective

7.2 The Script Tag

Description

Objective

7.3 Using the DOM

Description

Objective

7.4 Creating Elements Using the DOM

Description

Objective

7.5 Styling Elements Using Javascript

Description

Objective

7.6 Functions in HTML

Description

Objective

7.7 This Keyword

Description

Objective

7.8 Challenge: Make a Keyboard

Description

Objective

7.9 Keyboard Interactions

Description

Objective

7.10 JavaScript Animations

Description

Objective

7.11 Positioning and Animations

Description

Objective

7.12 Introduction to JavaScript in HTML Quiz

Description

Objective

Using JavaScript Libraries

8.1 Introduction to jQuery

Description

Objective

8.2 Iterating with jQuery

Description

Objective

8.3 Animations with jQuery

Description

Objective

8.4 Callback Functions and Synchronization

Description

Objective

8.5 Using Multiple Files in JavaScript

Description

Objective

8.6 Data Visualization with JavaScript

Description

Objective

8.7 Using JavaScript Libraries Quiz

Description

Objective

Project - Build an Interactive Resume!

9.1 Creating a Resume

Description

Objective

9.2 Layout and Web Design Theory

Description

Objective

9.3 Interactive Resume Development

Description

Objective

Collecting and Storing Data

10.1 Collecting and Storing Data

Description

Objective

10.2 Storing Data with Local Storage

Description

Objective

10.3 Storing Data Structures with Local Storage

Description

Objective

10.4 JavaScript Objects

Description

Objective

10.5 Using Input Fields

Description

Objective

10.6 Challenge: Create a Survey

Description

Objective

10.7 Storing Data with Firebase

Description

Objective

10.8 Traversing Data with Firebase

Description

Objective

10.9 Challenge: Collecting User Clicks

Description

Objective

10.10 For/In Loops

Description

Objective

10.11 Using APIs

Description

Objective

10.12 Server-side Languages

Description

Objective

10.13 Storing and Collecting Data Quiz

Description

Objective

Project: Collecting Data

11.1 Define Your Product

Description

Objective

11.2 Develop Hypotheses

Description

Objective

11.3 Creating Your Data Collection Website

Description

Objective

11.4 Collecting User Data

Description

Objective

11.5 Analyzing User Data

Description

Objective

11.6 Making Decisions

Description

Objective

Bootstrap

12.1 What is Bootstrap?

Description

Objective

12.2 Getting Started with Bootstrap

Description

Objective

12.3 The Bootstrap Grid System

Description

Objective

12.4 Bootstrap Components

Description

Objective

12.5 More Bootstrap Components

Description

Objective

12.6 Navigation Bars

Description

Objective

12.7 Drop Down Menus

Description

Objective

12.8 Using Bootstrap Examples

Description

Objective

12.9 Bootstrap Challenges

Description

Objective

12.10 Bootstrap Quiz

Description

Objective

How to Build and Maintain a Website

13.1 Choosing a Domain Name

Description

Objective

13.2 Hosting Your Website

Description

Objective

13.3 Using a CMS

Description

Objective

13.4 What is Web Optimization?

Description

Objective

13.5 Optimizing Web Information

Description

Objective

13.6 Web Accessibility

Description

Objective

13.7 Web Security

Description

Objective

13.8 CIA Triad

Description

Objective

13.9 How to Build and Maintain a Website Quiz

Description

Objective

Final Project

14.1 Project Overview

Description

Objective

14.2 Planning Your Site

Description

Objective

14.3 Creating Your Site

Description

Objective

14.4 Presenting Your Project

Description

Objective