Curseur d'image avec JavaScript
Telmo Sampaio
Regardez ce cours et des milliers d'autres
Regardez ce cours et des milliers d'autres
Leçons de ce cours
-
-
1.
Intro
1:00
-
2.
Corps HTML
11:53
-
3.
Connexion du JavaScript
13:12
-
4.
Ajouter des flèches de curseur
9:39
-
5.
Connexion des flèches de curseur avec JavaScript
7:47
-
6.
Ajouter des points de curseur
3:55
-
7.
Connexion du JavaScript aux points de curseur
5:06
-
8.
Css Transitions
3:51
-
-
- --
- Niveau débutant
- Niveau intermédiaire
- Niveau avancé
- Tous niveaux
Généré par la communauté
Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.
276
apprenants
3
projets
À propos de ce cours
Dans ce cours, nous allons apprendre à construire un curseur d'images Carousel, c'est un excellent projet pour tester vos compétences en Slider, et une occasion impressionnante d'enrichir votre site Web du Portefeuille.
Afin de suivre et de tirer le meilleur de ce cours, vous devriez avoir une connaissance de base des :
- Html
- CSS
- Javascript
Mais ne vous inquiétez pas, je couvrirai tout à un rythme très lent et je vous expliquerai chaque étape du processus, si vous avez des questions, publiez-les vers le bas et nous serons heureux de vous aider :)
Rencontrez votre enseignant·e
I'm Telmo Sampaio, a full stack web developer from Manchester, UK. I love to share what I know through my training courses, teaching and speaking on my youtube channel. Any questions get in touch with me, I would love to meet you!
Voir le profil completProjet de cours pratique
Maintenant que vous avez appris à construire un curseur d'image de Carousel, avec des flèches cliquables, je vous propose un défi.
Construire un projet similaire à celui-ci, mais avec les diapositives d'images changeant automatiquement.
Pour commencer, je vous donnerai un indice, vous devez utiliser un setTimeout de fonction JavaScript et vous pouvez en trouver plus dans le lien ci-dessous.
https://www.w3schools.com/jsref/met_win_settimeout.asp
Publiez votre projet et partagez-le avec tout le monde, et si vous avez des questions, nous sommes tous là pour vous aider :)
Notes attribuées au cours
Pourquoi s'inscrire à Skillshare ?
Suivez des cours Skillshare Original primés
Chaque cours comprend de courtes leçons et des travaux pratiques
Votre abonnement soutient les enseignants Skillshare
