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