Fiche produit 3D interactive
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Fiche produit 3D interactive

Fabien Le Corre
1,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS3 en vidéo, nous verrons comment réaliser un cube 3D en CSS3 avec des images représentant des produits Apple.

Ensuite, nous verrons comment réaliser avec Jquery un effet de rotation lorsque l'utilisateur cliquera sur des boutons pour faire pivoter le cube sur la droite ou sur la gauche et ainsi avoir le produit qu'il souhaite en face de lui à l'écran.

Pour finir, nous verrons comment faire en sorte d'afficher les informations d'un produit que l'on ira récupérer en base de données pour les afficher au visiteur lorsque qu'il cliquera sur un produit. Cette récupération d'informations et l'affichage de celles-ci sera fait en AJAX, c'est à dire sans rechargement de la page dans le navigateur. Pour cela nous utiliserons PHP, MySQL, Jquery et le format de données JSON pour transmettre les données du serveur au client (du PHP au Javascript).

A noter que l'effet de 3D présenté dans le tutoriel ne fonctionnera que sur Google Chrome et Safari.
Bon tuto!

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Sans titre

Plan détaillé du cours

Leçon 1Sans titre
29m39

Avis des apprenants

Détail des avis
78
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Red Bordeaux
Red Bordeaux
Publié le 01/07/2016
On apprend vraiment rapidement avec ce formateur qui va droit au but. La technique est applicable à beaucoup de cas de figures, que vous fassiez un site orienté vitrine ou e-commerce. C'est dommage pour le son, le micro est manifestement posé sur le bureau, juste à côté du clavier, c'est pas terrible si vous avez un gros caisson de basses. Mais, là encore, le prix et la qualité du tuto vous feront passer outre ces petites imperfections. Sinon, bon tuto, et formateur au top. A recommander. Merci.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Payer plus tard

Prix d'achat : 1,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1401 tutos gratuits

Notre politique de protection des données