Comment réaliser un vrai projet web : de A à Z

Table des matières

1. VRAI projet web - Introduction

Pour commencer, une première vidéo d’introduction pour vous expliquer le projet, comment l’idée m’est venue et surtout comment se passeront les prochaines semaines.

Vous pouvez visionner la vidéo juste en dessous.

2. VRAI projet web - la Gestion de projet

Voici la seconde vidéo où je vous explique notamment la gestion de projet pour ce développement.

J’utilise un outil qui se nomme Notion et vous pouvez récupérer le workspace complet qui me permet de gérer un projet agile sur ce lien. Vous devez ensuite cloner ce projet dans votre workspace pour pouvoir l’utiliser.

Ressources de la vidéo :

• Exemple de projet agile sous Notion
• Le projet que je vous montre sous Notion que vous pouvez suivre n’importe quand

3. VRAI projet web - Semaine #1 - NestJS et Architecture Hexagonale

Voici la 3ème vidéo où je vous explique en détails ce que j’ai fait et surtout le framework NestJS et l’architecture Hexagonale que j’ai mis en place.

Ressources de la vidéo :

• NestJS
• Architecture Hexagonale
• Méthode TDD

4. VRAI projet web - Semaine #2 - Ne JAMAIS lier du code avec votre schéma de base de données

Voici la 4ème vidéo où je vous explique en détails ce que j’ai fait cette semaine.

Je devais créer 2 routes sur mon API pour récupérer tous les produits ou un seul produit.

Mais je vous montre quelque chose qui ne faut pas faire et que vous devez éviter : ” Ne JAMAIS lier du code avec votre schéma de base de données”.

5. VRAI projet web - Semaine #3 - Réalisation d’une feature en mode TDD

Dans la 5ème vidéo, je vous montre la réalisation d’une feature en mode TDD. Un exemple concret pour vous inspirer et vous montrer les bénéfices de la méthode TDD.

Ressources de la vidéo :

• Architecture Hexagonale
• Méthode TDD

6. VRAI projet web - Semaine #4 - Création d’un Domain de A à Z

6ème vidéo et une mauvaise nouvelle à vous annoncer : mon client n’accepte pas le projet. Je vous explique les conséquences en vidéo mais rassurez-vous !

Je continue de faire la série de vidéos car j’ai encore des choses à vous montrer. Et je vous montre la création d’un Domain de A à Z.

PS : n’hésitez pas à me laisser un commentaire sur YouTube ou sur cet article pour me dire ce que vous en pensez ainsi que vos idées pour m’améliorer et faire en sorte que l’expérience que je veux vous partager vous soit le plus bénéfique possible.

7. VRAI projet web - Semaine #5 - Ma stratégie de test pour créer mon service

7ème vidéo et on continue la réalisation des Orders en créant l’application sous forme de service. C’est l’orchestre de l’architecture hexagonale.

Bien entendu, je le réalise par l’intermédiaire des tests avec la méthode TDD.

J’aborde d’ailleurs un point important sur le sujet. Il est important de bien réfléchir à sa stratégie de tests que l’on veut mettre en place et je vous parle de la stratégie que j’ai choisi de mettre en place, en l’occurrence ce que je veux tester.

8. VRAI projet web - Semaine #6 - Réalisation du Repository pour stocker notre Domain

8ème vidéo et je m’attaque au stockage de mon Domain en base de données. Je code donc le Repository des Orders.

Ayant un modèle de données différent de mon Domain c’est le parfait exemple pour vous montrer ce que doit faire un Repository.

9. VRAI projet web - Semaine #7 - Récupération d’une Order pour rebâtir notre Domain

9ème vidéo et je vous montre comment je récupère les données en base de données pour les rebâtir dans mon Domain.

10. VRAI projet web - Semaine #8 - Gestion des lignes d’une commande dans le Domain

10ème vidéo et je vous montre comment gérer les lignes des commandes dans le Domain Order. Vous verrez qu’il est beaucoup plus facile et rapide à ajouter du code métier dans du code existant.

11. VRAI projet web - Semaine #9 - Exposition de son code métier par l’API

11ème vidéo et dernière vidéo.

Je vous montre l’utilisation du code métier au niveau de l’API.

On va parler magie NestJS, PAW et documentation Swagger : la partie finale et la plus simple à aborder.

🎁 En cadeau, je vous livre le lien du repository Github pour explorer le code : https://github.com/GaetanCottrez/real-project