Autrefois, tout le monde consultait les pages web sur un écran de même taille - un ordinateur de bureau. Aujourd'hui, il est tout aussi probable qu'une personne utilise un téléphone intelligent, une tablette ou une technologie d'assistance pour accéder à l'internet. Par conséquent, les personnes qui consultent votre site s'attendent désormais à ce qu'il fonctionne quel que soit l'appareil utilisé (smartphone, tablette, ordinateur portable, ordinateur de bureau ou lecteur d'écran) ET qu'il tienne compte de certains paramètres personnels courants tels que la palette de couleurs. Cette capacité à répondre à n'importe quelle plateforme et aux préférences de l'utilisateur est appelée Responsive Design. Ce cours développera les connaissances de base de CSS3 pour inclure des sujets tels que les wireframes, le design fluide, les media queries, et l'utilisation des paradigmes de stylisme existants. Après le cours, les apprenants seront en mesure de : ** Expliquer le paradigme mobile-first et l'importance des wireframes dans la phase de conception ** Créer des sites qui se comportent à travers une gamme de plates-formes ** Reconnaître les cadres de conception existants tels que Bootstrap Une compréhension de base de HTML et CSS est attendue lorsque vous vous inscrivez à ce cours, de sorte qu'il peut être pris troisième ou quatrième dans la spécialisation Web Design pour tout le monde. Les cours supplémentaires se concentrent sur l'ajout d'interactivité avec le langage de programmation JavaScript et sur la réalisation d'un projet de fin d'études.
Style Avancé avec Design Réactif
Ce cours fait partie de Spécialisation La conception de sites Web pour tous : Les bases du développement web et du codage
Instructeurs : Colleen van Lent, Ph.D.
126 052 déjà inscrits
Inclus avec 
(4,534 avis)
Ce que vous apprendrez
Décrire les connaissances de base des outils de navigation pour le responsive design.
Comprendre l'importance d'un paradigme "mobile-first" pour la conception de sites web.
Rédigez des règles de conception réactive pour un affichage sur mobile et sur grand écran.
Compétences que vous acquerrez
- Catégorie : Bootstrap (Framework Front-End)
- Catégorie : Conception de sites web réactifs
- Catégorie : JavaScript
- Catégorie : Feuilles de style en cascade (CSS)
Détails à connaître
Ajouter à votre profil LinkedIn
4 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
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
Il y a 4 modules dans ce cours
Qu'est-ce que le responsive design pour votre site ? Comment savoir si votre site existant est réactif ? Cette semaine, nous commencerons par les théories qui sous-tendent le "paradigme du mobile d'abord" - l'idée que votre site mobile doit fournir tout ce qui est nécessaire, et non une version réduite d'une bonne page. Nous terminerons la semaine en prenant la première mesure concrète d'utilisation des mesures de fluidité dans votre CSS.
Inclus
6 vidéos9 lectures1 devoir3 sujets de discussion
Cette semaine, vous aurez l'occasion de mettre les théories en pratique en utilisant les requêtes média dans votre CSS. Ces requêtes permettent de modifier automatiquement l'aspect et les fonctionnalités de votre site en fonction de la taille du navigateur utilisé pour afficher la page. Cela vous permet de décider du type d'apparence que vous souhaitez obtenir à différentes tailles d'écran, également appelées "viewports".
Inclus
7 vidéos3 lectures2 devoirs1 évaluation par les pairs1 élément d'application
Savoir à quoi vous voulez que votre site ressemble est la première étape, mais écrire le code en est une autre. Cette semaine, nous examinons les propriétés d'affichage grid et flex afin de suggérer des moyens d'organiser la mise en page de votre site. Nous parlerons également des requêtes média que vous devriez inclure pour améliorer l'accessibilité de votre page. Ces requêtes peuvent réagir aux préférences de l'utilisateur en matière de couleurs, d'animation, etc.
Inclus
5 vidéos5 lectures
Après que tout bon programmeur a passé du temps à créer des sites à partir de zéro, il est courant d'utiliser les outils existants. Après tout, pourquoi recréer la roue ? Le travail que vous avez effectué jusqu'à présent vous permettra d'acquérir les connaissances nécessaires pour créer vos propres sites à partir de ces frameworks. Cette semaine, nous allons travailler avec Bootstrap, un framework qui utilise HTML5, CSS et JavaScript (mais ne vous inquiétez pas si vous n'avez jamais utilisé JavaScript vous-même).
Inclus
10 vidéos5 lectures1 devoir1 évaluation par les pairs1 élément d'application
Instructeurs
Offert par
Recommandé si vous êtes intéressé(e) par Développement mobile et web
Coursera Project Network
Scrimba
University of Colorado Boulder
Scrimba
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Avis des étudiants
4 534 avis
- 5 stars
78,56 %
- 4 stars
17 %
- 3 stars
3,46 %
- 2 stars
0,74 %
- 1 star
0,22 %
Affichage de 3 sur 4534
Révisé le 12 août 2016
This is the second course I do with Colleen. She is awesome, the way she explain each element is amazing. No matter what is your background, with her you will learn it.
Révisé le 5 sept. 2020
At first I was not good in designing or responsive designing but after learning about bootstrap from this course I am pretty much confident that I can easily design a website
Révisé le 19 oct. 2020
Very good course, although a little outdated, you still get a good sense of what is relevant and it really emphasizes on learning things on your own, which is great
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.