Build the mental models before the frameworks.
Zero-to-framework prerequisites for the main TaskFlow course
12 modules that remove hidden prerequisite gaps
How the Web and Development Environment Work
Build the mental model that makes every later tool less mysterious.
10 lessons · 3k wordsHTML, CSS, Accessibility, and Responsive Layout
Learn enough web platform fundamentals to understand what React and Tailwind eventually produce.
10 lessons · 3k wordsJavaScript Foundations I
Build confidence with values, control flow, functions, and modules before frameworks add abstractions.
10 lessons · 3k wordsJavaScript Foundations II: Async and HTTP
Understand asynchronous control flow before data fetching libraries hide the mechanics.
10 lessons · 3k wordsTypeScript Foundations
Use TypeScript to express contracts and catch mistakes without confusing compile-time types with runtime validation.
10 lessons · 3k wordsReact Foundations I
Learn components, props, rendering, events, and state before Next.js adds server rendering and routing.
10 lessons · 3k wordsReact Foundations II
Understand effects, refs, context, reducer patterns, and component lifecycle decisions without overusing them.
10 lessons · 3k wordsGit and GitHub Foundations
Use version control as a daily engineering tool instead of a backup button.
10 lessons · 3k wordsCommand Line and Developer Tooling
Become comfortable navigating and diagnosing a project from the terminal instead of depending entirely on IDE buttons.
10 lessons · 3k wordsDatabases and SQL Primer
Prepare for PostgreSQL and Prisma by understanding tables, keys, relationships, constraints, and basic SQL.
10 lessons · 3k wordsAPI and Security Primer
Learn trust boundaries, validation, identity, permission, and safe data handling before authentication phases.
10 lessons · 3k wordsFramework Readiness and TaskFlow Preview
Connect foundations into the architecture you are about to build and choose the right entry point.
10 lessons · 3k words