Coding Foundations
Free
What Coding Is
Start here with a calm explanation of coding as clear instructions for computers. You do not need to know everything yet. You only need one steady idea at a time.
Code
Computer
Instruction
Program
Preview lesson
4 practice exercises
Coding Foundations
Free
What Python Is
Learn what Python is at a calm beginner level so the language feels understandable before you worry about syntax or deeper programming lessons.
Code
Python
Syntax
Program
5 practice exercises
HTML Foundations
Starter
What HTML Is
Start the HTML Foundations track with a calm explanation of what HTML is, what job it has on a web page, and why beginners learn it early.
Browser
HTML
Markup
Tag
Preview lesson
5 practice exercises
HTML Foundations
Starter
Buttons, Inputs, and Labels
Learn what buttons, inputs, and labels do so beginner forms feel clearer, calmer, and easier to understand.
Input
Submit
User
Label
5 practice exercises
CSS Foundations
Starter
What CSS Is
Start the CSS Foundations track with a calm explanation of what CSS is, what job it has on a page, and how it differs from HTML structure.
CSS
Style
Appearance
Rule
Preview lesson
4 practice exercises
CSS Foundations
Starter
Style Your First Full Web Page
Finish the track by styling one simple web page with the text, spacing, classes, and layout ideas you already know.
Color
Spacing
Layout
CSS Class
4 practice exercises
JavaScript Foundations
Starter
What JavaScript Is
Understand what JavaScript adds to a web page and why it matters after HTML structure is already in place.
Browser
CSS
HTML
JavaScript
Preview lesson
4 practice exercises
JavaScript Foundations
Starter
Build your first tiny interactive page
Combine HTML, JavaScript values, events, and a simple DOM change into one approachable interactive page.
Function
JavaScript
Event
DOM
4 practice exercises
Python Starter Lab
Academy Plus
Python variables and print
Practice the first tiny Python patterns beginners see: saving a value and printing it back out.
Python
Variable
Output
Print
4 practice exercises
Coding Foundations
Free
Basic Coding Vocabulary
Meet the core words you will see in almost every beginner lesson.
Function
Keyword
Syntax
Variable
Preview lesson
3 practice exercises
Coding Foundations
Free
How websites, browsers, and servers work
Understand the simple request-and-response cycle behind websites.
Browser
HTML
Server
URL
Preview lesson
3 practice exercises
Coding Foundations
Free
Files, Folders, and File Extensions
Learn how files, folders, and familiar file endings help beginner projects feel clearer and less intimidating.
File Extension
Folder
File
Filename
5 practice exercises
Coding Foundations
Free
What HTML Does
Learn what HTML does at a calm beginner level so page structure feels understandable before you worry about deeper syntax.
HTML
Tag
Element
Web Page
5 practice exercises
Coding Foundations
Free
What CSS Does
Learn what CSS does at a calm beginner level so styling feels understandable before you worry about deeper syntax or layout systems.
CSS
Web Page
Style
Appearance
5 practice exercises
Coding Foundations
Free
What JavaScript Does
Learn what JavaScript does at a calm beginner level so behavior and interaction feel understandable before you worry about deeper scripting syntax.
Browser
JavaScript
Event
Web Page
5 practice exercises
Coding Foundations
Free
How Developers Use Editors
Learn what a code editor is at a calm beginner level so coding tools feel normal and manageable before you worry about setup or advanced workflows.
Editor
File
Project
Code Editor
5 practice exercises
Coding Foundations
Free
What Debugging Means
Learn what debugging means at a calm beginner level so mistakes feel manageable instead of intimidating.
Output
Mistake
Fix
Test
5 practice exercises
Coding Foundations
Free
How to Read Simple Code
Learn how to look at short code examples calmly, find familiar clues, and understand small parts without expecting instant mastery.
Syntax
Output
Instruction
Line
5 practice exercises
Coding Foundations
Free
How to Follow Small Coding Steps
Learn how to work through coding in short, controlled steps so progress feels calmer, clearer, and easier to trust.
Result
Step
Process
Task
5 practice exercises
Coding Foundations
Free
First Tiny Project
Finish one tiny beginner project by combining a few simple ideas you already know. The goal is not complexity. The goal is your first calm, real win.
Output
Project
Edit
Result
5 practice exercises
HTML Foundations
Starter
HTML Tags, Elements, and Structure
Learn the small building blocks of HTML pages in a calm, beginner-safe way so tags, elements, and structure feel manageable instead of intimidating.
Browser
Markup
Tag
Element
Preview lesson
5 practice exercises
HTML Foundations
Starter
Headings, Paragraphs, and Text
Learn how simple headings and paragraphs give page text a calm, readable structure from the very start.
Browser
Page
Structure
Content
5 practice exercises
HTML Foundations
Starter
Links and Images
Learn how links and images help a web page connect, guide, and show useful visual content without overwhelming the beginner.
Browser
Page
Content
Destination
5 practice exercises
HTML Foundations
Starter
Lists and Grouped Content
Learn how lists and grouped content help a page feel cleaner, easier to scan, and easier to understand from the very start.
Page
Structure
Content
Section
5 practice exercises
HTML Foundations
Starter
Page Structure and Semantic HTML Basics
Move from generic structure into meaningful structure with beginner-friendly semantic HTML.
Structure
Section
Layout
Semantic
5 practice exercises
HTML Foundations
Starter
Intro to Forms
Learn why forms exist on websites and how simple fields help pages collect information in a calm, beginner-friendly way.
Form
Input
Field
Submit
5 practice exercises
HTML Foundations
Starter
Common HTML Mistakes
Learn how to spot small HTML mistakes, fix broken markup calmly, and build beginner-friendly debugging habits one check at a time.
Attribute
Opening Tag
Closing Tag
Input
5 practice exercises
HTML Foundations
Starter
Reading a Simple HTML Page
Practice reading a small HTML page from top to bottom so tags, page parts, and familiar patterns feel more readable instead of overwhelming.
Tag
Element
Form
Heading
5 practice exercises
HTML Foundations
Starter
Editing an Existing HTML Snippet
Learn how to make small, safe changes to existing HTML so editing a snippet feels calmer than starting from a blank page.
Tag
Heading
Paragraph
Link
5 practice exercises
HTML Foundations
Starter
Planning a Tiny Web Page
Learn how to think through a tiny web page in plain language before writing HTML so building feels calmer, clearer, and more manageable.
Result
Step
Process
Task
5 practice exercises
HTML Foundations
Starter
Build Your First Simple Web Page
Assemble your first full tiny HTML page using familiar parts you already know so you can finish something real without turning it into a big stressful project.
Project
Structure
Content
Heading
5 practice exercises
CSS Foundations
Starter
Connecting CSS to HTML
Learn how a CSS file connects to an HTML page so styling feels attached, intentional, and easier to manage.
CSS
HTML
Source
Href
Preview lesson
4 practice exercises
CSS Foundations
Starter
Selectors and Simple Rules
Learn how CSS selects page parts and applies simple rules without making the styling process feel mysterious.
Rule
Selector
Declaration
Property
4 practice exercises
CSS Foundations
Starter
Colors, Fonts, and Text Styling
Use beginner-friendly CSS to change colors, font choices, and readable text presentation.
Style
Color
Font
Property
4 practice exercises
CSS Foundations
Starter
Backgrounds and Borders
Learn how backgrounds and borders help separate page areas and make layouts easier to understand visually.
Style
Appearance
Rule
Background
4 practice exercises
CSS Foundations
Starter
Margin, Padding, and Spacing
Learn the difference between margin and padding so spacing stops feeling random and starts feeling controllable.
Spacing
Layout
Margin
Padding
4 practice exercises
CSS Foundations
Starter
Classes and Reusable Styles
Use CSS classes to repeat styling on purpose instead of rewriting the same visual rule over and over.
HTML
Style
Rule
Selector
4 practice exercises
CSS Foundations
Starter
Width, Height, and Display Basics
Learn how size and display settings affect the way boxes and sections behave on a page.
Layout
Value
Width
Height
4 practice exercises
CSS Foundations
Starter
Layout Basics with Flexbox
Use Flexbox in a calm, beginner-safe way to arrange rows, columns, and spacing without jumping into complex layout theory.
Spacing
Layout
Display
Flexbox
4 practice exercises
CSS Foundations
Starter
Responsive Basics and Mobile Thinking
Understand how pages should adapt to smaller screens so responsive design feels practical instead of abstract.
Spacing
Layout
Width
Display
4 practice exercises
JavaScript Foundations
Starter
Variables and values
Learn how JavaScript stores information in named variables so it can be reused later.
JavaScript
Variable
String
Boolean
Preview lesson
4 practice exercises
JavaScript Foundations
Starter
Strings, numbers, and booleans
Meet three value types beginners see constantly in JavaScript: text, numbers, and true-or-false answers.
JavaScript
Variable
String
Boolean
4 practice exercises
JavaScript Foundations
Starter
Basic operators
Use simple JavaScript operators to combine, compare, and change values in readable beginner examples.
JavaScript
Variable
String
Boolean
4 practice exercises
JavaScript Foundations
Starter
Conditionals
Learn how JavaScript can choose between two paths based on whether a condition is true or false.
JavaScript
Variable
Boolean
Line
4 practice exercises
JavaScript Foundations
Starter
Functions
Learn how functions group instructions into reusable actions with names that make code easier to follow.
Function
JavaScript
Variable
Line
4 practice exercises
JavaScript Foundations
Starter
Events and user interaction
Connect user actions such as clicks to JavaScript responses so pages begin to feel interactive.
Browser
Function
JavaScript
Event
4 practice exercises
JavaScript Foundations
Starter
DOM basics
Meet the DOM as the browser's version of the page and learn why JavaScript can change it.
Browser
HTML
JavaScript
DOM
4 practice exercises
JavaScript Foundations
Starter
Debugging simple JavaScript
Practice fixing small JavaScript mistakes by reading code carefully and using the console as a clue tool.
JavaScript
Console
Line
Debugging
4 practice exercises
Python Starter Lab
Academy Plus
Python Starter Overview
Meet Python in a calm way after HTML and JavaScript, and learn why so many beginners use it for automation, scripts, tools, websites, and other real software work.
Editor
Function
HTML
JavaScript
Preview lesson
4 practice exercises
Python Starter Lab
Academy Plus
Editor Workspaces for Beginners
Learn what a code editor workspace is in calm beginner language so busy screens feel more familiar, files feel easier to manage, and small code changes feel less intimidating.
Editor
Folder
Terminal
File
4 practice exercises
Python Starter Lab
Academy Plus
Debugging for Python Starters
Learn how developers investigate problems calmly and step by step.
Syntax
Output
Mistake
Fix
4 practice exercises
Python Starter Lab
Academy Plus
Fixing simple Python bugs
Use small Python examples to practice spotting missing quotes, wrong names, and other beginner mistakes.
Syntax
Variable
Print
Line
4 practice exercises