A universal frontend course from HTML to Next.js
One course that covers the full frontend path: HTML, CSS, JavaScript, TypeScript, React, Next.js, APIs, Git, tooling, deployment, and the core infrastructure needed for real-world development.
Your space to write code.
Watch a solution take shape. Explore the files, follow the fixes, and learn with example agent guidance.
Here’s what you’ll learn to build
Start with your first page. Add interaction, data and AI as you go.
Explore the curriculum
A responsive website
Learning exampleA travel guide with responsive layouts, navigation and a search for places to explore.
An app with data
Learning exampleA personal planner with tasks and data that persists.
A useful AI feature
Learning exampleAn interface that explains complex topics in plain language.
Let’s meet. I’m your teacher.
I’ll walk you through each step: how to break down a task, check a solution and understand your own code.
We’ll discuss your experience, goals and questions when we meet.
Let’s meet
Meet your teacher
Introduction video coming soon
Your path to your own project
Learn modern tools in a clear sequence and build your project step by step.
Web foundationsHTML, CSS, responsive design
Outcome: Your first page, easy to use on a phone or computer.
An interactive interfaceJavaScript, data, forms
Outcome: Search, filters and forms that respond to the user.
A modern applicationReact, TypeScript, APIs
Outcome: An app with components, data and helpful error handling.
Working with AIContext, verification, fixes
Outcome: A useful AI feature and the skills to check its responses.
Publishing your projectGit, tests, accessibility
Outcome: A published project with checks, a clear README and a link you can share.
AI helps. You understand the solution.
Learn to define the task, check the response and explain every change.
Accessibility · Tests · Security · Git
function validateName(name) {
const errors = [];
if (!name.trim()) {
errors.push('Name required');
}
return errors;
}Check for empty valuesWhat if the field contains only spaces?
Add a checktrim() removes spaces before validation.
The task
Understand what needs to be built.
Your attempt
Write the code yourself.
An AI hint
Get a hint when you need one.
Verification
Check the result together.
Review
Explain every change.
Before you start
Short answers to the important questions.
Can I start from scratch?
Yes. We’ll start with the basics and gradually move to more complex tasks. During our introduction, we’ll find the right starting point for you.
What computer do I need?
A laptop or desktop with a modern browser and internet access. Before you begin, we’ll check together that your device supports the tools you’ll need.
Do I need paid AI tools?
Don’t buy subscriptions in advance. We’ll discuss tools for your goals and any potential costs before learning begins.
How will the learning work?
The format, schedule and price are still being determined. In our consultation, we’ll discuss your goals and available time, and agree on the details before you start.
Let’s find your starting point
Tell me what you want to build. We’ll discuss your goals, questions and next step.
Send me an email and we’ll find a time.