Les Ateliers PHP #1 : On recréé la bibliothèque Faker
Les Ateliers PHP #1 : On recréé la bibliothèque Faker
Nous allons réaliser une page web qui contiendra le CRUD au complet. C'est-à-dire que sans jamais quitter la page courante, nous allons insérer des données dans une base de données MySQL, modifier ces données, les supprimer et enfin lire l'intégralité des données disponibles.
Pour réaliser ce travail, nous allons nous servir :
- Côté FRONTEND : De la librairie VueJS qui va nous permettre de pouvoir rendre dynamique notre page web, sans avoir besoin de recharger le document.
- Côté BACKEND : De la programmation orientée objet en PHP.
Ainsi, nous allons considérablement limiter le nombre de page web lors de la mise en place du CRUD.
En effet, seule une page web sera éditée, ce qui facilitera les mises à jour !
Il s'agit ici d'un bon exercice de programmation orientée objet en PHP qui vous permettra d'accroître la qualité de vos back-offices, aussi bien d'un point de vue Backend que Frontend.
Je mets à votre disposition, l'ensemble des scripts de ce tutoriel.
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Pour suivre ce tutoriel dans de bonnes conditions, vous devez connaître :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Mise en place du site HTML & CSS
Mise en place du site HTML & CSS
Chapitre 2
La base de données
La base de données
Chapitre 3
Compter le nombre de catégories
Compter le nombre de catégories
Chapitre 4
Ajouter une nouvelle catégorie
Ajouter une nouvelle catégorie
Chapitre 5
Afficher toutes les catégories
Afficher toutes les catégories
Chapitre 6
Supprimer une catégorie
Supprimer une catégorie
Chapitre 7
Modifier une catégorie
Modifier une catégorie
Plan détaillé du cours
Chapitre 1 : Mise en place du site HTML & CSS
23m45
Leçon 1Présentation du job
Leçon 2Création de la mise en page
Leçon 3Un peu de CSS
Chapitre 2 : La base de données
16m29
Leçon 1Création de la base de données
Leçon 2Instanciation à PDO
Leçon 3Mise en place de la classe d'entité
Leçon 4Mise en place de la classe Manager
Leçon 5Mise en place d'un autoloader
Chapitre 3 : Compter le nombre de catégories
22m14
Leçon 1Mise en place du HTML et du CSS
Leçon 2Amélioration du HTML & CSS
Leçon 3Création d'une méthode de comptage
Leçon 4On invoque la méthode de comptage
Chapitre 4 : Ajouter une nouvelle catégorie
59m07
Leçon 1Mise en place du HTML et du CSS
Leçon 2Faire apparaître la box d'insertion avec VueJS
Leçon 3Cacher la box d'insertion avec VueJS
Leçon 4Mise en place du formulaire HTML & CSS
Leçon 5Création d'une méthode de création
Leçon 6On invoque la méthode de création
Leçon 7Création d'une méthode de vérification
Leçon 8On invoque la méthode de vérification
Leçon 9Un peu de CSS
Leçon 10Un peu de VueJS
Chapitre 5 : Afficher toutes les catégories
10m24
Leçon 1Création d'une méthode d'affichage
Leçon 2On invoque la méthode d'affichage
Leçon 3Un peu de CSS
Chapitre 6 : Supprimer une catégorie
38m23
Leçon 1Mise en place du HTML
Leçon 2Mise en place du code VueJS 1/3
Leçon 3Mise en place du code VueJS 2/3
Leçon 4Mise en place du code VueJS 3/3
Leçon 5Création d'une méthode de suppression
Leçon 6Création d'un formulaire HTML
Leçon 7Un peu de CSS
Leçon 8On invoque la méthode de suppression
Leçon 9Encore un peu de CSS
Chapitre 7 : Modifier une catégorie
23m11
Leçon 1Création d'une méthode de modification
Leçon 2Mise en place du code VueJS 1/2
Leçon 3Mise en place du code VueJS 2/2
Leçon 4Mise en place du formulaire HTML
Leçon 5On invoque la méthode de modification
Leçon 6On vérifie que la catégorie a bien été remplie
Leçon 7On vérifie que la catégorie n'est pas déjà existante
Leçon 8On affiche les résultats par ordre alphabétique
Chapitre 8 : Conclusion
01m56
Leçon 1Conclusion
Aperçus
Avis des apprenants