Sign in

💻 Coding & Technology

Learn to code with interactive lessons — type code and see it work instantly!

195 Lessons
12 Languages
🌐
HTML Basics

Your First HTML Tag

Every webpage in the world starts with HTML. You are about to write your very first line!

Beginner HTML
🎨
CSS Styling

Change the Color

CSS is the magic that makes webpages look beautiful. With just one line you can change any color!

Beginner CSS
JavaScript Fun

Make the Page React

JavaScript lets you make things HAPPEN on a page. Click a button, change the color, show a message — all with code!

Beginner JS
🐍
Python Basics

Hello Python

Python is one of the most popular coding languages in the world. It reads almost like English!

Beginner Python
🐘
PHP for Beginners

Hello PHP

PHP helps websites create content.

Beginner PHP
🏗️
Build Tiny Websites

My First Website

You are now a real web creator! Build your first website.

Beginner HTML
🧩
Logic & Problem Solving

What Is Logic?

Logic means thinking step by step, like a computer.

Beginner
📚
Coding Vocabulary

What Is Code?

Code is a set of instructions that tells a computer what to do.

Beginner
🌐
HTML Basics

Headings and Paragraphs

HTML has six different heading sizes — from the biggest h1 to the smallest h6. And paragraphs hold your body text.

Beginner HTML
🌐
HTML Basics

HTML Headings

Learn how websites create titles and section headings.

Beginner HTML
🎨
CSS Styling

Background Colors

Websites can have colorful backgrounds. Let's paint the page!

Beginner CSS
JavaScript Fun

Change The Message

JavaScript can change words on the page.

Beginner JS
🐍
Python Basics

Print Your Favorite Food

Python can print anything you want.

Beginner Python
🐘
PHP for Beginners

Meet David

PHP can display messages on webpages.

Beginner PHP
🏗️
Build Tiny Websites

About Me Website

Build a complete About Me website using HTML, CSS, and JavaScript.

Beginner HTML
🧩
Logic & Problem Solving

First, Then, Last

Put actions in the correct order.

Beginner
📚
Coding Vocabulary

What Is A Program?

A program is a collection of code working together.

Beginner
🌐
HTML Basics

Paragraphs

Most website text is written inside paragraph tags.

Beginner HTML
🎨
CSS Styling

Bigger Text

Make words giant or tiny using CSS.

Beginner CSS
JavaScript Fun

Make The Button Talk

Buttons can trigger actions.

Beginner JS
🐍
Python Basics

Print Multiple Lines

Programs can display lots of messages.

Beginner Python
🐘
PHP for Beginners

Multiple Messages

PHP can display many messages.

Beginner PHP
🏗️
Build Tiny Websites

Favorite Animal Website

Create a website for your favorite animal.

Beginner HTML
🧩
Logic & Problem Solving

Patterns

Patterns repeat in a predictable way.

Beginner
📚
Coding Vocabulary

What Is A Variable?

Variables are little boxes that remember information.

Beginner
🌐
HTML Basics

Bold and Strong Text

Make important text stand out.

Beginner HTML
🎨
CSS Styling

Center Everything

Move text to the center of the page.

Beginner CSS
JavaScript Fun

Change Background Color

JavaScript can repaint the page.

Beginner JS
🐍
Python Basics

My Favorite Things

Tell Python about things you like.

Beginner Python
🐘
PHP for Beginners

PHP Variables

Variables remember information.

Beginner PHP
🏗️
Build Tiny Websites

David Fan Club

Build a fan page for David.

Beginner HTML
🧩
Logic & Problem Solving

Find The Missing Pattern

Look carefully and find what comes next.

Beginner
📚
Coding Vocabulary

What Is A Function?

Functions are reusable instructions.

Beginner
🌐
HTML Basics

Line Breaks

Move text onto a new line.

Beginner HTML
🎨
CSS Styling

Style David's Picture

CSS can style images too.

Beginner CSS
JavaScript Fun

Make David Bigger

JavaScript can resize things.

Beginner JS
🐍
Python Basics

Meet David

Create a mini introduction.

Beginner Python
🐘
PHP for Beginners

Favorite Food

Store your favorite food in a variable.

Beginner PHP
🏗️
Build Tiny Websites

Superhero Profile

Create your own superhero website.

Beginner HTML
🧩
Logic & Problem Solving

True Or False

Computers often ask yes or no questions.

Beginner
📚
Coding Vocabulary

What Is A Loop?

Loops repeat actions.

Beginner
🌐
HTML Basics

Lists

Lists help organize information.

Beginner HTML
🎨
CSS Styling

Round Corners

Rounded corners make websites look modern.

Beginner CSS
JavaScript Fun

Hide And Show

JavaScript can hide things.

Beginner JS
🐍
Python Basics

Python Numbers

Python can work with numbers.

Beginner Python
🐘
PHP for Beginners

PHP Numbers

Variables can store numbers too.

Beginner PHP
🏗️
Build Tiny Websites

Birthday Invitation

Build a real birthday invitation with HTML, CSS, and JavaScript.

HTML
🧩
Logic & Problem Solving

If This, Then That

If something happens, then something else happens.

Beginner
📚
Coding Vocabulary

What Is A Bug?

Bugs are mistakes in code.

Beginner
🌐
HTML Basics

Links

Links connect pages together.

Beginner HTML
🎨
CSS Styling

Button Designer

Make a cool button using colors and CSS.

Beginner CSS
JavaScript Fun

Change David Picture Border

JavaScript can style pictures too.

Beginner JS
🐍
Python Basics

Adding Numbers

Python can do math for you.

Beginner Python
🐘
PHP for Beginners

PHP Math

PHP can do math for you.

Beginner PHP
🏗️
Build Tiny Websites

Pet Adoption Page

Help a cute pet find a home.

HTML
🧩
Logic & Problem Solving

If Else Choices

Sometimes there are two possible choices.

Beginner
📚
Coding Vocabulary

What Is Debugging?

Debugging means fixing bugs.

Beginner
🌐
HTML Basics

Images

Images make websites exciting.

Beginner HTML
🎨
CSS Styling

Borders

Borders create outlines around elements.

Beginner CSS
JavaScript Fun

Magic Greeting Generator

Make a greeting appear instantly.

JS
🐍
Python Basics

Subtract Numbers

Python can subtract too.

Beginner Python
🐘
PHP for Beginners

Hello Variable

Combine text and variables.

Beginner PHP
🏗️
Build Tiny Websites

My Favorite Foods

Build a website showing your favorite foods.

HTML
🧩
Logic & Problem Solving

Loop It Again

Loops repeat instructions.

Beginner
📚
Coding Vocabulary

What Is HTML?

HTML builds webpages.

Beginner
🌐
HTML Basics

Buttons

Buttons let visitors click and interact.

Beginner HTML
🎨
CSS Styling

David Profile Card

Build your first styled profile card.

CSS
JavaScript Fun

Lucky Number Generator

Computers can create random numbers.

JS
🐍
Python Basics

Multiply Numbers

Python is great at multiplication.

Beginner Python
🐘
PHP for Beginners

If Statements

PHP can make choices.

PHP
🏗️
Build Tiny Websites

Interactive Greeting Card

Build a greeting card with JavaScript.

HTML
🧩
Logic & Problem Solving

Count With A Loop

Loops can count numbers.

Beginner
📚
Coding Vocabulary

What Is CSS?

CSS makes webpages beautiful.

Beginner
🌐
HTML Basics

Build Your First Profile Card

Combine multiple HTML elements into a mini project.

HTML
🎨
CSS Styling

Rainbow Text

Text can be colorful and fun.

Beginner CSS
JavaScript Fun

David Mood Changer

JavaScript can change how things look.

JS
🐍
Python Basics

David The Robot

Pretend David is a robot talking to you.

Beginner Python
🐘
PHP for Beginners

If Else

PHP can choose between two answers.

PHP
🏗️
Build Tiny Websites

Mini Quiz Website

Build a mini quiz with a question, answer choices, colors, and JavaScript feedback.

HTML
🧩
Logic & Problem Solving

Fix The Steps

Find the mistake in the order.

📚
Coding Vocabulary

What Is JavaScript?

JavaScript makes webpages interactive.

Beginner
🌐
HTML Basics

HTML Page Structure

Real websites are built using a structure. Let's learn the basic skeleton of every webpage.

Beginner HTML
🎨
CSS Styling

My First Styled Website

Use everything you learned to style a webpage.

CSS
JavaScript Fun

My First Interactive Page

Build your first interactive webpage.

JS
🐍
Python Basics

My First Python Story

Build a tiny story with Python.

Python
🐘
PHP for Beginners

PHP Arrays

Arrays store many things together.

PHP
🏗️
Build Tiny Websites

Mini Game Website

Build a tiny score game using HTML, CSS, and JavaScript.

HTML
🧩
Logic & Problem Solving

Choose The Best Rule

Pick the rule that makes sense.

📚
Coding Vocabulary

What Is Input?

Input is information given to a computer.

Beginner
🌐
HTML Basics

Page Titles

Every website has a title that appears in the browser tab.

Beginner HTML
🎨
CSS Styling

Text Colors

Every word on a website can have its own color.

Beginner CSS
JavaScript Fun

Make Text Disappear

JavaScript can make things vanish.

Beginner JS
🐍
Python Basics

Lucky Number Generator

Python can generate random numbers.

Python
🐘
PHP for Beginners

Random Animal

PHP can pick random things.

PHP
🏗️
Build Tiny Websites

Coding Champion Project

Your biggest project yet!

HTML
🧩
Logic & Problem Solving

Robot Instructions

Pretend David is a robot. Give clear instructions.

📚
Coding Vocabulary

What Is Output?

Output is information a computer shows back.

Beginner
🌐
HTML Basics

Meta Descriptions

Meta descriptions help search engines understand your website.

HTML
🎨
CSS Styling

Funny Fonts

Fonts change how words look.

Beginner CSS
JavaScript Fun

Show Hidden Treasure

JavaScript can reveal hidden things.

Beginner JS
🐍
Python Basics

My First Python Project

Use everything you learned together.

Python
🐘
PHP for Beginners

David Badge Generator

Create a simple badge message.

PHP
🧩
Logic & Problem Solving

Maze Thinking

Solve a path one step at a time.

📚
Coding Vocabulary

What Is A Website?

Websites are collections of webpages.

Beginner
🌐
HTML Basics

Horizontal Lines

Horizontal lines help separate sections of a webpage.

Beginner HTML
🎨
CSS Styling

Make Text Bold

CSS can make text bold.

Beginner CSS
JavaScript Fun

Change The Picture Size

JavaScript can resize images instantly.

Beginner JS
🐍
Python Basics

Python Text And Numbers

Python can print words and numbers together.

Beginner Python
🐘
PHP for Beginners

My First PHP Project

Build a mini dynamic webpage.

PHP
🧩
Logic & Problem Solving

Spot The Bug

Find the instruction that does not belong.

📚
Coding Vocabulary

What Is A Database?

Databases remember information.

🌐
HTML Basics

HTML Comments

Comments are notes that only programmers can see.

Beginner HTML
🎨
CSS Styling

Add Shadows

Shadows make websites look magical.

Beginner CSS
JavaScript Fun

Rainbow Page

Make your page colorful.

Beginner JS
🐍
Python Basics

Count With Python

Python can count with you.

Beginner Python
🐘
PHP for Beginners

PHP Line Breaks

PHP can print text on different lines.

Beginner PHP
🧩
Logic & Problem Solving

Logic Challenge: Reward Rules

Use logic to decide if a reward is unlocked.

📚
Coding Vocabulary

Coding Vocabulary Master

Review everything you learned.

🌐
HTML Basics

Create Your About Me Page

Now it's time to build a complete About Me page.

HTML
🎨
CSS Styling

Rainbow Background

Backgrounds can use gradients.

Beginner CSS
JavaScript Fun

David Says Hello

Make David talk.

Beginner JS
🐍
Python Basics

Simple Variables

Variables are like little boxes that remember things.

Beginner Python
🐘
PHP for Beginners

PHP Favorite Color

Use PHP to remember your favorite color.

Beginner PHP
🧩
Logic & Problem Solving

Final Logic Mission

Use patterns, rules, loops, and debugging together.

📚
Coding Vocabulary

Data Types

Computers store different kinds of information. These different kinds are called data types.

Beginner
🌐
HTML Basics

Build A Favorite Things Page

Create a page about your favorite things.

HTML
🎨
CSS Styling

Hover Magic

Things can change when the mouse touches them.

CSS
JavaScript Fun

Emoji Generator

Computers can generate surprises.

JS
🐍
Python Basics

Favorite Color Variable

Use a variable to remember your favorite color.

Beginner Python
🐘
PHP for Beginners

PHP Add Points

PHP can add points like a game.

Beginner PHP
📚
Coding Vocabulary

Algorithms

Algorithms are step-by-step instructions used to solve a problem.

Beginner
🌐
HTML Basics

Build A David Fan Page

Create a fun fan page for David.

HTML
🎨
CSS Styling

Animated Button

Buttons can animate and grow.

CSS
JavaScript Fun

Lucky Animal Generator

Generate a random animal.

JS
🐍
Python Basics

Say Hello With A Variable

Python can use variables inside messages.

Beginner Python
🐘
PHP for Beginners

PHP Score Message

Show a score message using PHP.

Beginner PHP
📚
Coding Vocabulary

Abstraction

Abstraction means hiding complicated details so things are easier to understand.

🎨
CSS Styling

David Trading Card

Create a cool trading card for David.

CSS
JavaScript Fun

Mini Click Counter

Count clicks using JavaScript.

JS
🐍
Python Basics

Add With Variables

Variables can store numbers too.

Beginner Python
🐘
PHP for Beginners

PHP Winner Check

Use PHP to check if someone won.

PHP
📚
Coding Vocabulary

Artificial Intelligence

Artificial Intelligence helps computers learn, solve problems, and make decisions.

🎨
CSS Styling

Build A Superhero Card

Build your own superhero profile card.

CSS
JavaScript Fun

Create A Celebration

Celebrate achievements with JavaScript.

JS
🐍
Python Basics

Python Animal Sound

Make Python print animal sounds.

Beginner Python
🐘
PHP for Beginners

PHP Badge List

Display badges using PHP.

PHP
📚
Coding Vocabulary

Binary

Binary is the special language computers use to store information.

🎨
CSS Styling

CSS Master Project

Your final CSS challenge!

CSS
JavaScript Fun

Build A Fun Interactive Page

Combine colors, text and images into one project.

JS
🐍
Python Basics

If Statements

Python can make choices.

Python
🐘
PHP for Beginners

PHP Loop Badges

Use a loop to show many badges.

PHP
📚
Coding Vocabulary

Bits

Bits are the smallest pieces of information a computer can store.

🐍
Python Basics

If Else Choices

Python can choose between two answers.

Python
🐘
PHP for Beginners

PHP Random Compliment

Make PHP say something nice.

PHP
📚
Coding Vocabulary

Blocks

Blocks are groups of instructions that work together.

🐍
Python Basics

Repeat With A Loop

Loops help Python repeat actions.

Python
🐘
PHP for Beginners

PHP Mini Quiz

Build a tiny quiz with PHP.

PHP
📚
Coding Vocabulary

Camel Case

Camel case is a popular way programmers name things in code.

🐍
Python Basics

Count With A Loop

Python can count using loops.

Python
🐘
PHP for Beginners

PHP Certificate Message

Create a certificate-style message.

PHP
📚
Coding Vocabulary

Click

Clicking is one of the most common ways people interact with computers.

Beginner
🐍
Python Basics

Python Joke Machine

Build a tiny joke machine.

Python
🐘
PHP for Beginners

PHP Greeting Card

Build a simple greeting card using PHP output.

PHP
📚
Coding Vocabulary

Cloud Computing

The cloud allows information and programs to be stored on the internet.

🐍
Python Basics

Python Mini Quiz

Create a tiny quiz question.

Python
🐘
PHP for Beginners

PHP Random Prize

Make PHP pick a random prize.

PHP
📚
Coding Vocabulary

Coding

Coding is the process of writing instructions for computers.

Beginner
🐍
Python Basics

Random Animal Picker

Let Python pick a random animal.

Python
🐘
PHP for Beginners

PHP Points Level

Use PHP to decide a player level.

PHP
📚
Coding Vocabulary

Command

A command is an instruction given to a computer.

Beginner
🐍
Python Basics

Random Compliment

Make Python say something nice.

Python
🐘
PHP for Beginners

PHP Profile Page

Build a simple profile page with PHP.

PHP
📚
Coding Vocabulary

Conditional

Conditionals help computers make decisions.

🐍
Python Basics

Python Adventure Story

Build a tiny adventure with choices.

Python
🐘
PHP for Beginners

PHP Final Project

Create a tiny dynamic reward page.

PHP
📚
Coding Vocabulary

Cybersecurity

Cybersecurity helps keep computers, websites, and people safe online.

🐍
Python Basics

Python Badge Calculator

Use Python math to calculate points.

Python
📚
Coding Vocabulary

Data

Data is information that computers store and use.

🐍
Python Basics

Python Final Project

Create a fun program using words, numbers, variables, and random choices.

Python
📚
Coding Vocabulary

Decomposition

Decomposition means breaking a big problem into smaller pieces.

📚
Coding Vocabulary

Digital Citizen

Digital citizens use technology safely, respectfully, and responsibly.

📚
Coding Vocabulary

Digital Footprint

Everything you do online can leave a digital footprint.

📚
Coding Vocabulary

DNS

DNS helps computers find websites on the internet.

📚
Coding Vocabulary

Internet

The internet connects computers and devices around the world.

Beginner
📚
Coding Vocabulary

Machine Learning

Machine learning helps computers learn from data.

📚
Coding Vocabulary

Packet

Packets help information travel across the internet.

📚
Coding Vocabulary

Sprite

Sprites are pictures used in games to represent characters, objects, and items.

📚
Coding Vocabulary

WiFi

WiFi allows devices to connect to the internet without cables.

Beginner
📚
Coding Vocabulary

Sequence

Sequences are instructions that happen in a specific order.

Beginner
📚
Coding Vocabulary

Array

Arrays store many pieces of information together.

📚
Coding Vocabulary

Boolean

Booleans store true or false values.

📚
Coding Vocabulary

Class

Classes help programmers organize objects and information.

📚
Coding Vocabulary

ID

An ID helps identify a specific item.

Beginner
📚
Coding Vocabulary

Computer Science

Computer science is the study of computers, software, and problem solving.

📚
Coding Vocabulary

Computer Program

A computer program is a collection of instructions that performs a task.

Beginner