Pour ce nouveau projet développement FullStack, nous allons réaliser le CRUD au complet. C’est-à-dire le Create, Read, Update et Delete. Comme les autres cours de cette collection, nous apprendrons en réalisant un projet de A à Z. Pour apprendre le CRUD, nous réaliserons ensemble une plateforme de gestion de biens immobiliers. Une liste de biens que nous pourrons créer, mettre à jour et supprimer.
Afin de mener à bien notre projet de développement, nous allons utiliser les langages HTML, CSS, JavaScript et PHP.
Pour le PHP nous développerons en programmation orientée objet. Afin de relier le Front et le Back, nous utiliserons la technologie Ajax.
Les codes ne se mélangeront pas ! Le HTML dans le HTML, le CSS dans le CSS, le Javascript dans le JavaScript, le PHP dans le PHP.
Au programme de ce projet FullStack dédié au CRUD
Ce projet pratique de près 11h de vidéo va couvrir énormément de notions. Il sera divisé en 4 parties (vous aurez accès aux codes de chaque partie).
- La 1ère partie sera dédiée au Create :
Dans cette 1ère partie, nous allons mettre en place un formulaire d'insertion en vue d'insérer les nouveaux biens dans une base de données. Le formulaire d'insertion se trouvera au sein d'une fenêtre modale que nous ferons apparaître et disparaître grâce à la magie du JavaScript. La mise en place de notre formulaire se fera grâce aux langages HTML & CSS.
Un contrôle du formulaire sera effectué au niveau frontend en utilisant le langage JavaScript, ainsi qu'au niveau backend en utilisant le langage PHP. Le résultat du formulaire ira dans une base de données.
Notre formulaire d'insertion enverra le titre du bien, le nom de la plateforme ainsi qu'une image représentant le bien.
- La deuxième partie sera dédiée au Read :
Dans cette 2ème partie, nous allons mettre en place un tableau affichant la liste des bien disponibles. Évidemment, ce tableau sera responsive. La liste des biens devra se rafraîchir automatiquement dès qu'un nouveau bien sera inséré. Nous mettrons en place une règle de réécriture
- La troisième partie sera dédiée à l'Update :
Dans cette 3ème partie, nous allons nous occuper de la possibilité de modifier un bien.
Pour cela nous mettrons en place un formulaire pour modifier le nom du bien, la plateforme utilisée ainsi que l'image (et au passage, supprimer physiquement l'ancienne image du serveur).
- La quatrième partie sera dédiée au Delete :
Dans cette 4ème et dernière partie, nous allons nous occuper de la possibilité de supprimer un bien.
Pour cela, nous mettrons en place un formulaire de suppression qui permettra de supprimer le bien et l'image.
La suppression d'un bien sera conditionnée au fait qu'il ne devra pas posséder de revenus.
Avec ce cours en ligne, je vous propose près de 11 heures de développement web professionnel avec une approche pratique.
N'hésitez pas à vous plonger dans cette aventure passionnante.
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
A tout de suite !
Avis des apprenants