-
-
1.
Bienvenue au cours !
2:29
-
2.
Partagez votre travail sur Skillshare !
1:09
-
3.
Où trouver de l'audio pour votre application
1:32
-
4.
Structure HTML et lecture de l'audio
7:13
-
5.
Commandes audio personnalisées
4:01
-
6.
Style de CSS
9:16
-
7.
Lister nos chansons avec JavaScript
6:13
-
8.
Jouer des chansons de façon dynamique
5:06
-
9.
Définir la chanson en cours de lecture
2:01
-
10.
Commandes de lecture et d'interruption
2:45
-
11.
Le curseur de volume
2:21
-
12.
Mise à jour de la barre de progression
6:14
-
13.
Touches de finition
7:02
-
14.
Suivez-moi sur Skillshare !
0:23
-
Javascript Fun : créer une application de lecteur de musique !
Chris Dixon, Web Developer & Online Teacher
À propos de ce cours
Bienvenue dans la série de jeux Javascript !
Vous pouvez trouver tous les codes et les étapes du projet :
https://github.com/chrisdixon161/fun-javascript-projects.com
Pour la conception ou le développement du web, il existe trois technologies incontournables, HTML, CSS, et Javascript.
L'objectif principal de la série Javascript fun est de vous familiariser avec ces trois projets (il n'y a qu'un petit petit peu à vous obliger) et de les mettre en pratique en élaborant une série de projets éducatifs mais amusants qui vous montreront exactement comment ils fonctionnent parfaitement ensemble. Il est un excellent moyen d'apprendre à travailler sur des projets et à résoudre les problèmes.
Le projet que nous allons développer dans ce cours sera un lecteur de musique JavaScript.
Tous les outils requis sont téléchargeables, je vais utiliser les outils suivants :
Editor: de texte pour Visual Studio : https://code.visualstudio.com
Navigateur Web Chrome : https://www.google.co.uk/chrome/browser
Nous commençons par créer l'interface utilisateur avec HTML. Nous appliquons ensuite des styles en utilisant CSS.
Puis nous ajoutons Javascript, c'est là que se passe la vraie magie !
Vous allez apprendre des choses telles que :
- La conception d'interfaces HTML
- Styliser avec CSS
- Incorporer Javascript et associer des fichiers externes
- Const et let
- Fonctions de flèche ES6
- Les gestionnaires d'événements
- Pour / de boucles
- La manipulation du DOM
- Réaliser les calculs et les stocker dans des variables
- Tableaux Javascript
- Boucles à travers des réseaux
- Utiliser Javascript pour créer des éléments HTML (createElement, createTextNode & appendChild)
- Les paramètres par défaut et personnalisés
- Comment créer des éléments personnalisés pour contrôler l'élément audio
- Régler la source audio de manière dynamique
- Vérifier l'état prêt-à-porter du lecteur audio
- Obtenir la valeur des entrées de curseurs
- Calcul de la valeur de l'élément d'avancement HTML
- Et bien plus encore !
Si vous souhaitez évoluer et mettre vos compétences en pratique en réalisant de vrais projets, je vous verrai dans le cours !
Projets de cours Tout afficher (28)
Veuillez noter que ce cours est fourni à des fins d'éducation personnelle, d'information et de commodité uniquement, qu'il est de nature générale et qu'il ne vise pas à remplacer des conseils professionnels, juridiques ou médicaux. Pour en savoir plus, consultez nos Conditions d'utilisation.