SOULXER ACADEMY

Start small. Build real skills.

9 learning paths, from your first tag to a full-stack app. Short lessons, instant practice, and a little progress every time you show up.

Your progress ↗

YOUR FIRST LINE OF CODE STARTS HERE

HTML

Give your ideas structure. Build your first page, one tag at a time.

Start →
  1. 01 / PATH

    Start here

    HTML

    Give your ideas structure. Build your first page, one tag at a time.

    73 lessonsStart ↗
  2. 02 / PATH

    Make it yours

    CSS

    Explore color, spacing, and layouts. Turn a page into something that feels like you.

    48 lessonsStart ↗
  3. 03 / PATH

    Bring it to life

    JavaScript

    Add logic and interaction. Make buttons, pages, and ideas do something.

    138 lessonsStart ↗
  4. 04 / PATH

    Build together

    Git & GitHub

    Save your work, try new ideas, and learn how to collaborate with confidence.

    33 lessonsStart ↗
  5. 05 / PATH

    Work smarter

    AI for Developers

    Write prompts that work, check what comes back, and build with AI safely.

    31 lessonsStart ↗
  6. NEW

    Build interfaces

    React

    Build screens from small pieces. Components, state and hooks, with a live preview.

    43 lessonsStart ↗
  7. NEW

    Ship full apps

    Next.js

    Turn React into a full website. Pages, data, forms and SEO with the App Router.

    43 lessonsStart ↗
  8. NEW

    Go server-side

    Node.js

    Run JavaScript outside the browser. Files, servers and your first API, all runnable here.

    43 lessonsStart ↗
  9. NEW

    Structure a backend

    NestJS

    Build an API that stays tidy as it grows. Controllers, services, validation and auth.

    42 lessonsStart ↗

LEARN BY PLAYING

Break it. Fix it. Understand it.

Try visual CSS puzzles, then discover the code behind each repair.

Visit the repair shop ↗

ROOM TO EXPERIMENT

Have an idea? Try it out.

Open the playground and see your HTML, CSS, and JavaScript come to life.

Open the playground ↗