Web Development Tutoriels
Le développement web propose un parcours d'apprentissage structuré pour créer des sites web modernes et des applications web. Nos tutoriels couvrent les technologies front - end et back - end, adaptés aux débutants comme aux développeurs intermédiaires. Avec des laboratoires gratuits et des exemples de code pratiques, vous acquerrez une expérience pratique en HTML, CSS, JavaScript et frameworks populaires. Notre environnement web interactif vous permet d'expérimenter différentes technologies et de voir des résultats en temps réel.
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
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
Implémenter un effet de loupe grossissante à l'aide du canvas
Dans ce projet, vous allez apprendre à créer un effet de grossissement sur des images à l'aide du canvas HTML. Cet effet est souvent présent sur les galeries d'images ou les sites de produits, permettant aux utilisateurs de survoler une image et d'obtenir une vue agrandie d'une partie spécifique. L'effet de loupe grossissante fournit une vue détaillée sans avoir à ouvrir une nouvelle fenêtre ou page.
JavaScript
Création d'un jeu Web Whack-a-Mole
Dans ce projet, vous allez apprendre à créer un jeu Whack-a-Mole à l'aide de HTML, CSS et JavaScript. Le jeu consiste à frapper des taupes qui apparaissent aléatoirement à partir de trous dans une limite de temps spécifiée. Vous créerez les fichiers HTML, CSS et JavaScript nécessaires et implémenterez la logique du jeu étape par étape.
JavaScript
Créer une application web avec un carrousel Swiper
Dans ce projet, vous allez apprendre à créer une application web avec un carrousel Swiper qui présente une disposition visuellement attrayante avec un contenu thématiques cosmique. L'application permettra aux utilisateurs de naviguer entre différentes diapositives et de visualiser des cartes contenant des informations intéressantes sur l'univers.
CSS
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
Insérer et styliser des images en HTML
Apprenez à ajouter, styliser et manipuler des images en HTML en utilisant divers attributs tels que src, alt, width, height et title.
HTML
Créer un raccourcisseur d'URL avec Flask et MySQL
Ce projet vous guide dans la création d'un service de raccourcissement d'URL simple en utilisant Flask et MySQL. Vous allez apprendre à configurer une base de données, à concevoir une interface web et à implémenter des fonctionnalités pour raccourcir des URL, rechercher des URL par étiquettes et visualiser des analyses. Le projet est adapté aux débutants et offre une vue d'ensemble complète du développement web avec Python et la gestion de bases de données.
HTML
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éer une application web Tic-Tac-Toe
Dans ce projet, vous allez apprendre à créer un jeu de Tic-Tac-Toe en utilisant HTML, CSS et JavaScript. Le Tic-Tac-Toe est un jeu à deux joueurs où les joueurs prennent tour à tour pour marquer X ou O dans une grille 3x3. L'objectif est d'obtenir trois marques alignées, horizontalement, verticalement ou en diagonale. Vous créerez les fichiers HTML, CSS et JavaScript nécessaires et mettrez en œuvre la logique du jeu étape par étape.
CSS
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
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éer une extension VSCode avec ChatGPT
Dans ce projet, nous allons créer une extension VSCode qui permet à l'utilisateur de régler le niveau d'en-tête du texte Markdown sélectionné.
JavaScript
Ne pas marcher sur la tuile blanche
Ce projet vous guide dans la création d'un jeu web simple mais captivant intitulé 'Ne pas marcher sur la tuile blanche'. En suivant ces étapes, vous apprendrez à combiner HTML, CSS et JavaScript pour construire un jeu interactif où les joueurs doivent éviter de marcher sur les tuiles blanches pour marquer des points. Ce projet est idéal pour les débutants souhaitant pratiquer leurs compétences en développement web.
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'un jeu de démineur avec JavaScript
Je crois que tout le monde a déjà joué au jeu classique de démineur. Ses règles sont simples mais très addictives. Avez-vous déjà pensé à le développer vous-même? Aujourd'hui, nous allons créer une version web du démineur. D'abord, jetons un coup d'œil à une capture d'écran de l'interface.
JavaScript
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
Création d'une application web de chronomètre de tâches
Dans ce projet étape par étape, vous allez apprendre à créer une application web de chronomètre de tâches en utilisant HTML, CSS et JavaScript. Cette application web permettra aux utilisateurs d'ajouter des tâches, de démarrer et d'arrêter les chronomètres pour chaque tâche et de supprimer les tâches. À la fin de ce projet, vous aurez une application web de chronomètre de tâches entièrement fonctionnelle avec une interface moderne et conviviale.
JavaScript
- Précédent
- 1
- 2
- 3
- 4
- 5
- 6
- ...
- 54
- Suivant