Full-Stack Developer Knowledge Base Index

Full-Stack Developer Knowledge Base Index

Full-Stack Developer Knowledge Base Index

Welcome to the Full-Stack Developer Knowledge Base — a comprehensive, "Zero to Hero" learning curriculum containing over 1,500 structured dictionary terms across 15 core web development, framework, database, and systems technologies.

🗺️ Learning Roadmap & Curriculum Phases

The curriculum is organized progressively from fundamental building blocks to production-grade architecture and high-performance systems programming:

PhaseCategory / DomainModules IncludedKey Focus Areas
Phase 1Web Fundamentals01-html, 02-css, 03-javascriptMarkup semantics, layout & styling, core JS language & DOM
Phase 2Connecting to the Web04-apis, 05-nodejsHTTP/REST, async protocols, server runtime & modules
Phase 3Frontend Frameworks06-react, 07-vueComponent architecture, state management, reactivity
Phase 4Type Safety & Scale08-typescriptStatic typing, generics, interfaces, compiler config
Phase 5Modern Meta-Frameworks09-nextjs, 10-nuxtjsFull-stack SSR, App Router, file-based routing, server engine
Phase 6Quality Assurance11-automated-testingUnit, integration, E2E testing, TDD methodology
Phase 7Data Persistence & DBs12-postgres, 13-mongodb, 14-surrealdbSQL, Relational, Document-NoSQL, and Multi-Model Graph databases
Phase 8Systems Programming15-rustMemory safety, ownership, concurrency, high-performance systems

📚 Knowledge Base Directories & Modules

Below is the directory catalog of each technology domain with curriculum details and direct links to zero-to-hero roadmaps.

01. HTML (HyperText Markup Language)

  • Directory: ./01-html/
  • Roadmap: HTML Terms: Zero to Hero
  • Curriculum Depth: 102 terms across 10 levels
  • Description: Master HTML5 structural tags, text semantics, web forms, media elements, accessibility (a11y/ARIA), metadata, and DOM tree representation.

02. CSS (Cascading Style Sheets)

  • Directory: ./02-css/
  • Roadmap: CSS Terms: Zero to Hero
  • Curriculum Depth: 100 terms across 11 levels
  • Description: Comprehensive CSS3 styling guide covering the box model, Flexbox, CSS Grid, animations, responsive design, custom properties, and modern layout architecture.

03. JavaScript (ECMAScript)

  • Directory: ./03-javascript/
  • Roadmap: JavaScript Terms: Zero to Hero
  • Curriculum Depth: 215 terms across 10 levels
  • Description: Complete JavaScript language reference covering syntax, data types, closures, prototypes, asynchronous patterns (Promises/async-await), event loop, and DOM manipulation.

04. Web APIs & Protocols

  • Directory: ./04-apis/
  • Roadmap: 04-APIs: Zero to Hero
  • Curriculum Depth: 103 terms across 10 levels
  • Description: Core networking concepts, HTTP status codes, RESTful API design, Fetch API, CORS, WebSockets, GraphQL, authentication (JWT/OAuth), and rate limiting.

05. Node.js Architecture & Runtime

  • Directory: ./05-nodejs/
  • Roadmap: 05-Node.js: Zero to Hero
  • Curriculum Depth: 86 terms across 10 levels
  • Description: Server-side JavaScript execution environment, non-blocking I/O event loop, CommonJS/ESM modules, streams, file system operations, and Express middleware.

06. React Library

  • Directory: ./06-react/
  • Roadmap: React: Zero to Hero Roadmap
  • Curriculum Depth: 85 terms across 11 levels
  • Description: Modern component-driven UI development with React, covering JSX, state hooks (useState, useReducer), side-effect management (useEffect), Virtual DOM, context, and custom hooks.

07. Vue.js Framework

  • Directory: ./07-vue/
  • Roadmap: Vue.js Zero to Hero
  • Curriculum Depth: 68 terms across 10 levels
  • Description: Vue 3 progressive framework concepts including template syntax, Composition API (ref, reactive), computed properties, watchers, directives, and Pinia state management.

08. TypeScript

  • Directory: ./08-typescript/
  • Roadmap: TypeScript: Zero to Hero Roadmap
  • Curriculum Depth: 76 terms across 11 levels
  • Description: Typed JavaScript at scale, covering static type annotations, interfaces, type aliases, generics, narrowings, utility types, and tsconfig.json compiler configuration.

09. Next.js Meta-Framework

  • Directory: ./09-nextjs/
  • Roadmap: Next.js: Zero to Hero Roadmap
  • Curriculum Depth: 85 terms across 10 levels
  • Description: Enterprise full-stack React framework focusing on App Router architecture, Server Components, Server Actions, route handlers, data caching, and SSR/SSG/ISR rendering.

10. Nuxt.js Meta-Framework

  • Directory: ./10-nuxtjs/
  • Roadmap: Nuxt.js: Zero to Hero Roadmap
  • Curriculum Depth: 64 terms across 10 levels
  • Description: Vue-based full-stack framework detailing Nuxt 3 directory structure, auto-imports, file-based routing, Nitro server engine, useFetch data fetching, and SSR deployment.

11. Automated Testing & Quality Assurance

  • Directory: ./11-automated-testing/
  • Curriculum Depth: In Development
  • Description: Best practices for software testing, covering unit testing, integration testing, End-to-End (E2E) testing with Jest, Vitest, Testing Library, Playwright, and Cypress.

12. PostgreSQL Database

  • Directory: ./12-postgres/
  • Roadmap: PostgreSQL Terms: Zero to Hero
  • Curriculum Depth: 144 terms across 10 levels
  • Description: Relational database management system (RDBMS) guide covering SQL syntax, DDL/DML, table schema design, indexes, joins, ACID transactions, window functions, and partitioning.

13. MongoDB Document Database

  • Directory: ./13-mongodb/
  • Roadmap: MongoDB Terms: Zero to Hero
  • Curriculum Depth: 150 terms across 10 levels
  • Description: Document-oriented NoSQL database covering BSON, CRUD operations, Aggregation Pipeline framework, indexing strategies, schema validation, replication, and sharding.

14. SurrealDB Multi-Model Database

  • Directory: ./14-surrealdb/
  • Roadmap: SurrealDB Terms: Zero to Hero
  • Curriculum Depth: 138 terms across 10 levels
  • Description: Modern multi-model database unifying Relational, Document, and Graph features. Covers SurrealQL, live queries, graph relation traversals, built-in permissions, and client SDKs.

15. Rust Systems Programming

  • Directory: ./15-rust/
  • Roadmap: Rust Terms: Zero to Hero
  • Curriculum Depth: 186 terms across 11 levels
  • Description: High-performance systems language focusing on memory safety without garbage collection, ownership & borrowing rules, lifetimes, traits, concurrency, pattern matching, and Cargo tooling.

🏗️ Standardized Module Architecture

Each technology folder adheres to a unified internal folder structure to ensure consistent document layout and ease of navigation:

knowledge-base/{technology-folder}/
├── _meta/
│   ├── technology_context.md          # Technology-specific persona, rules & guidelines
│   └── {tech}_terms_zero_to_hero.md   # Master roadmap listing terms level by level
├── missing_{tech}_terms_ai_knowledge_base.md  # Tracking missing terms / backlog (optional)
└── terms/
    ├── level_01/                       # Beginner level terms
    ├── level_02/                       # Intermediate level terms
    └── ... level_NN/                   # Advanced level terms

🛠️ Generation Standards & Maintenance Tooling

The knowledge base includes shared templates, guides, and validation scripts to maintain content quality and link integrity:

  • 📄 Universal Generation Prompt: Master prompt definition for generating standardized term dictionary documents across all technology domains.
  • 📖 Guide to Fixing Malformed Markdown Links: Troubleshooting guide for identifying, diagnosing, and repairing broken Markdown link patterns in curriculum files.
  • ⚙️ Link & Metadata Utility Scripts:
    • check_links.js: Scans knowledge base files to verify relative file link validity.
    • fix_markdown_links.js: Automated fixer for common AI-generated link syntax errors.
    • fix_{tech}.js: Dedicated scripts for renumbering, header alignment, and link correction across individual modules.
Built with LogoFlowershow