Mise à jour en mai 2025.Ce cours intègre désormais Coursera Coach ! Une façon plus intelligente d'apprendre avec des conversations interactives en temps réel qui vous aident à tester vos connaissances, à remettre en question vos hypothèses et à approfondir votre compréhension au fur et à mesure que vous progressez dans le cours.Dans ce cours, vous maîtriserez les techniques CSS avancées et le responsive Web Design, ce qui vous permettra de créer des sites Web modernes et adaptatifs. À la fin du cours, vous saurez utiliser Flexbox, la Grille CSS, les requêtes média et les requêtes de conteneur pour construire des grilles de mise en page réactives qui s'adaptent à différents appareils. Vous acquerrez également de l'expérience avec les unités rem, em et viewport pour une typographie flexible et apprendrez à optimiser vos conceptions pour le développement mobile-first. Le cours commence par les principes fondamentaux du design réactif, vous guidant à travers la flexibilité de la mise en page à l'aide de pourcentages et d'unités viewport. Vous apprendrez à mettre en œuvre une typographie responsive et des media queries efficaces pour les styles spécifiques aux appareils. Ensuite, vous aborderez des projets pratiques tels que la construction d'une grille de prix responsive et d'un formulaire d'atterrissage, en affinant vos compétences avec des défis du monde réel. Idéal pour les développeurs et les concepteurs intermédiaires, ce cours nécessite une compréhension de base du HTML et du CSS. À la fin, vous aurez la confiance nécessaire pour concevoir et mettre en œuvre des sites Web réactifs de manière efficace.

Débloquez l'accès à plus de 10 000 cours avec Coursera Plus. Essai gratuit de 7 jours.


CSS avancé et Design Web réactif
Ce cours fait partie de Spécialisation HTML et CSS modernes depuis le début 2.0

Instructeur : Packt - Course Instructors
Inclus avec
Expérience recommandée
Ce que vous apprendrez
Apprenez à utiliser Flexbox et Grid pour des mises en page réactives.
Maîtriser les requêtes de médias et les requêtes de conteneurs pour une conception adaptative.
Comprendre comment mettre en œuvre les unités rem, em et viewport pour la typographie.
Acquérir une expérience pratique de la création de projets et de formulaires web réactifs.
Compétences que vous acquerrez
- Catégorie : Compatibilité des navigateurs
- Catégorie : Conception de sites web réactifs
- Catégorie : Règles pour l’accessibilité des contenus Web
- Catégorie : GitHub
- Catégorie : Hébergement en nuage
- Catégorie : Typographie
- Catégorie : Contrôle des versions
- Catégorie : HTML et CSS
- Catégorie : Feuilles de style en cascade (CSS)
- Catégorie : Git (Système de contrôle des versions)
- Catégorie : conception web
- Catégorie : Développement Web
Détails à connaître

Ajouter à votre profil LinkedIn
10 devoirs
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

Élaborez votre expertise du sujet
- Apprenez de nouveaux concepts auprès d'experts du secteur
- Acquérez une compréhension de base d'un sujet ou d'un outil
- Développez des compétences professionnelles avec des projets pratiques
- Obtenez un certificat professionnel partageable

Il y a 8 modules dans ce cours
Dans ce module, nous explorerons les principes fondamentaux du Design réactif, en vous guidant à travers des techniques telles que les mises en page flexibles, les requêtes média et la typographie réactive. Vous apprendrez à créer des designs adaptatifs et conviviaux sur différents appareils et tailles d'écran, améliorant ainsi vos compétences en développement web.
Inclus
10 vidéos2 lectures1 devoir1 plugin
Dans ce module, nous vous guiderons dans la construction d'une page d'atterrissage réactive avec un formulaire. Vous apprendrez à mettre en œuvre Flexbox pour le contrôle de la mise en page, à structurer le HTML et à affiner la conception pour qu'elle soit adaptée aux mobiles à l'aide de techniques CSS telles que les requêtes média.
Inclus
6 vidéos1 devoir
Dans ce module, nous aborderons diverses fonctionnalités CSS qui permettent d'élever vos conceptions. Vous explorerez les propriétés personnalisées, les préfixes de fournisseurs, les filtres et la fonction calc() tout en apprenant à améliorer les fonctionnalités et l'apparence de votre site web grâce à des effets de style uniques.
Inclus
8 vidéos1 devoir
Dans ce module, nous allons construire le projet de site Web Lumina Creative à partir de zéro. Vous travaillerez à chaque étape, de la configuration initiale et de la conception de l'en-tête à l'ajout de fonctionnalités interactives telles que l'effet lightbox, tout en affinant les pratiques de design réactif.
Inclus
10 vidéos1 devoir
Dans ce module, nous vous apprendrons à gérer vos projets avec Git et GitHub, à déployer des sites Web sur Netlify et à configurer des noms de domaine pour un hébergement Web professionnel. Vous apprendrez également à gérer en toute sécurité le code de votre site web et à collaborer à l'aide du contrôle de version.
Inclus
7 vidéos1 devoir1 plugin
Dans ce module, nous vous présenterons l'accessibilité du web, en vous aidant à comprendre son importance pour la conception inclusive du web. Vous apprendrez à tester l'accessibilité de votre site web, à mettre en œuvre les attributs ARIA et à vous assurer que votre site est utilisable par tous les utilisateurs.
Inclus
7 vidéos1 devoir1 plugin
Dans ce module, nous allons nous plonger dans les sélecteurs CSS avancés, notamment les pseudo-classes et les pseudo-éléments. Vous apprendrez à créer des styles plus dynamiques et plus puissants à l'aide de sélecteurs tels que :before, :after, et de nouvelles fonctions CSS pour un ciblage précis des éléments.
Inclus
11 vidéos1 devoir
Dans ce module, nous allons explorer la Grille CSS en détail, en vous montrant comment créer des mises en page flexibles et réactives. Vous apprendrez à utiliser les fonctions de la grille, à positionner les éléments avec précision et à combiner la Grille CSS avec les requêtes média pour construire des conceptions web adaptatives.
Inclus
14 vidéos1 lecture3 devoirs
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Instructeur

Offert par
En savoir plus sur Développement mobile et web
Statut : Essai gratuitBoard Infinity
Statut : Essai gratuitUniversity of Michigan
Statut : Essai gratuit
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?





Ouvrez de nouvelles portes avec Coursera Plus
Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.
Faites progresser votre carrière avec un diplôme en ligne
Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne
Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires
Améliorez les compétences de vos employés pour exceller dans l’économie numérique
Foire Aux Questions
Oui, vous pouvez visionner la première vidéo et le syllabus avant de vous inscrire. Vous devez acheter le cours pour accéder au contenu qui n'est pas inclus dans l'aperçu.
Si vous décidez de vous inscrire au cours avant la date de début de la session, vous aurez accès à toutes les vidéos et à toutes les lectures du cours. Vous pourrez soumettre vos travaux dès le début de la session.
Une fois que vous vous serez inscrit et que votre session aura commencé, vous aurez accès à toutes les vidéos et autres ressources, y compris les lectures et le forum de discussion du cours. Vous pourrez consulter et soumettre des évaluations pratiques, et effectuer les devoirs notés requis pour obtenir une note et un certificat de cours.
Plus de questions
Aide financière disponible,


