mbiopeter.
Buy me a coffee (opens in a new tab)Hire me

LEARN WITH ALEXENDER

Small lessons. Practical progress.

I make short coding tutorials for the moments when you want a clear explanation and something useful to try. Explore a few ideas here, then keep learning with me on TikTok.

Watch on TikTok (opens in a new tab)Try a mini lessonOpen coding playground

GUIDED MINI LESSONS

See the idea.
Try the code.

Five small lessons to get you moving. Pick a topic, explore the example, and take the code into your own project.

More on TikTok (opens in a new tab)
A SMALL IDEA, EXPLAINEDREACT
a-little-state.tsx
"use client";
import { useState } from "react";

export default function Counter() {
  const [count, setCount] = useState(0);
  return (
    <button onClick={() => setCount(n => n + 1)}>
      Clicked {count} times
    </button>
  );
}
LIVE PREVIEW

Try the button. That’s state in action.

State remembers a value between renders. Updating it asks React to show the new value, without reloading the page.

Use this component inside a React or Next.js project.

Explore state in Focusboard

MAKE IT STICK

A small change is a good next step.

Understanding the example is the start. Changing it and checking what happens is where the idea becomes your own.

PYTHON

Make messy input useful.

Start with the cleaning example in the playground. Add a few values of your own and decide which should stay in the result.

  • Try spaces, empty strings, and missing values.
  • Keep the input unchanged; return a cleaned list.
  • Check the result against the output you expected.
Practise Python strings
DJANGO

Connect a URL to a view.

Use the JSON-response example inside a small Django project. Trace the route from the URL pattern to the view and back to the response.

  • Create a view that returns a small JSON object.
  • Include the app’s URLs in your project.
  • Visit the endpoint and inspect the response.
Explore the API simulation
REACT

Finish a tiny interaction.

Take the counter component and make it a little more useful. Keep each change small enough that you can explain what it does.

  • Add a reset button that sets the count to zero.
  • Try a second button that decreases the count.
  • Decide whether negative values make sense.
Explore state in Focusboard

ONE IDEA AT A TIME

Keep the example small.
Keep your curiosity.

Read the code, predict the result, and then try it. When something surprises you, change one thing at a time until you can explain why.

The frontend examples are interactive on this page. Python and Django include illustrated output and notes for running the code in your own environment.

Have an idea for a tutorial? Send me a topic (opens in a new tab). If you need help with a specific project, tell me what you’re working on.

TAKE AN IDEA WITH YOU

A few notes from the workbench.

Short explanations you can come back to. Each one ends with something useful to try.

All notes & resources

HAVE SOMETHING IN MIND?

Learning is better when you build something.

Have an idea you want to turn into a website, a Python tool, or a working app? Let’s talk through a practical first version.

Hire me Buy me a coffee (opens in a new tab)
Let’s talk (opens in a new tab)