Dans cette formation pratique, vous allez réaliser 6 projets ludiques et enrichissants en JavaScript.
Que ce soit pour améliorer vos connaissances sur ce langage, développer vos designs avec des animations innovantes, ou mieux comprendre les liaisons entre l'HTML, le CSS et le JavaScript, ce cours en ligne et en vidéo est fait pour vous.
Le 6 projets Javascript que vous allez apprendre à réaliser dans ce tuto
- Une boîte à sons,
- Une horloge,
- Un indicateur de scroll,
- Une application qui vous permettra de jouer avec des variables CSS,
- Un curseur personnalisé,
- Une application de glisser-déposer (drap and drop).
Tous ces projets seront réalisés en Javascript Vanilla (c'est à dire du Javascript pur).
Le tuto se terminera par un petit QCM pour valider vos connaissances acquises tout au long de ces ateliers pratiques Javascript.
Le code source est fourni pour chaque projet, et vous pouvez les réutiliser à votre guise.
Je reste disponible dans le salon d'entraide de ce cours.
Bon tuto !
Table des matières de cette formation JavaScript (durée : 1h43m)
-
Introduction
- Introduction gratuit 00:02:24
- Le code source et VS Code gratuit 00:03:00
-
Projet 1 : Boîte à sons
- Partie HTML 00:08:10
- Partie CSS 00:05:15
- Partie JavaScript, Le son 00:06:23
- Partie JavaScript, effet de style 00:05:58
- Retour sur Keycode et Key 00:04:44
-
Projet 2 : Horloge
- Partie HTML et CSS 00:06:41
- Partie JavaScript 00:09:47
-
Projet 3 : Indicateur de Scroll
- Partie HTML et CSS 00:05:10
- Partie JavaScript 00:05:48
-
Projet 4 : Jouer avec les variables CSS
- Partie HTML et CSS 00:06:59
- Partie JavaScript 00:04:48
-
Projet 5 : Curseur stylisé
- Partie HTML 00:01:33
- CSS 00:05:41
- Partie JavaScript 00:04:30
-
Projet 6 : Drag and Drop
- Partie HTML et CSS 00:04:26
- Partie JavaScript 1 00:04:24
- Partie JavaScript 2 00:07:33
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Enzo Ustariz
-
Très très bon tuto, merci Enzo
-
Très bon tuto, merci à toi dans l'attente de nvx projets
-
Comme à l'accoutumé excellent tuto qui nous fait naviguer de façon concrète dans le javascript et le css. Bravo ... on en redemande !
-
Avec quelle version de logiciel ce tuto est-il compatible ?JavaScript
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés