| 🎨 Frontend | 🚀 Backend | 🗄️ Databases | 🧪 Tests | 🏗️ Architecture | 🤖 IA | 🛠️ DevOps |
|---|---|---|---|---|---|---|
| 🟢 HTML5 Structure | 🟢 Node.js Intro | 🟢 PostgreSQL | 🟢 Jest Premier test | 🟢 Patterns courants | 🟢 LangChain | 🟢 Git |
| 🟢 CSS3 Sélecteurs | 🟡 NestJS Architecture | 🟡 MongoDB | 🟡 Vitest | 🟡 Microservices | 🟡 RAG Systems | 🟡 Docker |
| 🟢 Tailwind Installation | 🟠 Performance | 🟠 Playwright | 🟠 Architecture Hexagonale | 🟠 Prompt Engineering | 🟠 Terraform | |
| 🟡 Vue.js Composition API | 🔴 Patterns avancés | 🔴 Cypress | 🔴 Production | 🔴 Agents complexes | 🔴 Ansible | |
| 🔵 GitLab CI | ||||||
| 🟡 TypeScript Types avancés | ⚫ Multi-cloud | |||||
| 🟠 Patterns avancés | ||||||
| 🔴 Types conditionnels |
| Technologie | Description |
|---|---|
| Vue.js | Framework JavaScript progressif pour interfaces utilisateur |
| Vue.js CMS Integration | Guide d'intégration CMS Vue.js (SPA vs micro-apps) |
| Pinia | State management officiel Vue 3 |
| Vue Router | Routing officiel Vue 3 |
| VueUse | Collection de composables Vue |
| Nuxt.js | Framework full-stack Vue |
| Zod | Validation de schémas TypeScript |
| TypeScript | JavaScript typé pour un développement robuste |
| HTML5 | Langage de balisage sémantique et accessible |
| CSS3 | Langage de style moderne et responsive |
| Tailwind CSS | Framework CSS utility-first pour designs rapides |
| CSS Methodologies | Guide des méthodologies CSS (BEM, SMACSS, OOCSS) |
| Accessibility (RAWeb/WCAG) | Guide d'accessibilité web et standards WCAG |
| API Integration | Guide d'intégration API (fetch vs axios, auth, CORS) |
| TanStack Query | Data fetching et caching |
| TanStack Table | Tables performantes et flexibles |
| Figma | Outil de design UI/UX collaboratif |
| Technologie | Description |
|---|---|
| Node.js | Runtime JavaScript pour applications serveur |
| ESNext Evolution | Évolution JavaScript ES5 à ES2024 |
| NestJS | Framework Node.js avec architecture hexagonale |
| Stripe | Intégration paiements et abonnements |
| Technologie | Description |
|---|---|
| PostgreSQL | Base de données relationnelle avancée |
| MongoDB | Base de données NoSQL orientée documents |
| Prisma | ORM moderne pour TypeScript et JavaScript |
| Technologie | Description |
|---|---|
| Jest | Framework de test JavaScript complet |
| Vitest | Framework de test rapide pour Vite |
| Playwright | Tests E2E cross-browser automatisés |
| Cypress | Tests E2E modernes et interactifs |
| Technologie | Description |
|---|---|
| Architecture Hexagonale | Principes d'architecture et SOLID |
| Design Patterns | Patterns de conception modernes |
| Arbres de Décision | Guides pour choisir les bonnes architectures |
| Microservices | Architecture microservices et outils |
| Technologie | Description |
|---|---|
| LangChain.js | Framework pour applications IA |
| RAG Systems | Retrieval-Augmented Generation |
| Prompt Engineering | Ingénierie de prompts avancée |
| Technologie | Description |
|---|---|
| Git | Système de contrôle de version avec workflows avancés |
| Docker | Conteneurisation et orchestration |
| Ansible | Automatisation et configuration |
| GitHub Actions | CI/CD et automatisation |
| Terraform | Infrastructure as Code |
| Technologie | Description |
|---|---|
| Frontend Performance | Optimisation Vue/JS et bundle |
| Backend Performance | Optimisation Node.js et APIs |
| Database Performance | Optimisation requêtes et index |
| Monitoring | Métriques et outils de surveillance |
- Réactivité : Vue.js Composition API, refs, computed
- Typage : TypeScript interfaces, génériques, types utilitaires
- HTML5 : Structure sémantique, accessibilité, Web Components, PWA
- CSS3 : Flexbox, Grid, animations, responsive design
- Tailwind CSS : Utility-first, composants personnalisés, optimisation
- Design : Figma components, variants, design systems
- Tests : Jest unit tests, Vitest performance, Playwright E2E
- Architecture : Hexagonale, SOLID, Clean Code
- APIs : REST, GraphQL, microservices
- Performance : Caching, optimization, monitoring
- Sécurité : Authentication, authorization, validation
- Relationnel : PostgreSQL, requêtes complexes, indexation
- NoSQL : MongoDB, agrégations, sharding
- Cache : Redis, stratégies de cache
- Migration : Versioning, rollback, CI/CD
- Patterns : Singleton, Factory, Observer, Strategy
- Microservices : Communication, service discovery, circuit breaker
- DevOps : Docker, Ansible, Terraform, CI/CD
- Monitoring : Logs, métriques, tracing, alerting
- Identifiez votre contexte : Consultez les cas d'usage
- Recueillez les besoins : Suivez le guide de recueil
- Prenez vos décisions : Utilisez les arbres de décision
- Concevez l'architecture : Consultez les guides d'architecture
- Implémentez : Suivez les guides d'implémentation
Une méthodologie complète qui vous guide de la conception à l'implémentation d'une stack technique robuste et évolutive.
| Phase | Description | Livrables |
|---|---|---|
| 🎯 Conception | Recueil des besoins, analyse et user stories | Documents de spécifications, backlog priorisé |
| 🌳 Arbres de Décision | Guides pour choisir paradigme, DB, backend, frontend, infrastructure | Choix techniques justifiés |
| 🏗️ Architecture | Conception globale, backend, frontend, base de données | Schémas d'architecture, patterns |
| ⚙️ Implémentation | Setup projet, standards, tests, sécurité | Code structuré, tests automatisés |
| 🎯 Cas d'Usage | E-commerce, SaaS B2B, Mobile, Content, Fintech, Startup MVP | Architectures adaptées au contexte |
- 🛒 E-commerce : Paiements, gestion des stocks, catalogues
- 🏢 SaaS B2B : Multi-tenancy, facturation, intégrations
- 📱 Mobile Backend : API, notifications push, synchronisation
- 📄 Plateforme de Contenu : CMS headless, SEO, performance
- 💰 Fintech : Conformité, sécurité renforcée, audit
- 🚀 Startup MVP : Rapidité, coûts optimisés, scalabilité
