University of Michigan

Style Avancé avec Design Réactif

Colleen van Lent, Ph.D.
Charles Russell Severance

Instructeurs : Colleen van Lent, Ph.D.

125 011 déjà inscrits

Inclus avec Coursera Plus

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7

(4,512 avis)

niveau Débutant
Aucune connaissance prérequise
Planning flexible
Env. 11 heures
Apprenez à votre propre rythme
98%
La plupart des apprenants ont aimé ce cours
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7

(4,512 avis)

niveau Débutant
Aucune connaissance prérequise
Planning flexible
Env. 11 heures
Apprenez à votre propre rythme
98%
La plupart des apprenants ont aimé ce cours

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

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

4 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

Emplacement réservé

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation La conception de sites Web pour tous : Les bases du développement web et du codage
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
  • 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é
Emplacement réservé

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é

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

Évaluations de l’enseignant
4.8 (391 évaluations)
Colleen van Lent, Ph.D.
University of Michigan
11 Cours685 016 apprenants

Offert par

Recommandé si vous êtes intéressé(e) par Développement mobile et web

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Avis des étudiants

Affichage de 3 sur 4512

4.7

4 512 avis

  • 5 stars

    78,47 %

  • 4 stars

    17,07 %

  • 3 stars

    3,47 %

  • 2 stars

    0,75 %

  • 1 star

    0,22 %

TV
5

Révisé le 19 oct. 2020

PA
5

Révisé le 5 sept. 2020

HA
4

Révisé le 20 mars 2020

Emplacement réservé

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à plus de 7 000 cours de renommée internationale, à des projets pratiques et à des programmes de certificats reconnus sur le marché du travail, 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