Dans ce module, vous améliorerez vos compétences en développement Web en apprenant à incorporer et à styliser des polices, des icônes, des images et des dégradés, et à héberger vos sites Web à l'aide des pages GitHub. Vous commencerez par explorer Font Awesome, une bibliothèque externe qui fournit une vaste collection d'icônes qui peuvent être stylisées comme du texte, ajoutant un attrait visuel et des fonctionnalités à vos sites Web. Ensuite, un rafraîchissement du style de police CSS, maîtrisant comment contrôler l'apparence du texte en utilisant des propriétés telles que font-family, font-weight, font-style et font-size, afin qu'il puisse être appliqué aux icônes Font Awesome. Vous apprendrez également à utiliser efficacement les images en HTML et CSS, y compris la balise image et les images d'arrière-plan, afin d'améliorer le contenu visuel de vos pages Web. En outre, vous découvrirez comment créer et appliquer des dégradés CSS, à la fois linéaires et radiaux, pour ajouter de la profondeur et des accents à vos conceptions. Enfin, vous apprendrez à héberger vos sites web à l'aide de GitHub Pages, une solution d'hébergement gratuite et intégrée qui vous permet de faire vivre vos projets sur internet. À la fin de ce module, vous aurez acquis les compétences nécessaires pour créer des pages web visuellement attrayantes et professionnellement stylisées et les rendre accessibles en ligne.

Dans ce module, vous apprendrez à évaluer des maquettes de conception, à comprendre les principes de l'expérience utilisateur, à créer des histoires utilisateur et à gérer le cycle de vie d'un projet web. Vous commencerez par explorer comment évaluer une maquette de conception, en décomposant les éléments visuels et en planifiant le HTML et le CSS nécessaires. Ensuite, vous examinerez l'expérience utilisateur (UX), en vous concentrant sur les cinq piliers : découvrabilité, facilité d'apprentissage, efficacité, cohérence et plaisir. Vous apprendrez à créer des histoires utilisateur, qui sont des descriptions courtes et simples des fonctionnalités du point de vue de l'utilisateur, vous aidant à construire des produits qui répondent aux besoins des utilisateurs. Enfin, vous découvrirez le cycle de vie d'un projet Web, de la définition de l'objectif et des histoires utilisateur à l'organisation des tâches, au codage et aux tests. À la fin de ce module, vous aurez acquis les compétences nécessaires pour planifier, concevoir et exécuter efficacement des projets web, en veillant à ce qu'ils répondent aux attentes des utilisateurs et aux objectifs de l'entreprise.

Dans ce module, vous apprendrez à rendre vos pages web plus réactives et accessibles. Vous commencerez par comprendre ce qu'est l'accessibilité du web et comment rendre vos sites web utilisables par tous, y compris les personnes handicapées. Ensuite, vous apprendrez à créer des images réactives à l'aide des attributs srcset et sizes, afin que vos images s'affichent parfaitement sur n'importe quel appareil. Vous explorerez ensuite les requêtes média CSS, qui vous permettent d'appliquer différents styles en fonction des caractéristiques de l'appareil, et apprendrez à tester ces requêtes à l'aide de Chrome DevTools. Enfin, vous découvrirez le Modèle DOM (Modèle DOM), qui est essentiel pour créer des pages web dynamiques avec JavaScript.