html · css · javascript · from scratch

Let's get coding!

Never written a line of code? Perfect. You'll learn HTML, CSS and JavaScript by building 16 real projects step by step.

 

Not sure if coding is for you? Watch the tutorial above to see if my teaching style suits you! Then purchase the course with 24/7 community help.

Worked with the following:

what students say

Don't take my word for it.

@black_lassy
ania_kubow makes everything easy to understand.
see more testimonials →
Dennis Rodriquez
Ania's explanations are always so clear and to the point!
see more testimonials →
01 / 02
the syllabus

16 projects, start to finish.

Every project is a real, finished thing - and each one teaches a core JavaScript idea you'll reuse forever. The tags show what you'll actually learn.

01arrays · sort
Table Tennis Leaderboard
Learn HTML by building a leaderboard that track players.
02dom · templates
Profile Badge
Learn CSS by building a reusable card of your profile.
03classList · toggle
Burger Menu
  • Home
  • Lessons
  • Account
live demo
04index · state
Photo Carousel
Slide between images with next / prev and controls.
05events · focus
Signup Modal
Open, close, click-outside, and trap focus the right way.
06layout · build
Developer Portfolio
Ship a clean personal site to show off everything else.
07click-outside
Dropdown Menu
  • Edit
  • Share
  • Delete
live demo
08data-attrs
Rating Widget
live demo
09keyboard
Move Bob
Drive a character around with the arrow keys.
10random · strings
Color Generator
#F8DA47
tap the swatch
11setInterval
Countdown Timer
00:10
counting now
12drag · drop
Kanban Board
Drag cards across To-do, Doing and Done columns.
13create · animate
Falling Hearts
press it
14input · math
Temperature Converter
25°C = 77°F
15state · timers
Pomodoro Timer
Work / break cycles with start, pause and reset.
16fetch · async
Random Beer Generator
Pull live data from an API and render the result.
how it works

Learn it the way you'll use it.

01

Watch the build

Short, focused lessons. Every line is explained. No skipping the "boring" parts that actually matter.

02

Build it yourself

You get starter files and interactive codepens. Type it, break it, fix it. That's how it sticks.

03

Keep the project

Each build is portfolio-ready. By the end you've got 16 working projects with your name on them.

is coding still worth it in the age of ai?

Why learning the fundamentals is more important than ever.

AI can generate code in seconds... but it can't tell you whether that code is correct, secure, or even doing what you asked. That judgment comes from understanding the fundamentals, and it's never been worth more than it is now.

You're the reviewer nowAI produces code fast, including when it's wrong. Catching the bugs and bad assumptions is on you, and you can only catch what you understand.
Debug what AI can'tGenerated code breaks, and no prompt reliably fixes it. Knowing how the DOM, events, state and async actually work is what gets you unstuck.
Direct the tools, don't depend on themFundamentals let you ask for the right thing, spot the wrong thing, and build on the answer, instead of pasting code you can't change or trust.
Stand out, not blend inWhen anyone can generate a rough draft, the people who understand what's underneath are the ones who ship, get hired, and get trusted with the hard problems.
one price, everything in

Start building today.

$49
one-time · yours forever
  • All 16 guided project builds
  • Interactive codepens
  • Starter files + finished code for each
  • Lifetime access and free updates
  • Go at your own pace, rewatch anytime
  • 24/7 help via the Discord community
  • Works on Mac & Windows - just a browser
Enroll now - $49
// secure checkout · instant access
good questions

Before you enroll.

Do I need coding experience?

This course is for people who have never touched code, and includes learning HTML and CSS for free!

Why no React or other frameworks?

Because the fundamentals come first. Once you can build in plain JavaScript, picking up any framework is far easier.

How long do I have access?

Forever. It's a one-time payment for lifetime access, including any future updates to the course and the 24/7 Discord community.

What do I need to get started?

A computer and access to a web browser. That's the whole toolkit.

Can I really put these in my portfolio?

Yup. Every project is a finished, working build you can host, share, and talk about in interviews.

16 projects · $49 · plain javascript

Your next 16 projects are waiting.