49,00

Tuto Projet Fullstack #3 - Créer un système d'avis et de notation avec Php, JavaScript, CSS, MySQL

49,00

  • Une formation vidéo de 4h11m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Projet Fullstack #3 - Créer un système d'avis et de notation

ajouter ce cours aux favoris retirer ce cours des favoris

Pour ce nouveau projet fullstack, je vous propose la mise en place d'un système d'avis et de notation complet !

Au programme de ce tuto Fullstack : créer un système d'avis et de notation

Voici comment fonctionnera notre système de notation :

  • L'utilisateur pourra ainsi choisir le nombre d'étoiles qu'il souhaitera donner.
  • Nous mettrons en place des animations en utilisant le CSS afin d'augmenter l'expérience utilisateur.
  • Lorsque l'utilisateur passera le pointeur de sa souris sur une étoile, alors viendra s'afficher sur la page, la valeur de l'étoile survolée.
  • L'utilisateur sera également invité à entrer un commentaire dans un textarea de formulaire prévu à cet effet.
  • Un contrôle frontend ainsi qu'un contrôle backend sera systématiquement effectué afin de conserver la cohérence des informations qui seront stockées dans une base de données MySQL.
  • Lorsque le formulaire de notation sera validé sur clic d'un bouton de formulaire, alors nous mettrons en place une animation qui fera disparaitre de façon harmonieuse, la fenêtre contenant le formulaire pour faire apparaître un message de remerciement ou d'erreur le cas échéant, ainsi que la note moyenne !

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Bonne formation !

Table des matières de cette formation Php, JavaScript, CSS, MySQL (durée : 4h11m)

  • Présentation du projet fullstack #3
    • Présentation du projet fullstack #3 gratuit 00:05:24
  • Partie 1: Mise en page HTML, CSS
    • Ce que nous allons faire gratuit 00:01:35
    • Mise en place du code HTML 00:06:07
    • Mise en forme du code CSS 1/2 00:09:21
    • Mise en forme du code CSS 2/2 00:04:11
  • Partie 2: Mise en place d'une base de données
    • Ce que nous allons faire gratuit 00:02:31
    • Création de la BDD 00:04:57
    • Mise en place de la classe PDO 00:06:30
    • Mise en place de la classe Avis 00:07:14
    • Mise en place de la classe AvisManager 00:07:53
    • Insérer les avis dans la table avis 00:09:39
  • Partie 3: Mise en place du formulaire d'avis et des étoiles
    • Ce que nous allons faire gratuit 00:01:13
    • Mise en forme du formulaire 00:10:47
    • On écoute quelle étoile est cliquée 00:06:33
    • On déselectionne la ou les étoiles précédentes 00:04:39
    • On active les étoiles précédentes 00:07:57
    • On modifie l'étoile survolée 00:04:20
    • On ajoute une phrase correspondant à l'étoile cliquée 00:08:18
  • Partie 4: Contrôle du formulaire côté frontend
    • Ce que nous allons faire gratuit 00:01:06
    • Contrôler qu'une note et un commentaire est donné 00:15:17
    • Le commentaire ne doit pas dépasser 250 caractères 00:09:19
  • Partie 5: Contrôle du formulaire côté backend
    • Ce que nous allons faire gratuit 00:02:38
    • Mise en place de la technologie Ajax 00:13:39
    • Conditionnement de l'insertion dans la table 00:11:24
    • Récupération de la réponse Json 00:07:21
    • Mise en place d'une animation 00:15:54
  • Partie 6: Mise en place d'animations
    • Ce que nous allons faire gratuit 00:01:37
    • Création d'une animation de loading 00:12:24
    • Programmation de l'affichage de l'animation de loading 00:07:05
    • Mise en apparition du chiffre de la valeur de l'étoile survolée 00:07:53
    • Programmation de l'apparition du chiffre 00:07:22
  • Partie 7: Mise en place de la note moyenne de l'article courant
    • Ce que nous allons faire 00:00:41
    • Mise en place HTML et CSS de la note moyenne 00:04:41
    • Ecriture d'une méthode qui retourne la note moyenne 00:06:13
    • Mise en place du retour Json 00:09:44
  • Test et Conclusion
    • Test et Conclusion 00:08:12



Formateur : Carl Brison

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

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de bilcoyotte laissé le 29/07/2021
    Excellent comme toujours, j'adore cette suite de projet et hâte de découvrir le suivant même si des moments je suis perdu , mais en s'accrochant aux branches on arrive à retomber sur ces pieds même si ils sont plats. des mines d'information et une méthode structurée pour le développement.
    "Je suis ravi que cela vous plaise. Vraiment merci beaucoup ;-)"

  • 5
    avis de grassel laissé le 16/07/2021
    Excellent ce choix de projet et toujours mené avec autant de clarté :=)

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    Php 7, CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
Parcours Developpeur PHP
accédez à plus de 1334 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données