Build and Launch a Website

Turn your site into the real thing: a booking form, gentle motion, a site everyone can use, and pages people can find on search. Then launch it properly. Ten-minute lessons on a live page.

by Teyro

100 lessons
5 units
19h 15m
Up to 1,450 XP

I wrote this one myself. Start now and I'll count your streak from lesson one.

What you'll learn

Build forms with labels, the right input types and helpful checks
Add hover effects, transitions and animations that respect people who turn motion off
Make a site work for keyboard and screen reader users
Write titles, descriptions and sharing previews that help people find your site
Launch a finished website and share it

Course path

5 units · 100 lessons

Book me, properly11 min · InteractiveFree+10 XP
The vanishing label11 min · InteractiveFree+10 XP
One field at a time12 min · InteractiveFree+10 XP
The right box for each answer11 min · InteractiveFree+10 XP
Checkpoint: Grandma fills it in12 min · InteractiveFree+20 XP
Don't let it send half empty11 min · InteractiveFree+10 XP
When the web learned to listen12 min · InteractiveFree+10 XP
Long answers and short lists11 min · InteractiveFree+10 XP
A form that looks like Mensah Beats11 min · InteractiveFree+10 XP
Checkpoint: no more half-empty bookings12 min · InteractiveFree+20 XP
Speakers, or not?11 min · InteractiveFree+10 XP
Pick one, or pick any?11 min · InteractiveFree+10 XP
Where do the answers go?11 min · InteractiveFree+10 XP
Build the booking form12 min · InteractiveFree+10 XP
Checkpoint: under a minute12 min · InteractiveFree+20 XP
Forms: myth or fact?11 min · InteractiveFree+10 XP
What happens to my details?11 min · InteractiveFree+10 XP
Your own contact form12 min · InteractiveFree+10 XP
The finished booking form11 min · InteractiveFree+10 XP
Chapter Challenge: Mensah Beats v1.615 min · InteractiveFree+20 XP
Unit 1 chestFinish every lesson in this unit+50 XP

Make it feel alive11 min · Interactive
Snap vs glide11 min · Interactive
The three parts of a transition12 min · Interactive
Lift, grow, tilt11 min · Interactive
Checkpoint: the record shelf12 min · Interactive
No mouse, no hover11 min · Interactive
Blinking text and Flash12 min · Interactive
Motion that plays by itself11 min · Interactive
Smooth vs juddery11 min · Interactive
Checkpoint: smooth on every phone12 min · Interactive
"3 DAYS LEFT!!!"11 min · Interactive
One after another11 min · Interactive
When motion makes people ill11 min · Interactive
Motion, done properly12 min · Interactive
Checkpoint: Grandma isn't dizzy12 min · Interactive
Motion: myth or fact?11 min · Interactive
The slideshow that never stops11 min · Interactive
Your page comes alive12 min · Interactive
Every moving part, explained11 min · Interactive
Chapter Challenge: Mensah Beats v1.715 min · Interactive
Unit 2 chestFinish every lesson in this unit+50 XP

Teyro Original · Chapter 1 free, then Teyro Pro

All courses

Coding · Advanced