Write markup and watch the page build itself beside your code. Short lessons, a real project you keep, and an AI tutor that reads your code.
Every web page you've ever seen is HTML and CSS. HTML gives a page its structure - headings, paragraphs, links, images - and CSS gives it looks: layout, color, spacing, typography. Learn the pair and the web stops being magic and becomes material.
They're also the most satisfying possible starting point, because the feedback is visual. You don't read output in a console; you watch a page assemble itself as you type.
With a live preview beside your code. Devpuff's HTML lessons render your markup as you type - change a tag, watch the page change. Automated checks confirm each requirement ("has an h1", "uses flexbox"), so you always know what's done and what's next. Hints unblock without spoiling, and Puff can read your actual code when you're properly stuck.
HTML Basics covers structure - elements, nesting, semantics, forms - and ends with a personal homepage you build yourself. CSS Basics then takes on the visual half: selectors, the box model, flexbox, and the layout patterns behind every modern site.
HTML and CSS are the first two courses of the Frontend Development program, which continues into JavaScript and React. It's the standard route into frontend work - and every step of it starts free.
They're markup and styling languages rather than programming languages - and that's exactly why they're the right starting point. You get the full write-code-see-result loop without wrestling logic errors, and everything you make is instantly visual and shareable.
JavaScript manipulates pages - so it helps enormously to first understand what pages are made of. Knowing how elements nest and how styles cascade makes the JavaScript that follows feel concrete instead of abstract.
In Devpuff's HTML practice items the preview pane re-renders as you type, side by side with your code. You watch your markup become a page in real time - the fastest feedback loop in programming.
You build one inside the course - the HTML Basics course ends with a personal homepage project you assemble yourself, graded by real checks. Most learners get there within their first weeks of short daily sessions.
Free to start, no credit card required. Write real code from your first lesson and keep your progress forever.
Start Learning Free