Start here

Welcome

You can already play the keyboard, and you know your notes and chords by shape and by ear. This tutor fills in the part that usually gets skipped: why those notes and chords work the way they do.

Everything here is hands-on. Every keyboard diagram is clickable and will actually play the note through your speakers, so play along on your own keyboard as you go.

How the three chapters build on each other:
  • Chapter 1 (1–9) — steps, intervals, scales, key signatures, triads, diatonic harmony, progressions and voice leading. The full foundation.
  • Chapter 2 (10–13) — seventh chords, inversions, modes, and secondary/borrowed chords: the tools that make harmony richer and more colorful.
  • Chapter 3 (14–16) — the same theory, applied to house music: chord loops, basslines, and arrangement.

Every lesson ends with a Quick Check question you can retake as many times as you like — the numbers and choices are freshly generated each time. Each chapter also ends with a short Chapter Test pulling one question from every lesson in that chapter, also regenerated on every attempt.

Work through them in order the first time — each lesson assumes the one before it. Click a note or chip below to hear it, and click "1 · Half & Whole Steps" in the sidebar to begin.

Foundations

1 · Half Steps & Whole Steps

Music theory measures distance between notes in steps, not letters. On a keyboard this is easy to see because every key — white or black — is the same distance from its neighbor.

  • Half step (semitone): the distance from any key to the very next key, white or black, with nothing in between. C to C#, or E to F.
  • Whole step (tone): two half steps. C to D, or E to F#.

Note the two spots on the keyboard where there's no black key between two white keys: B–C and E–F. Those are already a half step apart, naturally.

starting note step target

Try it: click any white or black key below, then click the button to reveal what's a half step and a whole step above it.

Selected note: C4
your note half step above whole step above
Quick check
Foundations

2 · Intervals

An interval is just the distance between two notes, given a name. The name has two parts: a number (how many letter-names the notes span, counting both ends) and a quality (major, minor, perfect, etc.), which tells you exactly how many half steps that is.

Half stepsInterval nameExample (from C)
0Perfect UnisonC → C
1minor 2ndC → Db
2Major 2ndC → D
3minor 3rdC → Eb
4Major 3rdC → E
5Perfect 4thC → F
6Tritone (Aug 4th / dim 5th)C → F#
7Perfect 5thC → G
8minor 6thC → Ab
9Major 6thC → A
10minor 7thC → Bb
11Major 7thC → B
12Perfect OctaveC → C

The Major 3rd and minor 3rd are the two you'll use constantly — they're what separates a major chord from a minor chord (Lesson 6).

Try it: click one key to set the bottom note, then click a second key. The app will name the interval between them.

Click a note to begin.
bottom note top note
Quick check
Scales

3 · The Major Scale

Every major scale — no matter what note it starts on — is built from the exact same recipe of whole (W) and half (H) steps:

W – W – H – W – W – W – H

Start on any note, apply that pattern, and you get a major scale. That's the entire rule. Sharps and flats appear automatically wherever the pattern needs a half step but the "natural" white keys don't provide one.

1 (tonic) 2–7 8 (octave)
Note names like "Db" vs "C#" refer to the same key on the keyboard — this is called an enharmonic equivalent. Which spelling you use depends on the key you're in (more in Lesson 4).
Quick check
Scales

4 · Key Signatures & the Circle of Fifths

Instead of writing sharps or flats in front of individual notes every time, a piece of music declares them once at the start as a key signature. The Circle of Fifths is a map of every major key, arranged so that each key clockwise adds one sharp, and each key counter-clockwise adds one flat.

  • Order sharps appear in: F# C# G# D# A# E# B# ("Father Charles Goes Down And Ends Battle")
  • Order flats appear in: Bb Eb Ab Db Gb Cb Fb — the exact reverse.

C major

Click any key on the wheel. Straight up (C) has no sharps or flats — the only major scale that's all white keys.
Quick check
Scales

5 · Minor Scales

Every major key has a relative minor: a minor scale made of the exact same notes, just starting on the 6th degree of the major scale instead of the 1st. C major and A minor share every note — they're relatives.

NaturalW-H-W-W-H-W-W
Harmonicraised 7th
Melodic (asc.)raised 6th & 7th
Why three minor scales? The natural minor is the "pure" relative-minor scale. Harmonic minor raises the 7th note by a half step so the scale has a strong pull back to the tonic (like major keys do). Melodic minor smooths out the awkward gap that creates, but only going up — coming back down, melodic minor is usually just played as the natural minor.
Quick check
Harmony

6 · Building Triads

A triad is the simplest chord: three notes stacked in thirds — a root, a note a third above it, and another note a third above that. The size of those two thirds (major = 4 half steps, minor = 3 half steps) determines the chord's quality:

QualityInterval stackSound
MajorMajor 3rd + minor 3rdbright, resolved
minorminor 3rd + Major 3rddarker, resolved
diminishedminor 3rd + minor 3rdtense, unstable
augmentedMajor 3rd + Major 3rduneasy, floating
root 3rd 5th
Quick check
Harmony

7 · Diatonic Chords

If you build a triad on every note of a major scale — using only notes that already belong to that scale — you get seven chords that all "belong" to the key. This is called harmonizing the scale, and it's why certain chords always show up together in songs written in the same key.

Each chord gets a Roman numeral for its scale degree. Upper-case = major, lower-case = minor, lower-case with a ° = diminished:

I   ii   iii   IV   V   vi   vii°

The big three: I, IV and V are the three major chords in every key, and together they can harmonize the majority of simple melodies — that's the entire theory behind a huge amount of pop, folk and blues.
Quick check
Harmony

8 · Chord Progressions

A progression is just a sequence of diatonic chords (Lesson 7) played in order. Because they're all Roman numerals, the same progression works in every key — I–V–vi–IV sounds like "that pop song" whether you play it in C or in A.

Quick check
Harmony

9 · Voice Leading Basics

Once you know a progression, how you actually place the notes on the keyboard matters. Voice leading is the simple idea of moving each note in a chord to the nearest note of the next chord, rather than jumping to a fresh root-position chord every time. Smooth voice leading sounds connected; jumping around sounds disjointed, even though the chords are identical.

Below is the same progression — I – IV – V – I in C major — played two ways.

 
In the jump version every chord restarts in root position, so each voice leaps 5–7 half steps between chords. In the smooth version, each voice moves at most a whole step (2 half steps) — some notes don't move at all. Same three chords each time, very different feel.
Quick check
Where to go from here: that's the full Chapter 1 toolkit — steps, intervals, scales, key signatures, triads, diatonic harmony, progressions and voice leading. Take the Chapter 1 Test below whenever you're ready, then move on to Chapter 2 for 7th chords, inversions, modes, and secondary/borrowed chords.
Chapter 1

✓ Chapter 1 Test

Nine questions, one pulled from each lesson in this chapter. Numbers, keys and answer choices are freshly generated every time you take it, so feel free to retake it as many times as you like.

Chapter 2 · Extended Harmony

10 · Seventh Chords

A 7th chord is a triad (Lesson 6) with one more third stacked on top — four notes instead of three. That fourth note adds color and, in many cases, a sense of pull or tension that a plain triad doesn't have.

TypeBuilt fromSound
Major 7th (maj7)Major triad + Major 3rd on toplush, dreamy, jazzy
Dominant 7th (7)Major triad + minor 3rd on topbluesy, wants to resolve
minor 7th (m7)minor triad + minor 3rd on topsmooth, mellow
Half-diminished 7th (m7♭5)diminished triad + Major 3rd on toptense but softer than fully diminished
Diminished 7th (dim7)diminished triad + minor 3rd on topvery tense, symmetrical, unstable
root 3rd 5th 7th
Quick check
Chapter 2 · Extended Harmony

11 · Chord Inversions

So far every chord has been in root position — root on the bottom, then 3rd, then 5th (then 7th). But you can put any chord tone in the bass instead, which is called an inversion. The notes are identical; only the order (and the bass note) changes.

  • Root position: root in the bass.
  • 1st inversion: the 3rd in the bass.
  • 2nd inversion: the 5th in the bass.
  • 3rd inversion (7th chords only): the 7th in the bass.

Sheet music and lead sheets often write inversions as slash chords — a chord name, a slash, then the bass note. "C/E" means a C major chord with E (its 3rd) in the bass.

bass note other chord tones
Quick check
Chapter 2 · Extended Harmony

12 · Modes

A mode uses the exact same notes as a major scale, just starting (and centering) on a different degree. Same white keys as C major, but start on D instead of C, and you get a completely different pattern of whole and half steps — and a different mood.

#ModeStarts on degreeCharacter
1Ionian1The major scale itself — bright, resolved.
2Dorian2Minor-feeling with a raised 6th — funk, jazz, and a lot of house music.
3Phrygian3Minor with a lowered 2nd — dark, Spanish/flamenco-tinged.
4Lydian4Major with a raised 4th — dreamy, floaty.
5Mixolydian5Major with a lowered 7th — bluesy, unresolved.
6Aeolian6The natural minor scale — melancholic.
7Locrian7Minor with a lowered 2nd and 5th — unstable, rarely a "home" sound.
Keep an ear out for Dorian — Chapter 3 leans on it heavily for deep house chords and basslines.
Quick check
Chapter 2 · Extended Harmony

13 · Secondary Dominants & Borrowed Chords

Two easy ways to add color outside a key's own seven diatonic chords (Lesson 7):

  • Secondary dominant: temporarily "borrow" the V chord of a different scale degree to pull strongly toward it. "V/V" means the V chord of your V chord; "V/ii" means the V chord of your ii chord.
  • Borrowed chord (modal mixture): borrow a chord from the parallel minor key for extra color — the minor iv and the major ♭VII are two of the most common.
Quick check
Chapter 2

✓ Chapter 2 Test

Four questions covering 7th chords, inversions, modes, and secondary/borrowed chords — freshly generated every attempt.

Chapter 3 · House Music

14 · Harmony in House Music

House music runs on the same theory as everything above — it's just applied differently. Instead of a long, evolving chord chart, house tracks usually loop a short 2–4 chord progression for most of the song, letting the groove, bassline, and production carry the energy.

  • Standard, energetic house tends to sit in major keys; deep house leans toward minor keys and the Dorian mode (Lesson 12) for a moodier feel.
  • Common loops: I–V–vi–IV (bright/pop-influenced), I–IV–V (simple and classic), ii–V–I with 7th chords (jazzy, deep-house flavored), I–VI–IV–V (progressive-house build), or even just a two-chord vamp or a single repeated chord.
  • House is a sample- and groove-driven genre — producers often build around a vocal line or sample rather than sticking rigidly to one key.
Based on common house-production conventions (four-on-the-floor, 110–130 BPM, loop-based writing) — see the sources linked in this chat for further reading.
Quick check
Chapter 3 · House Music

15 · Basslines & Groove

A house bassline is usually built straight from the chord tones of whatever's looping above it — mostly the root, often bouncing to the octave — and it's rhythmically locked to the four-on-the-floor kick (a kick drum hit on every beat, the backbone of house at roughly 110–130 BPM).

Below is the loop from Lesson 14 with a simple root/octave bassline pulse added underneath — the kind of pattern you'd program under a chord loop in a DAW.

chord (held) bassline pulse
Quick check
Chapter 3 · House Music

16 · Arrangement Basics

Because house is loop-based rather than built from distinct verses and choruses, its arrangement is really about tension and release across sections — often kept stripped at the start and end so DJs can mix in and out cleanly.

SectionTypical lengthWhat's happening
Introduction16–32 barsStripped back, often just drums for the first 8–16 bars — easy for DJs to mix into.
Verse16–32 barsSub-bass and melodic elements enter, often followed by a mini-breakdown.
Chorus / Drop8–16 barsThe catchy, memorable peak with most elements present.
Breakdown8–16 barsEnergy drops temporarily; new sounds or textures often introduced.
Buildup8–16 barsEnergy and intensity climb back up, usually with rising elements.
Climax16–64 barsThe peak of the track — everything comes together.
Outro8–16 barsElements strip away again for a clean DJ transition out.
Section lengths above reflect common house-production conventions, not fixed rules — plenty of great tracks bend every one of these numbers.
Quick check
Chapter 3

✓ Chapter 3 Test

Four questions covering house harmony, progressions, basslines, and arrangement — freshly generated every attempt.