Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7
22 avis
niveau Intermédiaire
Expérience recommandée
Expérience recommandée
Niveau intermédiaire
Il est recommandé d'avoir des connaissances de base en HTML et CSS. Si vous n'en êtes pas encore là, consultez notre cours Apprendre le HTML et le CSS ici sur Coursera.
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7
22 avis
niveau Intermédiaire
Expérience recommandée
Expérience recommandée
Niveau intermédiaire
Il est recommandé d'avoir des connaissances de base en HTML et CSS. Si vous n'en êtes pas encore là, consultez notre cours Apprendre le HTML et le CSS ici sur Coursera.
Lorsque vous vous inscrivez à ce cours, vous devez également sélectionner un programme spécifique.
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 un module dans ce cours
Plongez dans le monde du développement web avec notre cours interactif "Construire un site web responsive avec HTML et CSS". Ce cours propose 33 leçons engageantes, parfaites pour affiner vos compétences en responsive design. Notre cours complet couvre tout ce que vous devez savoir sur le responsive design. Vous commencerez par comprendre les principes fondamentaux et passerez rapidement aux applications pratiques, y compris les conteneurs flexibles, les requêtes média et les principes mobile-first. Grâce à des défis pratiques, vous apprendrez à adapter les mises en page web à différentes tailles d'écran, garantissant ainsi une expérience utilisateur transparente.
À la fin de la formation, vous serez prêt à déployer votre site sur Netlify, démontrant ainsi votre nouvelle expertise.
Une introduction complète au développement web réactif, couvrant les unités relatives, les requêtes média, les principes du mobile-first, et les techniques pratiques pour adapter les éléments web à différentes tailles d'écran, et le déploiement sur Netlify.
Inclus
1 devoir34 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 30 minutes
Quiz sur la création d'un site web réactif•30 minutes
34 plugins•Total 120 minutes
Bienvenue aux leçons interactives !•1 minute
Introduction au module•2 minutes
Introduction d'un site réactif•2 minutes
Penser de manière réactive•3 minutes
Aspect : Unités relatives et pourcentages•5 minutes
Créer des conteneurs flexibles avec des unités de pourcentage•2 minutes
Contrôler la largeur des images•3 minutes
Fixer des contraintes de largeur avec max-width•5 minutes
Aparté : L'unité em•8 minutes
Définir la taille des polices avec em•3 minutes
Aidemémoire : Marge et remplissage avec em•7 minutes
Définir la marge et l'espacement avec em•5 minutes
En marge : Le problème de la composition de l'em•5 minutes
En marge : L'unité rem•3 minutes
Modifier la taille des polices pour qu'elles soient rem•3 minutes
Hauteur de la ligne de texte•3 minutes
Comment décidez-vous de l'unité à utiliser ?•2 minutes
A l'écart : Questions sur les médias•8 minutes
Ajouter des requêtes média à votre site•6 minutes
Pensez "mobile-first"•2 minutes
La priorité au mobile en action•2 minutes
Points d'arrêt courants•2 minutes
Ajouter un nouveau point d'arrêt•3 minutes
Adapter les boutons aux petits écrans•3 minutes
Ajuster la taille de la police pour les petits écrans•4 minutes
Créer une navigation adaptée aux mobiles•4 minutes
Défi : Écrans étroits•4 minutes
Défi : Des écrans plus larges•1 minute
Solution : Des écrans plus larges•3 minutes
La balise méta viewport•4 minutes
Aside : Créer une grille d'images flexbox•6 minutes
Envelopper les éléments en vedette avec flexbox•4 minutes
Récapitulation•1 minute
Déployer votre site sur Netlify•1 minute
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
Évaluations de l’enseignant
Évaluations de l’enseignant
Nous avons demandé à tous les étudiants de fournir des commentaires sur nos enseignants au sujet de la qualité de leur pédagogie.
Scrimba est une plateforme interactive d'apprentissage du code qui compte plus d'un million d'utilisateurs dans le monde entier. Elle propose des cours hautement interactifs et attrayants sur la programmation et le développement 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.’
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". 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.
Qu'est-ce que je recevrai si je souscris à cette Specializations ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la spécialisation et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.
Une aide financière est-elle disponible ?
Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.