CSS Tutoriels

Dans ce laboratoire, vous apprendrez à styliser des listes HTML à l'aide de diverses propriétés CSS pour créer une barre de navigation horizontale.

Dans ce laboratoire, vous apprendrez à styliser des tableaux HTML à l'aide de diverses propriétés CSS pour améliorer leur lisibilité et leur attrait visuel.

Dans ce laboratoire, vous apprendrez les bases de la manipulation du DOM (Document Object Model) avec JavaScript, y compris la sélection d'éléments, la modification de contenu, la définition d'attributs et la création/ajout de nouveaux éléments.

Dans ce laboratoire, vous apprendrez les bases de la stylisation de texte CSS, y compris comment définir la couleur du texte, la taille de la police, la graisse de la police, l'alignement et la hauteur de ligne.

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.

Apprenez à utiliser le positionnement relatif en CSS pour contrôler la mise en page d'images et d'éléments, créant des designs de pages web flexibles et dynamiques avec un positionnement précis des éléments.

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 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.

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.

Dans ce projet, nous allons créer une application Notes simple en utilisant React. L'application permettra aux utilisateurs d'ajouter, d'éditer et de supprimer des notes. Nous diviserons le développement en plusieurs étapes, en nous assurant que chaque étape répond à des exigences spécifiques et ajoute des fonctionnalités essentielles.

Apprenez à utiliser des sélecteurs descendants en CSS pour styliser des éléments HTML imbriqués, améliorant la conception de pages web et la compréhension des mécanismes de ciblage des sélecteurs.

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.

Apprenez les techniques fondamentales des sélecteurs CSS pour styliser efficacement les éléments web, y compris les sélecteurs de balise, de classe et d'ID avec des exemples pratiques et les meilleures pratiques.

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 'La Maison des Animaux', un univers virtuel pour les amateurs d'animaux, Alex, un développeur web, entreprend une quête pour moderniser la présentation de leurs services en utilisant la grille CSS.

Dans la ville animée de Petville, Jordan, un développeur web, est chargé de redessiner le site web 'Pet's House'.

Dans le paysage numérique animé de 'Pet's House', un site web dédié à la prestation de services de soins premium pour les animaux, notre protagoniste, Jordan, un talentueux développeur web, est chargé d'améliorer la mise en page et la conception du site.

Dans ce laboratoire, vous prendrez les devants en tant que développeur web chargé de créer un site web élégant pour un service d'animal de compagnie en utilisant les techniques et les sélecteurs de base du CSS.