Je vous montre la réalisation d’un VRAI projet WEB de A à Z

Bonjour à vous qui lisait ces quelques lignes.

Si vous êtes ici, c’est parce que vous avez soif de découvrir comment on réalise un VRAI projet web en tant que développeur.

Je me suis lancé ce défi et surtout parce que j’ai une opportunité de vous montrer comment cela se passe concrètement.

Car on ne va pas se le cacher : il existe des tas et des tas d’articles qui vous montrent par des exemples bateaux sur « comment réaliser telle ou telle chose en matière de code ou sur la réalisation d’une étape clé d’un projet ou d’une application ».

Et l’on ne sait jamais si ce que l’on voit peut être réellement utilisé en production.

En clair, vous obtenez du grain à moudre, mais vous n’avez pas le moulin.

Avec cette série de vidéo, je compte répondre et pallier à ce problème courant, car j’ai remarqué qu’il n’y a pas beaucoup de contenu en francophonie qui vous montre concrètement la réalisation d’un VRAI projet.

Un projet qui va vivre avec au final une application qui sera en production et surtout utilisé par de vrais utilisateurs dans le monde professionnel.

C’est cela que je vous montrais pour que vous puissiez voir chaque étape et surtout comment vous devez vous y prendre.

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 vont se passer ses 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