$ 34.00

Tuto Exercice PHP POO - CRUD moderne avec Php, Vue-JS

$ 34.00

  • Une formation vidéo de 3h15m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 :

Table des matières de cette formation Php, Vue-JS (durée : 3h15m)

  • Mise en place du site HTML & CSS
    • Présentation du job gratuit 00:06:06
    • Création de la mise en page 00:08:04
    • Un peu de CSS 00:09:35
  • La base de données
    • Création de la base de données 00:01:20
    • Instanciation à PDO 00:03:54
    • Mise en place de la classe d'entité 00:04:20
    • Mise en place de la classe Manager 00:04:04
    • Mise en place d'un autoloader 00:02:51
  • Compter le nombre de catégories
    • Mise en place du HTML et du CSS 00:07:59
    • Amélioration du HTML & CSS 00:04:02
    • Création d'une méthode de comptage 00:07:16
    • On invoque la méthode de comptage 00:02:57
  • Ajouter une nouvelle catégorie
    • Mise en place du HTML et du CSS 00:06:08
    • Faire apparaître la box d'insertion avec VueJS 00:08:05
    • Cacher la box d'insertion avec VueJS 00:06:35
    • Mise en place du formulaire HTML & CSS 00:06:26
    • Création d'une méthode de création 00:04:05
    • On invoque la méthode de création 00:07:49
    • Création d'une méthode de vérification 00:03:27
    • On invoque la méthode de vérification 00:05:08
    • Un peu de CSS 00:06:58
    • Un peu de VueJS 00:04:26
  • Afficher toutes les catégories
    • Création d'une méthode d'affichage 00:04:13
    • On invoque la méthode d'affichage 00:04:18
    • Un peu de CSS 00:01:53
  • Supprimer une catégorie
    • Mise en place du HTML 00:07:44
    • Mise en place du code VueJS 1/3 00:04:49
    • Mise en place du code VueJS 2/3 00:04:35
    • Mise en place du code VueJS 3/3 00:05:44
    • Création d'une méthode de suppression 00:03:21
    • Création d'un formulaire HTML 00:04:04
    • Un peu de CSS 00:02:21
    • On invoque la méthode de suppression 00:04:15
    • Encore un peu de CSS 00:01:30
  • Modifier une catégorie
    • Création d'une méthode de modification 00:02:35
    • Mise en place du code VueJS 1/2 00:03:11
    • Mise en place du code VueJS 2/2 00:04:46
    • Mise en place du formulaire HTML 00:02:02
    • On invoque la méthode de modification 00:04:00
    • On vérifie que la catégorie a bien été remplie 00:02:24
    • On vérifie que la catégorie n'est pas déjà existante 00:02:36
    • On affiche les résultats par ordre alphabétique 00:01:37
  • Conclusion
    • Conclusion 00:01:56



Formateur : Carl Brison

Carl Brison a publié 165 tutoriels et obtenu une note moyenne de 4,9/5 sur 11 217 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Php 7
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le code complet de l'exercice.
accédez à plus de 1202 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données