🌐

Web Builders

CSTA Level 1B · Grades 3-5 · Ages 8-11

HTML, CSS, JavaScript basics with digital citizenship. Built for CSTA Level 1B (Grades 3-5).

Lessons

Weeks

CSTA Standards

550

Total Minutes

Curriculum

How the Web Works

Ever wondered how a webpage appears on your screen? 🌐

1B-CS-011B-CS-021B-NI-04

45 min

Learning Objectives

Describe how computers use input, processing, and output
Explain how browsers fetch pages from servers
Understand that data travels in packets across the internet

HTML Building Blocks

Learn the tags that build every webpage 🧱

1B-AP-11

45 min

Learning Objectives

Identify and use common HTML tags (h1-h6, p, img, a)
Understand how tags nest inside each other
Structure a webpage with semantic HTML

CSS Style & Design

Make your pages beautiful with colors and fonts ✨

1B-AP-13

45 min

Learning Objectives

Apply CSS properties like color, font-size, and background-color
Plan a design before coding it
Use CSS selectors to target specific elements

Variables: Storing Information

Learn how programs remember things 📦

1B-AP-09

45 min

Learning Objectives

Create variables to store different types of data
Understand the difference between strings, numbers, and booleans
Use variables to display dynamic content

Events: Making Pages Interactive

Make your pages respond to clicks and typing! 🖱️

1B-AP-10

45 min

Learning Objectives

Understand what events are in web pages
Use onclick to make buttons respond to clicks
Create interactive elements that respond to user input

Conditionals: Smart Decisions

Teach your code to make decisions! 🤔

1B-AP-10

45 min

Learning Objectives

Use if/else statements to make decisions in code
Compare values using operators like >, <, ===
Create programs that respond differently based on conditions

Loops & Repetition

Make your code do things over and over! 🔄

1B-AP-10

45 min

Learning Objectives

Use for loops to repeat code a specific number of times
Understand the loop counter variable
Know when to use loops vs writing code manually

Debugging & Testing

Find and fix errors like a coding detective! 🔍

1B-AP-15

45 min

Learning Objectives

Identify common types of bugs (syntax, logic, runtime)
Use systematic debugging strategies
Test code with different inputs to find errors

Your Digital Footprint

Learn what stays online and how to protect yourself 🛡️

1B-NI-051B-IC-18🛡️ Private vs personal information🛡️ Digital trails🛡️ Online safety

45 min

Learning Objectives

Understand what a digital footprint is
Distinguish between private and personal information
Describe basic cybersecurity practices

Being a Good Digital Citizen

Learn to be respectful, creative, and responsible online 🤝

1B-IC-191B-IC-201B-IC-21🛡️ Attribution🛡️ Accessibility🛡️ Diverse perspectives

45 min

Learning Objectives

Understand the importance of crediting others' work
Make digital content accessible to everyone
Seek and value diverse perspectives when creating

Remix & Build

Learn to modify and improve existing code 🔄

1B-AP-121B-AP-08

45 min

Learning Objectives

Modify an existing program to add new features
Compare two approaches to solving the same problem
Understand the value of remixing and iterating on code

Capstone: My Portfolio Website

Build your complete portfolio from scratch! 🏆

1B-AP-081B-AP-17

55 min

Learning Objectives

Plan and build a complete multi-section website
Combine HTML, CSS, and JavaScript skills
Present and describe your work to others

CSTA Standards Covered

1B-CS-011B-CS-021B-NI-041B-AP-111B-AP-131B-AP-091B-AP-101B-AP-151B-NI-051B-IC-181B-IC-191B-IC-201B-IC-211B-AP-121B-AP-081B-AP-17

Standards source: CSTA K-12 Computer Science Standards (Revised 2017). View full crosswalk

🛡️ Digital Citizenship

• Private vs personal information
• Digital trails
• Online safety
• Attribution
• Accessibility
• Diverse perspectives

Bring Web Builders to Your School

Start with a free 4-week pilot — no cost, no commitment. We provide the platform, curriculum, and teacher vetting.

Learn About the Pilot Program