Labs gratuits JavaScript
Exercez-vous à JavaScript avec les Labs Gratuits. Explorez des exercices pratiques pour maîtriser la syntaxe JavaScript, la manipulation du DOM et la programmation événementielle dans un environnement interactif.
Votre premier laboratoire JavaScript
Bonjour et bienvenue sur LabEx! Dans ce premier laboratoire, vous allez apprendre le programme classique 'Hello, World!' en JavaScript.
LabJavaScript
Application du module HTTP
Le module http est le module officiel de Node.js pour créer un serveur web, permettant aux développeurs front-end de commencer rapidement avec le développement côté serveur. Créons une application à l'aide de ce module.
ChallengeJavaScript
Carte d'étudiant LabEx
Dans ce défi, nous allons aider Jane à créer une interface d'application de carte d'étudiant pour une université. L'objectif est de mettre en œuvre la validation des formulaires pour les champs du nom et de l'identifiant étudiant et d'afficher le contenu du formulaire soumis correctement sur la carte. En accomplissant cette tâche, nous nous assurerons que l'entrée du formulaire est validée et que la carte affiche les informations correctes.
ChallengeJavaScript
Tableaux et objets
Dans ce laboratoire, nous continuons de suivre Alex dans leur parcours en tant que développeur web dans une startup technologique. La scène se déroule dans l'espace de travail de l'équipe de développement, où Alex est chargé d'améliorer le suivi des finances personnelles en incorporant la capacité de gérer plusieurs enregistrements financiers. Cette fonctionnalité cruciale nécessite d'approfondir les tableaux et les objets de JavaScript, en stockant chaque enregistrement financier sous forme d'objet dans un tableau. L'objectif est de créer une application dynamique et interactive qui ne seulement suit mais également organise efficacement les données financières des utilisateurs. Grâce à cet effort, Alex vise à fournir aux utilisateurs une vue claire de leurs activités financières, rendant ainsi l'application plus utile et attrayante.
LabJavaScript
JavaScript et DOM de base
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.
LabJavaScript
Stockage et récupération de données
Dans ce laboratoire, nous accompagnons Alex, un développeur web déterminé dans une jeune startup technologique en pleine expansion, qui entre maintenant dans le domaine de la persistance des données. Après avoir créé avec succès un mécanisme de suivi et d'affichage des enregistrements financiers dans le suivi des finances personnelles, le prochain défi est de s'assurer que ces enregistrements persistent au cours des sessions de navigateur. L'objectif est de permettre aux utilisateurs de revenir sur l'application et de trouver toutes leurs données précédemment entrées intacts, améliorant ainsi la convivialité de l'application et la satisfaction des utilisateurs. Cette tâche introduit Alex au concept de stockage web, en particulier en utilisant l'API localStorage pour enregistrer et récupérer l'état de l'application.
LabJavaScript
Amélioration du logiciel de suivi des finances personnelles
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.
LabJavaScript
Mise en œuvre du bilan
Dans ce laboratoire, situé dans la dynamique scène des startups du 'FinTech Valley', vous allez prendre la place d'Alex, un jeune ingénieur logiciel chargé d'améliorer le système de suivi financier d'une société de technologies en rapide croissance. L'équipe financière de l'entreprise a besoin d'un moyen dynamique de visualiser l'état financier global de l'organisation. Votre objectif est d'implémenter une fonctionnalité dans leur application de comptabilité basée sur le web existante qui calcule et affiche le revenu total, les dépenses totales et le solde net, fournissant des informations financières en temps réel.
LabJavaScript
Appeler une API en JavaScript
Dans ce laboratoire, vous apprendrez à interagir avec les API web en utilisant JavaScript moderne. Vous utiliserez l'API `fetch` pour effectuer des requêtes GET et POST, gérer les réponses, analyser les données JSON, les afficher en HTML, implémenter la gestion des erreurs et authentifier les requêtes avec une clé API pour des applications web dynamiques.
LabJavaScript
Instructions conditionnelles en JavaScript
Dans ce laboratoire, vous apprendrez les bases des instructions conditionnelles en JavaScript, y compris if, else et else if, pour contrôler le flux de votre code.
LabJavaScript
Introduction et intégration de 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.
LabJavaScript
Boucles JavaScript
Dans ce laboratoire, vous apprendrez les bases des boucles JavaScript, y compris les boucles for, while et do-while, pour contrôler le flux de votre code et répéter des actions.
LabJavaScript
Opérateurs et expressions JavaScript
Dans ce laboratoire, vous apprendrez les bases des opérateurs et expressions JavaScript, y compris les opérations arithmétiques, la concaténation de chaînes et les opérateurs d'incrémentation.
LabJavaScript
Variables et Types de Données en JavaScript
Dans ce laboratoire, vous apprendrez les bases de JavaScript en déclarant des variables avec `let` et en explorant les types de données de base tels que les chaînes de caractères, les nombres et les booléens.
LabJavaScript
Analyser des données JSON
Dans ce laboratoire, vous apprendrez à analyser, modifier et enregistrer des fichiers de configuration JSON avec Python. Cette compétence est essentielle pour gérer des données structurées dans les applications modernes.
LabJavaScript