Dans ce cours, vous apprendrez à appliquer les concepts du design d'interaction et de l'interaction homme-machine afin de concevoir et de réaliser un site web interactif et professionnel. Vous apprendrez à adapter la conception de vos pages web à différentes tailles d'écran en utilisant des grilles de mise en page réactives. Vous apprendrez à ajouter des éléments de navigation et d'autres éléments de conception, et vous apprendrez à séparer les données et l'affichage à l'aide d'objets et de modèles JavaScript.
![University of London](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/http://coursera-university-assets.s3.amazonaws.com/fb/b28a301e0211e8a40e23e4176c8e4a/UoL-Logo_180x180.png?auto=format%2Ccompress&dpr=1&w=28&h=28)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/1a4589dccee10648821b7ea23e5fca9a.png?auto=format%2Ccompress&dpr=1&q=80)
![University of London](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/http://coursera-university-assets.s3.amazonaws.com/64/897490dbba11e891a84769f318bf74/1-Colour-Logo-Black-Text-CMYK.png?auto=format%2Ccompress&dpr=1&h=45)
Conception de sites web réactifs
Ce cours fait partie de Spécialisation Développement et conception de sites web réactifs
![Dr Matthew Yee-King](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/5d/aab72790ec354bad9b39f1d6a8a5f1/yee-king_bbc_session.png?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
![Dr Kate Devlin](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/d1/d60be023ca11e5b072e56f3e966e43/kate_bw_pic.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
![Prof Marco Gillies](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/85/3cd1cc68d63e8624f1f5de9f79395c/MarcoGillies-241x300.jpeg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
Instructeurs : Dr Matthew Yee-King
87 177 déjà inscrits
Inclus avec
(1,944 avis)
Compétences que vous acquerrez
- Catégorie : HTML et CSS
- Catégorie : Conception interactive
- Catégorie : Principes de programmation
- Catégorie : Développement Web
- Catégorie : Conception et produit
- Catégorie : Expérience Utilisateur
Détails à connaître
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/31ebcba3851b87d1d8609abf15d0ff7e.png?auto=format%2Ccompress&dpr=1&w=24&h=24)
Ajouter à votre profil LinkedIn
29 devoirs
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
![Emplacement réservé](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/74c8747e8210831049cf88dd4eefe26c.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=320)
É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
![Emplacement réservé](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/a7c5400e51272c78b710ce9b56fd3178.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=562)
![Emplacement réservé](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/de1a6556fbe605411e8c1c2ca4ba45f1.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=259)
Obtenez un certificat professionnel
Ajoutez cette qualification à votre profil LinkedIn ou à votre CV
Partagez-le sur les réseaux sociaux et dans votre évaluation de performance
![Emplacement réservé](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/de1a6556fbe605411e8c1c2ca4ba45f1.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=333)
Il y a 5 modules dans ce cours
Dans ce cours, vous apprendrez à appliquer les concepts du design d'interaction et de l'interaction homme-machine afin de concevoir et de réaliser un site web interactif et professionnel. Vous apprendrez à adapter la conception de vos pages web à différentes tailles d'écran en utilisant des grilles de mise en page réactives. Vous apprendrez à ajouter des éléments de navigation et d'autres éléments de conception, et vous apprendrez à séparer les données et l'affichage à l'aide d'objets Java Script et de modèles.
Inclus
3 lectures
Bienvenue dans le premier module de "Responsive Web Design". À la fin de ce module, vous serez en mesure de comprendre les concepts de base de l'utilisabilité et de l'expérience utilisateur et de dire à l'utilisateur où il peut aller avec les barres de navigation. En outre, vous serez en mesure de dire à l'utilisateur ce qu'il y a ici grâce à une mise en page efficace et de comprendre les exigences de haut niveau de la création d'un site Web accessible. Nous espérons que vous apprécierez ce module !
Inclus
8 vidéos6 lectures7 devoirs1 évaluation par les pairs
Bienvenue dans le deuxième module de "Responsive Web Design". À la fin de ce module, vous serez en mesure de mettre en place un site Bootstrap de base et de construire des barres de navigation Bootstrap pliables et réactives en utilisant des titres et des fils d'Ariane et vous serez également en mesure de construire plusieurs mises en page en une seule avec une grille réactive. Nous verrons également comment installer des thèmes Bootstrap. Nous vous souhaitons beaucoup de plaisir !
Inclus
9 vidéos7 lectures8 devoirs1 évaluation par les pairs
Bienvenue au troisième module de "Responsive Web Design". À la fin de ce module, vous serez en mesure de séparer la structure de la page de son contenu, d'utiliser des objets JavaScript et d'implémenter des modèles JavaScript avec Handlebars, ainsi que d'afficher des données différentes avec le même modèle et les mêmes données avec des modèles différents. Enfin, nous verrons comment utiliser un modal Bootstrap. Nous espérons que vous apprécierez ce module !
Inclus
8 vidéos5 lectures7 devoirs1 évaluation par les pairs
Bienvenue dans le quatrième module de "Responsive Web Design". À la fin de ce module, vous serez en mesure de stocker des objets dans un tableau et de les afficher avec un modèle, ainsi que d'afficher dynamiquement des images individuelles à partir d'un tableau. Nous verrons également comment mettre en œuvre une fonction de recherche et, en travaillant avec des structures de données complexes, comment passer d'un modèle à l'autre. Nous vous souhaitons beaucoup de plaisir !
Inclus
8 vidéos4 lectures7 devoirs1 évaluation par les pairs
Instructeurs
![Dr Matthew Yee-King](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/5d/aab72790ec354bad9b39f1d6a8a5f1/yee-king_bbc_session.png?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
![Dr Kate Devlin](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/d1/d60be023ca11e5b072e56f3e966e43/kate_bw_pic.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
Recommandé si vous êtes intéressé(e) par Développement mobile et web
The State University of New York
Coursera Project Network
Scrimba
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Felipe_Moitta.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Jennifer_John.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Larry_Tao_Wang_1.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Chaitanya_Anand.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
Avis des étudiants
1 944 avis
- 5 stars
69,29 %
- 4 stars
22,06 %
- 3 stars
5,86 %
- 2 stars
1,44 %
- 1 star
1,33 %
Affichage de 3 sur 1944
Révisé le 14 janv. 2017
This course gave me the skill needed to create web pages with interaction and handlebars-based as well.It's a great course and a good well to improve everyone skills in web development.
Révisé le 20 avr. 2021
Hey, thanks for the enormous support to instructors and Coursera. I would be happier if content of this module was larger and filled with more assignments. Best regards
Révisé le 20 juil. 2020
Enough concise coverage for the student to build on top. The emphasizes on the pointers to good web experience, in a sea of options, this course is the lighthouse that will guide your way.
![Emplacement réservé](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/7a1c0e2e779c1ff27cae62480adfe003.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=120)
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
L'accès aux cours et aux devoirs dépend de votre type d'inscription. Si vous suivez un cours en mode audit, vous pourrez consulter gratuitement la plupart des supports de cours. Pour accéder aux devoirs notés et obtenir un certificat, vous devrez acheter l'expérience de certificat, pendant ou après votre audit. Si vous ne voyez pas l'option d'audit :
Il se peut que le cours ne propose pas d'option d'audit. Vous pouvez essayer un essai gratuit ou demander une aide financière.
Le cours peut proposer l'option "Cours complet, pas de certificat" à la place. Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la Specializations, et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page de réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez uniquement lire et visualiser le contenu du cours, vous pouvez auditer le cours gratuitement.
Si vous vous êtes abonné, vous bénéficiez d'une période d'essai gratuite de 7 jours pendant laquelle vous pouvez annuler votre abonnement sans pénalité. Après cette période, nous ne remboursons pas, mais vous pouvez résilier votre abonnement à tout moment. Consultez notre politique de remboursement complète.