-
Bienvenue sur la série de plaisants Javascript !
Vous trouverez toutes les étapes du code et des projets ici :
https://github.com/chrisdixon161/fun-javascript-projects.com
Pour le design ou le développement web, il existe trois technologies à 3 must-know de HTML, que de CSS, et Javascript.
L'objectif principal de la série de divertissements de Javascript est de faire connaître vos connaissances sur ces 3 (un seul peu d'exigence) et de les mettre en pratique en les mettant en pratique en créant une série de projets educational, et amusants qui vous montrent exactement comment ils fonctionnent parfaitement dans la même mesure dans le même même la fois. Travailler sur des projets et résoudre les problèmes est un excellent moyen d'apprendre sur la manière de apprendre.
Le projet que nous allons créer dans ce cours sera un joueur de musique de Javascript.
Tous les outils nécessaires sont gratuits à télécharger. J'utiliserai tous les éléments suivants :
Éditeur de texte de code visuel : https://code.visualstudio.com
Navigateur Web Chrome : https://www.google.co.uk/chrome/browser
Nous commencerons par créer l'interface utilisateur avec HTML. Ensuite, nous appliquons le style à l'aide de CSS.
Ensuite, nous ajoutons de Javascript, c'est là là où la vraie magie
Vous apprendrez des choses comme :
- Créer des interfaces HTML
- Styles avec CSS
- Intégrer Javascript et lier des fichiers externes
- Const et laissés
- Fonctions ES6 Arrow
- Gérés d'un événement
- Pour / des boucle
- Manipulation du DOM
- Réaliser les calculs et le stockage des variables
- Des tableaux Javascript
- Boucle à travers les réseaux
- Utiliser Javascript pour créer des éléments HTML (createElement, createTextNode et appendChild)
- Par défaut et paramètres personnalisés
- Comment créer des éléments personnalisés pour contrôler l'élément audio
- Régler la source audio
- Vérification de l'état de l'état de l'audio
- Obtenir la valeur des entrées des diapositives
- Calculer la valeur de l'élément de progrès HTML
- Et bien plus encore !
Si vous cherchez à passer à l'étape et à mettre vos compétences en pratique dans des projets de la même façon, je vous retrouve dans ce cours !
Overview
Syllabus
-
- Bienvenue dans le cours !
- Où trouver de l'audio pour votre application
- Structure HTML et lecture de l'audio
- Commandes audio personnalisées
- Style de CSS
- Lister nos chansons avec JavaScript
- Jouer des chansons de façon dynamique
- Définir la chanson en cours de lecture
- Commandes de lecture et d'interruption
- Le curseur de volume
- Mise à jour de la barre de progression
- Touches de finition
- Suivez-moi sur Skillshare !
