Développeur Fullstack Produit

I. Configuration de l’environnement de développement

• Choisissez votre éditeur : VS Code ou WebStorm
• Installez MongoDB et MongoDB Compass
• Installez Node + Express
• Installez NPM / Yarn / Vite
• Initialisez et utilisez Git

II. Premier point de terminaison API

1. Qu’est-ce qu’une API ?
2. Qu’est-ce qu’une API REST ?
3. Premier endpoint Node
   1. Qu’est-ce que Node.js ?
   2. Ce que Node.js n’est pas
   3. Qu’est-ce que Express ?
   4. Créez votre premier endpoint

III. Premier composant Frontend

1. Qu’est-ce que React ?
2. Différences entre React, Vue, Angular, Svelte et autres
3. Que sont NPM, Yarn, Vite ?
4. Pourquoi l’écosystème semble-t-il désordonné ?
5. TS vs JS : (.tsx, .ts, .js, .jsx)
6. Créez votre premier composant

IV. Passage en mode Fullstack

1. Configurer et paramétrer nos dépôts GitHub
   1. Créer les dépôts frontend et backend
   2. Créer, ajouter, valider (commit) et pousser un premier README.md
   3. Pourquoi la documentation est importante (README.md et fichiers *.md)

   « Le code est comme la poésie — il ne doit pas seulement être lisible et compréhensible ; il doit être beau. »

2. Le fullstack ne concerne pas seulement les technologies
   1. Qui se soucie de la gestion ?
   2. Qu’est-ce qu’un Project Manager (PM) / Product Owner (PO) ?
   3. Quelles sont les méthodologies Agile et pourquoi ? (Manifeste Agile, Scrum, Kanban, Scrumban)
   4. La communication est essentielle (Slack, MS Teams, E-mail, Boards)
   5. Trello vs Jira
   6. Créez vos premiers tickets
   7. Travailler en équipe
   8. Travailler sur votre propre ticket

V. Bienvenue dans la galaxie Fullstack !

1. Créez votre tâche Fullstack complète

1. Partie backend
2. Partie frontend
3. Explorer Postman

2. Push, push et push !

1. Qu’est-ce que les branches et pourquoi en avons-nous besoin ?
2. Stratégies de branches
3. Créez une nouvelle branche et poussez votre code
4. Qu’est-ce qu’une Pull Request (PR), une Merge Request et la revue de code ?
5. Fusionner une PR
6. Que ne faut-il pas pousser ?

3. Le moment de vérité !

1. Mettre en production
2. Laissez le monde le voir
3. Fournisseurs cloud & hébergement (AWS, GCP, Azure, VPS …)
4. Netlify, Vercel, Render
5. Déploiement en production
   • Qu’est-ce que le CI/CD et le DevOps ?
   • Qu’est-ce que Docker, Docker Compose, Docker Swarm et Kubernetes ?
   • Explorer Vercel et Render
   • Déployer le frontend sur Vercel (via GitHub)
   • Déployer le backend sur Render (via GitHub)

VI. Compétences qui font la différence

1. Monitoring
2. Logging
3. Débogage
4. Tests
   1. Qui doit tester ?
   2. Tests unitaires
   3. Tests fonctionnels
   4. Tests d’intégration
   5. Tests E2E et le monde infini des tests
5. Mise en cache