HTML Tutoriels

Dans ce laboratoire, vous plongerez dans le monde du développement web du point de vue d'Alex, un jeune développeur web chargé de créer un outil de suivi des finances personnelles dynamique. L'objectif est de construire une application conviviale permettant aux utilisateurs d'entrer et de suivre leurs dépenses et revenus quotidiens. Le but est clair - développer une interface à la fois intuitive et attrayante, garantissant aux utilisateurs de gérer facilement leurs finances sans aucun problème. Ce projet vise non seulement à simplifier la gestion des finances personnelles, mais aussi à vous initier aux concepts fondamentaux de JavaScript et de la manipulation du DOM.

Ce projet vous guide tout au long du processus de déploiement d'un modèle MobileNetV2 pré-entraîné à l'aide de TensorFlow.js dans une application web Flask. MobileNetV2 est un réseau neuronal profond léger utilisé principalement pour la classification d'images. TensorFlow.js permet d'exécuter directement des modèles d'apprentissage automatique dans le navigateur, permettant ainsi d'avoir des applications web interactives. Flask, un framework web Python, servira de backend pour héberger notre application. À la fin de ce projet, vous aurez une application web fonctionnelle qui classifie en direct des images à l'aide du modèle MobileNetV2.

Dans ce projet, vous allez apprendre à résoudre les problèmes d'affichage d'un site web et à vous assurer qu'il est correctement stylisé et structuré. L'objectif est de prendre un site web inachevé et de le rendre ressemblant au produit fini souhaité.

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.

Dans ce laboratoire, le parcours d'Alex dans le développement du logiciel de suivi des finances personnelles entre dans une étape avancée, en mettant l'accent sur l'amélioration de l'interactivité de l'application grâce à des techniques sophistiquées de gestion d'événements. La scène est mise dans une session de brainstorming au sein de la startup technologique, où Alex propose d'ajouter une fonctionnalité de glisser-déposer pour réordonner les enregistrements financiers. Cet objectif ambitieux vise à offrir aux utilisateurs un moyen intuitif d'organiser leurs enregistrements, reflétant la nature fluide de la gestion des finances personnelles. Pour y arriver, Alex doit explorer les événements DOM avancés et manipuler les éléments de manière à être à la fois visuellement attrayante et conviviale pour l'utilisateur.

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.

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.

Dans le projet précédent, nous avons développé un scanner de ports en Python utilisant le threading et les sockets. Bien qu'efficace, il est possible de l'améliorer en utilisant des bibliothèques tierces.

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.

Dans ce projet, vous apprendrez à créer un jeu de Morpion en utilisant HTML, CSS et JavaScript. Le Morpion est un jeu à deux joueurs où chacun marque à tour de rôle un X ou un O dans une grille 3x3. L'objectif est d'aligner trois symboles, horizontalement, verticalement ou en diagonale. Vous créerez les fichiers HTML, CSS et JavaScript nécessaires et implémenterez la logique du jeu étape par étape.

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.

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.

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.

Dans ce projet, vous allez apprendre à créer un graphique en ligne à l'aide de la bibliothèque ECharts. Le graphique affichera le nombre d'heures que l'utilisateur passe sur son téléphone chaque jour de la semaine.

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.

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.

Dans ce laboratoire, vous apprendrez les bases de JavaScript, y compris comment l'intégrer directement dans un fichier HTML et comment lier un fichier JavaScript externe.

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 !