Préparé par Skillshare
10 cours (26 heures 41 minutes)
- Matériel
Google Chrome, éditeur de code Visual Studio Code
- Produit final
10 à 11 outils et jeux interactifs et personnalisés en JavaScript
- Niveau
Intermédiaire
JavaScript moderne pour les débutants : partie 1
Commencez par établir vos bases en JavaScript en apprenant toutes les bases, notamment les tableaux, les fonctions, les objets, les événements et le DOM, ainsi que les API Web.
JavaScript moderne pour les débutants : partie 2
Ensuite, explorez des sujets plus fondamentaux concernant JavaScript. Ce cours couvre les boucles et les instructions conditionnelles, un examen approfondi des objets, des mathématiques, de la date et des heures, ainsi que le dessin sur le canevas.
Javascript Fun : créez un calculateur de pourboires !
Il est maintenant temps de mettre à l'épreuve vos nouveaux concepts grâce à des projets pratiques et autonomes ! Dans ce cours, vous allez créer un calculateur de pourboires et, ce faisant, vous vous entraînerez à utiliser des fonctions, à utiliser des conditions, à gérer des événements, à manipuler le DOM, à effectuer des calculs et à les stocker dans des variables, à convertir des valeurs en nombres et à définir le nombre de décimales d'un nombre.
Javascript Fun : créez une application de suivi de course à pied !
Pour votre prochain projet d'entraînement, vous allez créer une application de suivi de la course à pied. Vous allez intégrer les techniques du projet précédent, ainsi que la soumission et la réinitialisation de formulaires, la création de cercles de progression et de chaînes de modèles.
Javascript Fun : créez un jeu Devine The Number !
Ensuite, vous allez créer un jeu de devinettes pour vous entraîner à des techniques telles que la concaténation de chaînes, les déclarations de comparaison, l'incrémentation, l'ajout de classes et la création d'animations CSS.
Javascript Fun : créez un jeu de correspondance numérique !
« Dans ce projet, il est temps de renforcer encore davantage vos compétences en créant votre propre jeu de correspondance de nombres. Vous découvrirez les fonctions Arrow d'ES6, les méthodes d'épissage et de découpage, l'opérateur ternaire et bien plus encore. »
Javascript Fun : créez une application d'effets photo !
Continuez à progresser grâce à ce projet d'entraînement sympa ! Vous allez créer une application d'effets sur les photos tout en apprenant comment les pixels sont structurés, en parcourant les données des pixels, en manipulant et en remplaçant des pixels sur le canevas, et en charger/téléchargeant des images.
Javascript Fun : créez une application de lecteur de musique !
Il est temps de passer à la vitesse supérieure en créant votre propre lecteur de musique JavaScript. Dans ce cours, vous allez développer toutes les compétences et tous les outils que vous avez déjà expérimentés, et vous allez également créer des éléments personnalisés pour contrôler un élément audio, définir la source audio de manière dynamique et obtenir la valeur des entrées du curseur.
Du plaisir avec JavaScript ! Créez un jeu de mémoire
Pour votre projet final, vous allez rassembler toutes vos nouvelles compétences et techniques en créant un jeu de mémoire Javascript. Le joueur voit apparaître une grille de carrés, et lorsqu'il clique dessus, la couleur d'arrière-plan est révélée. Le joueur doit trouver les paires correspondantes pour terminer le jeu.
Démystifier la parallaxe : apprenez à créer des pages Web interactives avec JavaScript
BONUS : Utilisez Javascript pour ajouter une touche interactive à votre site Web dans ce cours amusant de Rich Armstrong. Vous découvrirez comment créer une illusion interactive de profondeur, dans laquelle les objets les plus éloignés se déplacent plus lentement que les objets les plus proches. Et vous apprendrez à faire en sorte que tout réponde aux mouvements de l'utilisateur, par exemple lorsque la souris bouge ou lorsque la page défile. Ce cours abordera l'écoute des entrées de l'utilisateur (mouvements de la souris et modifications de la position de défilement) et la connexion des propriétés des éléments telles que la position, le flou et l'échelle aux entrées de l'utilisateur.
Félicitations ! Vous avez terminé.
Vous avez réussi ! Vous avez terminé ce parcours d'apprentissage. Nous sommes impatients de voir où ces nouvelles compétences vont vous mener.