$ 9.00

Tuto Création d'un Slider moderne en JavaScript et CSS avec JavaScript, CSS

$ 9.00

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

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é !

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

    • Introduction projet Slider gratuit 00:01:28
    • Mise en place gratuit 00:04:16
    • Partie HTML de l'ensemble 00:06:34
    • Mise en place de la Grille 00:09:17
    • Aide CSS GRID 00:02:19
    • Partie CSS de la gauche du slider 00:06:36
    • Partie CSS de la partie droite 00:06:12
    • Créer les deux autres panneaux 00:02:02
    • Gérer le CSS de tous les panneaux 00:07:08
    • Partie [removed] Faire baisser les slides 00:04:01
    • Empêcher de sortir du tableau 00:01:51
    • Découverte Timeline 00:04:33
    • Faire disparaître / apparaître 00:03:02
    • Animation lorsqu'on remonte 00:04:29
    • Micro interactions des boutons 00:07:27



Formateur : Enzo Ustariz

Enzo Ustariz a publié 40 tutoriels et obtenu une note moyenne de 4,9/5 sur 1 152 tutoriels vendus. Voir les autres formations de Enzo Ustariz

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de theval46 laissé 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.

  • 5
    avis de voyageur laissé le 04/02/2020
    Bon tuto, avec des explications trés claire. On ne regrette pas sont investissement.
    "Merci beaucoup pour ce retour et à bientôt"

  • 5
    avis de mateosim laissé le 06/01/2020
    Très bon tuto encore une fois.Un peu dur peut-être pour les novices mais très sympa pour l'utilisation des animations, l'utilisation de greensock etc .Cela fait pratiquer et donne de bonnes idées. Merci Enzo

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    JavaScript , CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1213 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données