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
Création d'un Slider moderne en JavaScript et CSS

ajouter ce cours aux favoris retirer ce cours des favoris

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é 45 tutoriels et obtenu une note moyenne de 4,9/5 sur 1 390 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 1264 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données