JavaScript Tutoriels
Nos tutoriels JavaScript offrent une approche systématique pour apprendre la programmation web dynamique. Ils couvrent les fondamentaux de JS, la manipulation du DOM et la programmation asynchrone, adaptés aux débutants comme aux développeurs intermédiaires. Grâce à des laboratoires pratiques et des exemples de code concrets, vous acquerrez de l'expérience dans la création d'applications web interactives. Notre espace de travail JS vous permet d'expérimenter avec les fonctionnalités de JavaScript et de voir les résultats en temps réel.
Construire un jeu de puzzle glissant avec JavaScript
Bienvenue dans ce projet de construction d'un jeu de puzzle glissant simple en utilisant JavaScript. À la fin de ce guide, vous aurez un jeu de puzzle glissant 3x3 fonctionnel que vous pourrez jouer dans votre navigateur. Le jeu présentera des tuiles numérotées, un minuteur et des contrôles pour démarrer, mettre en pause et réinitialiser le jeu.
JavaScript
Jeu de tas de fruits avec HTML, CSS, JavaScript
Dans ce projet, vous allez apprendre à créer un simple jeu de tas de fruits à l'aide d'HTML, de CSS et de JavaScript. Le but est de piler les éléments de fruits tombant au sommet de la page dans la boîte en bas. Si trois fruits identiques sont dans la boîte, ils seront automatiquement supprimés.
JavaScript
Jeu de puzzle basé sur jQuery
Ce projet, le 'Jeu de puzzle basé sur jQuery', offre une expérience pratique dans le développement web, en mettant l'accent sur JavaScript, jQuery et Bootstrap. Il implique la programmation orientée objet en JavaScript et aborde le problème courant de la liaison de 'this' dans le contexte du développement web. Le jeu est implémenté à l'aide de jQuery et de Bootstrap 3 pour l'interface utilisateur. Bien que la familiarité avec Bootstrap soit utile, la logique centrale du projet est construite avec jQuery et JavaScript.
JavaScript
Jeu de correspondance de fruits avec HTML, CSS, JavaScript
Dans ce projet, vous allez apprendre à créer un simple jeu 'Fruit for Fun' à l'aide d'HTML, CSS et JavaScript. Le jeu consiste à trouver des paires d'images de fruits en cliquant sur les carrés du plateau de jeu.
JavaScript
Tableau de bord de ventes en temps réel avec Echarts
Dans ce projet, vous allez apprendre à créer un tableau de bord de ventes en temps réel à l'aide de la bibliothèque Echarts. Le tableau de bord affichera les données de ventes et de volume sous une forme visuellement attrayante et facile à comprendre.
JavaScript
Création d'un jeu de puzzle glisser-déposer en React
Dans ce projet, nous allons créer un jeu de puzzle glisser-déposer à l'aide de React. Il s'agit d'un excellent projet pour les débutants qui souhaitent apprendre à connaître les composants React, la gestion de l'état et la gestion des interactions utilisateur. À la fin de ce projet, vous aurez un jeu de puzzle fonctionnel.
JavaScript
Utiliser la balise <time> pour un HTML sémantique
Apprenez à utiliser la balise <time> HTML5 pour ajouter un sens sémantique aux dates et aux heures, améliorant ainsi la structure et l'accessibilité des pages web.
CSSHTMLJavaScript
Création d'un jeu de déplacement de blocs web
Dans ce projet, nous allons créer un jeu de déplacement de blocs amusant et simple en utilisant HTML, CSS et JavaScript. Ce jeu consiste à déplacer des blocs où le joueur doit cliquer sur les blocs noirs pour gagner des points et éviter de cliquer sur les blocs blancs. Commençons à le construire étape par étape !
JavaScript
Application web interactive de collection de films
Dans ce projet, vous allez apprendre à créer une application web interactive de collection de films utilisant HTML, CSS et JavaScript (jQuery). L'application permet aux utilisateurs de marquer leurs films préférés, et lorsqu'une collection de films préférés est créée, un message de réussite est affiché.
JavaScript
Création d'une application web de partage d'expenses moderne
Dans ce projet étape par étape, nous allons créer une application web de partage d'expenses moderne et visuellement attrayante utilisant HTML, CSS et JavaScript. Cette application vous permettra de partager les dépenses entre un groupe de personnes et de calculer qui doit quoi à qui. Nous commencerons de zéro et couvrirons chaque étape pour construire progressivement le projet.
JavaScript
Créer un outil de découpe d'image avec HTML5
Ce projet vous guidera tout au long du processus de création d'un outil de découpe d'image simple. À la fin, vous aurez une application interactive qui permettra aux utilisateurs de télécharger, d'afficher et de découper des images.
JavaScript
Développer un éditeur Markdown avec aperçu en direct
Dans ce projet, nous allons créer un éditeur Markdown simple basé sur le web qui offre une prévisualisation HTML en direct tandis que vous tapez. En utilisant des bibliothèques telles que Ace Editor, marked et highlight.js, vous développerez un éditeur intuitif qui permet non seulement d'écrire en Markdown, mais également de sauvegarder les données entre les sessions de navigateur et de mettre en évidence les extraits de code dans la prévisualisation.
JavaScript
Création d'une application web de tableau de dessin
Dans ce projet, nous allons créer une application web de tableau de dessin simple étape par étape. Chaque étape se construira sur la précédente, vous permettant d'ajouter progressivement des fonctionnalités à l'application. À la fin de ce projet, vous aurez un tableau de dessin entièrement fonctionnel où les utilisateurs pourront dessiner, changer la couleur de la brosse, régler la taille de la brosse et effacer le canevas.
JavaScript
Création d'une application de vote
Dans ce projet, vous allez apprendre à créer une application de vote qui permet aux utilisateurs de créer et de gérer les options de vote, ainsi que de supprimer les options si nécessaire. L'application inclut également des fonctionnalités de prise en charge de la sélection multiple et des résultats de vote publics.
JavaScript
Application de tirage au sort simple
Dans ce projet, vous allez apprendre à créer une application de tirage au sort simple à l'aide de JavaScript et de jQuery. L'application simulera un tirage au sort en faisant tourner une liste de prix et en affichant le prix gagnant lorsque la rotation s'arrête.
JavaScript
Création d'un graphique de contributions en heatmap avec React
Ce projet vous guidera dans la création d'un calendrier en heatmap avec React, ressemblant au graphique de contributions de GitHub. Ce type de calendrier peut être un moyen captivant de visualiser les données d'activité au fil du temps, avec l'intensité de la couleur indiquant le niveau d'activité sur un jour donné. À la fin de ce projet, vous comprendrez clairement comment intégrer et utiliser un calendrier en heatmap dans une application React.
JavaScript
Jeu web 2048 utilisant jQuery
2048 est un jeu extrêmement populaire et facile à apprendre qui a fait sensation dans le monde. Si vous ne l'avez pas encore joué, vous pouvez le télécharger sur votre téléphone mobile pour essayer. Ce projet vous guidera dans l'utilisation de HTML, CSS, JavaScript et jQuery pour créer une version web du jeu 2048.
JavaScript
Création d'interfaces d'accordéon réactives
Dans ce projet, vous allez apprendre à créer un simple accordéon pliable à l'aide de HTML, CSS et JavaScript. L'accordéon pliable est un élément d'interface utilisateur courant qui permet aux utilisateurs de développer et de réduire des sections de contenu, ce qui en fait une fonctionnalité utile pour afficher des informations de manière compacte et organisée.
JavaScript
- Précédent
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 36
- Suivant