🗺️ Your Learning Roadmap

One project — the Library app — built 9 times better. You're not learning 9 random topics; you're growing one real app from a static page into a full, secure, installable application.

• ✓
  Done

  1 · HTML + CSS

  Structure & styling of a page — tags, tables, forms, box model, flexbox.

  Library gains: the look — catalog table, member form, nav bar.

• 2
  You are here

  2 · JavaScript (the big one, ~3–4 weeks)

  Real programming — variables, types, functions, arrays, objects, loops, the DOM, events, localStorage.

  Library gains: it starts working — add, search, issue & return books, due dates, fines.

• 3
  Upcoming

  3 · TypeScript

  JavaScript with safety checks — types, interfaces.

  Library gains: the same app, with far fewer bugs.

• 4
  Upcoming

  4 · Node.js + Fastify

  Code that runs on a server — modules, routes, REST APIs.

  Library gains: a backend that serves books & saves loans.

• 5
  Upcoming

  5 · SQL + PostgreSQL

  Real databases — tables, queries, relations, Prisma.

  Library gains: data survives a restart — nothing is ever lost.

• 6
  Upcoming

  6 · React + Vite

  Modern way to build screens — components, props, state, hooks.

  Library gains: the frontend rebuilt — cleaner & faster.

• 7
  Upcoming

  7 · Tailwind + Zustand

  Fast styling & app-wide state management.

  Library gains: a professional, polished look.

• 8
  Upcoming

  8 · Auth & roles

  Logins, passwords, protected routes — JWT, hashing.

  Library gains: only logged-in librarians can issue books.

• 9
  Optional

  9 · Desktop & mobile apps

  Electron (desktop) + React Native (mobile).

  Library gains: a real installable app on computer & phone.

← Back to contents