Short lessons beside a browser editor. Nothing to install. HTML and CSS first, then JavaScript and beyond.
Try it now. Fix the function so it returns the initials of any name, in capitals.
Not run yet
initials("Ada") returns "A"
initials("Ada Lovelace") returns "AL"
initials("alan mathison turing") returns "AMT"
function initials(name) {
const words = name.split(" ");
return words
.map((w) => w[0].toUpperCase())
.join("");
}
Start at the top and follow the line. The solid blocks are projects, where you use what you have picked up.
Headings, links, images, lists and forms: the elements every page is made of.
Colour, type and spacing, then the visual design choices that make a page easy to read.
Pages that work with a keyboard and make sense to a screen reader.
Flexbox, CSS Grid and layouts that adapt to the screen in front of them.
Variables, functions, loops and objects, then the newer ES6 syntax.
Matching patterns in text, and finding out why your code misbehaves.
Working with arrays and objects, then writing your own small algorithms.
Two ways of organising a program once it outgrows a single function.
React, Redux and Sass, data visualisation with D3, then Python. What appears on your dashboard depends on your plan.
You never switch windows. The task stays on the left, the editor stays on the right, and the tests say what is still missing.
A flex container places its children in a row. Give .menu a display of flex.
Then set justify-content to space-between so the links push apart.
.menu {
display: flex;
justify-content: space-between;
padding: 1rem;
}
.menu a {
color: #e6ebe1;
text-decoration: none;
}
€29.99
Billed every 28 days
3-day trial, €0.01
Start learning€24.99
One-time payment
Start learningSecure checkout. Cancel at any time.
↑ ↓ to move Enter to open
No. The track starts with basic HTML and each lesson assumes only the ones before it. If you already know some of it, jump ahead to a later topic.
Nothing. The editor runs in your browser, right beside the lesson.
The tests fail and show what still needs work. Change the code and run them again, as many times as you like.
No. Work at your own pace. Your progress stays on your account until you come back.
If a plan has a trial, its length and price are printed on the plan. The regular subscription begins when the trial ends, unless you cancel first.
From your profile or the unsubscribe page, at any time. You keep access until the end of the period you have paid for.