AniUI Academy

Courses

235 lessons across 8 courses. A sequence, not a menu — start at the top and work down, and each lesson opens when you have finished the one before it.

HTML & CSS

Beginner

Start from a blank page and learn to build real, accessible web pages by hand: the elements that give a document meaning, the box model and cascade that decide how it looks, flexbox and grid for real layouts, and the responsive, polished detail that separates a page that works from one that reads as finished.

  • HTML Foundations · 7 lessons
  • Forms and Accessibility · 3 lessons
  • CSS Foundations · 6 lessons
  • Layout · 5 lessons
  • Responsive Design · 3 lessons
  • Typography and Visual Design · 6 lessons
  • Real-World Craft · 2 lessons
32 lessons266 minStart

JavaScript Masterclass

Beginner to advanced

Start with no programming experience at all and finish understanding how JavaScript actually runs. What the internet is, what a browser does, how to write your first program — then scope, prototypes and promises, and finally the event loop, rendering performance and the browser security model.

  • Foundations · 20 lessons
  • Depth · 7 lessons
  • Mastery · 6 lessons
33 lessons383 minStart

Claude Code Masterclass

Beginner to advanced

Start with no experience of AI coding tools and finish able to run Claude Code well on real work. What an agent actually is, how to prompt and verify it, how to configure it with CLAUDE.md, skills, hooks and MCP, and how to scale it across parallel sessions and CI without losing control of it.

  • Foundations · 7 lessons
  • The daily craft · 10 lessons
  • Making it yours · 9 lessons
  • Scale · 6 lessons
32 lessons297 minStart

TypeScript

Beginner

Start already comfortable with JavaScript and finish able to read, write and configure real TypeScript: the type system's basic vocabulary, functions and object shapes, unions and narrowing, generics and the utility types built from them, classes, the advanced type-level features that power library code, and the modules, tsconfig settings and real-world habits — third-party types, unknown vs any, satisfies — that make a typed codebase trustworthy rather than merely annotated.

  • Getting Started · 6 lessons
  • The Type System · 4 lessons
  • Generics and Reuse · 4 lessons
  • Classes · 2 lessons
  • Advanced Types · 3 lessons
  • TypeScript in the Real World · 6 lessons
25 lessons236 minStart

React

Intermediate

Start comfortable with JavaScript and finish able to build real interfaces with React: components and props, state and effects, composition with context and custom hooks, the performance model behind re-renders, and the real-world craft — error boundaries, portals, refs, Suspense — that separates a demo from a shipped component.

  • Foundations · 7 lessons
  • State & Interactivity · 8 lessons
  • Composition & Structure · 5 lessons
  • Performance & Correctness · 5 lessons
  • Real-World Craft · 6 lessons
31 lessons272 minStart

React Native

Intermediate

Take your React knowledge onto phones: one JavaScript codebase rendering real native UI, not a WebView. Core components and Flexbox layout, lists and forms, navigation, platform and native concepts, and the performance and shipping craft — taught by reading and reasoning through real code, since there is no honest in-browser simulator for a native app.

  • Foundations · 4 lessons
  • Core Components & Layout · 5 lessons
  • Interactivity & Lists · 4 lessons
  • Navigation · 3 lessons
  • Platform & Native · 4 lessons
  • Performance & Shipping · 6 lessons
26 lessons223 minStart

Frontend system design — the half of system design interviews almost nobody teaches well. Rendering strategy trade-offs, state management at scale, performance engineering, micro-frontends, design systems, and full worked interview scenarios, taught as a reasoning process rather than a list of memorized answers.

  • Rendering Strategies · 5 lessons
  • State Management at Scale · 5 lessons
  • Performance at Scale · 5 lessons
  • Micro-Frontends & Architecture at Scale · 3 lessons
  • Design Systems & Component Architecture · 4 lessons
  • Real Interview Scenarios · 4 lessons
26 lessons297 minStart

DSA for Frontend

Intermediate

Data structures and algorithms for people who already know JavaScript — the patterns that actually come up in frontend interviews and frontend work: arrays, hashing, recursion, trees shaped like the DOM, light graphs, and Big-O reasoning grounded in real UI code.

  • Complexity & Foundations · 3 lessons
  • Arrays & Strings · 5 lessons
  • Hashing · 4 lessons
  • Recursion & the Call Stack · 4 lessons
  • Trees · 5 lessons
  • Linked Lists & Stacks/Queues · 3 lessons
  • Graphs, Lightly · 2 lessons
  • Sorting & Searching · 2 lessons
  • Putting It Together · 2 lessons
30 lessons282 minStart