Création d'un Slider moderne en JavaScript et CSS
ERROR
00:00
00:00

TUTO Création d'un Slider moderne en JavaScript et CSS

Enzo Ustariz
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto en vidéo, nous allons apprendre, étape par étape à créer un Slider super stylé en combinant du JavaScript, la librairie d'animation Greensock et du CSS ! Cela nous permettra de créer des animations / transitions d'images et de textes fluides et agréables visuellement.

Ce genre de projet pratique permet de passer au niveau supérieur dans vos créations et à vraiment être en confiance quand on place des éléments en CSS et qu'on utilise du JavaScript de manière générale.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Rendez-vous de l'autre côté !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Introduction projet Slider
Leçon 2
Mise en place
Leçon 3
Partie HTML de l'ensemble
Leçon 4
Mise en place de la Grille
Leçon 5
Aide CSS GRID
Leçon 6
Partie CSS de la gauche du slider
Leçon 7
Partie CSS de la partie droite

Plan détaillé du cours

Leçon 1Introduction projet Slider
01m28s
Leçon 2Mise en place
04m16s
Leçon 3Partie HTML de l'ensemble
06m34s
Leçon 4Mise en place de la Grille
09m17s
Leçon 5Aide CSS GRID
02m19s
Leçon 6Partie CSS de la gauche du slider
06m36s
Leçon 7Partie CSS de la partie droite
06m12s
Leçon 8Créer les deux autres panneaux
02m02s
Leçon 9Gérer le CSS de tous les panneaux
07m08s
Leçon 10Partie [removed] Faire baisser les slides
04m01s
Leçon 11Empêcher de sortir du tableau
01m51s
Leçon 12Découverte Timeline
04m33s
Leçon 13Faire disparaître / apparaître
03m02s
Leçon 14Animation lorsqu'on remonte
04m29s
Leçon 15Micro interactions des boutons
07m27s

Avis des apprenants

Détail des avis
59
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Pascal Imbert
Jean-Pascal Imbert
Publié le 04/03/2023
Atelier très sympa, de bonnes astuces pour les animations. Explications claires. Je recommande. 🙂
Jonathan Benitez
Jonathan Benitez
Publié le 25/01/2022
Super projet bien expl
Eric Arnould
Eric Arnould
Publié le 02/06/2020
Tres bon court, merci. Un petit soucis avec `.t${index}` => tu passes un peu rapidement sur ce point. J'avoue que je me suis acharné avec '.t${index}' qui ne marchait pas bien sur.

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

JavaScript , CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données