BOOK.md

Learning Web Development with AI

A Step-by-Step Guide to Modern Full-Stack Development

---

📚 Table des Matières

🚀 Getting Started

• 01. Introduction & Setup
  • Project Overview
  • Technology Stack
  • Learning Phases
  • Development Environment Setup

💡 Core Concepts

• 02. React Fundamentals

  • Component-Based Architecture
  • Props & State
  • Hooks (useState, useEffect, useContext)
  • Virtual DOM & Rendering
  • Component vs Function vs Hook

• 03. Architecture Fundamentals

  • Migrations : Pourquoi et Quand ?
  • Pourquoi FastAPI est Obligatoire ?
  • React Query : Communication avec la Base
  • Flux de Données Complet
  • Sécurité Frontend/Backend

• 04. RBAC Fundamentals

  • Concepts de Base (Débutant)
  • Architecture RBAC Fichier par Fichier
  • Implémentation Frontend
  • Guards & Permissions
  • Performance & Best Practices

🛠️ Implementation Guides

• 05. Setup & Configuration

  • Vite Build Tool
  • TypeScript Configuration
  • Docker Setup

• 06. Environment Variables

  • Frontend Variables (VITE_)
  • Backend Variables (Python)
  • .env Files Organization
  • Docker & Production
  • Security Best Practices

• 07. Code Patterns

  • React Components Patterns
  • Custom Hooks Patterns
  • State Management
  • Error Handling

🔍 Advanced Topics

• 08. State Management

  • Context API
  • React Query
  • Zustand (if needed)

• 09. Backend Integration

  • FastAPI Setup
  • SQLAlchemy & ORM
  • Database Migrations
  • API Design

• 10. RDF & Semantic Web

  • RDF Fundamentals
  • SPARQL Queries
  • Apache Jena Fuseki
  • Integration with FastAPI
  • Advanced Patterns & Optimization

📖 Reference

• 11. Troubleshooting

  • Common Issues & Solutions
  • Debugging Tips
  • Performance Issues

• 12. Glossary

  • Technical Terms
  • Acronyms
  • Concepts Index

---

🎯 Current Phase

Phase 1: React Frontend (standalone with mock data)

• ✅ Vite + React + TypeScript setup
• ✅ Component fundamentals
• 🚧 RBAC implementation
• ⏳ React Query integration

---

📝 How to Use This Guide

1. Sequential Learning: Follow chapters in order for structured learning
2. Reference: Jump to specific topics as needed
3. Hands-On: Each chapter includes code examples
4. Progressive: Concepts build on each other

---

🔗 Quick Links

• Project Repository
• CLAUDE.md - AI Assistant Instructions
• Docker Setup

---

Last Updated: 2025-10-06 Version: 1.0.0 Maintained by: Learning with AI