Learn HTML, CSS, and JavaScript from Scratch

Course Overview

Learn to code and create your own web pages using HTML, CSS, and JavaScript in this interactive web development course for beginners. Instead of watching tedious videos and wondering how to translate those videos into real code, you'll be practicing what you learn through interactive... See More

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

Hide All

Hide All Lessons

1. Semantic Web Page Layout with HTML

What is HTML?

Attributes + Hyperlinking

Headings + Lists

Inline vs. Block Elements + Divs

id + class Attributes

The img Element

Delving into Semantics

HTML Tables

HTML Forms

2. Stylizing HTML Content using CSS

What is CSS?

Introduction to the Cascade

Basic CSS Selectors

Selector Combinations

The Box Model

Color

Font Styling + Webfonts

Text Alignment + Sizing

3. Introduction to Javascript, Basic Data Types + Operators

What is Javascript?

Numbers

Strings

Booleans

Undefined / Null

4. Javascript Program Flow + Data Structures

Program Flow: Functions

Program Flow: Conditional Statements

Program Flow: Loops

Data Structures: Arrays

Data Structures: Objects

Functions Are Just Variables

More on Objects and The "this" Keyword

5. Building Interactivity with DOM Manipulation

Accessing DOM Elements

Adding / Removing Elements

Modifying Element Attributes

Event Listeners

Modifying CSS

Building an Image Carousel

Building a To-Do List

Wrapping Up!