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 16 modules dans ce cours
Ce cours est idéal si vous souhaitez apprendre à coder des sites web à partir de zéro. Vous apprendrez les bases du HTML et du CSS à travers des défis interactifs. La plupart des défis sont réalisés dans l'éditeur interactif de Scrimba, mais vous apprendrez également à utiliser des outils professionnels tels que VS Code pour l'édition de code, GitHub pour l'hébergement de votre code et Netlify pour le déploiement de vos projets sur le Web.
Apprendre les bases du HTML, y compris les balises essentielles, la structure du document et comment créer des pages web de base.
Inclus
1 devoir9 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Introduction à HTML 1 - Exercice pratique•10 minutes
9 plugins•Total 43 minutes
Bienvenue dans le cours HTML & CSS !•3 minutes
Bienvenue aux leçons interactives !•1 minute
Balises HTML•11 minutes
Rédigez un article de presse !•8 minutes
La balise <img>•5 minutes
L'emboîtement•3 minutes
Les super-pouvoirs de l'Internet -> Changez le journal télévisé de la BBC !•5 minutes
Éléments interactifs - bouton•2 minutes
Éléments interactifs - balises de saisie -> Expérimenter les types de saisie•5 minutes
🟨 Introduction au HTML : Partie 2
Module 2•1 heure à terminer
Détails du module
Appliquez vos connaissances en HTML pour créer des pages interactives, ajouter de la navigation et déployer un site web personnel.
Inclus
1 devoir7 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Introduction à HTML 2 - Exercice pratique•10 minutes
7 plugins•Total 33 minutes
Construisons Google !•4 minutes
Aside : Balises d'ancrage•5 minutes
Ajouter une balise d'ancrage à Google.com•2 minutes
Structure adéquate du document•6 minutes
Aside : Listes•4 minutes
Créer un site web personnel•9 minutes
Déployez votre site web personnel•3 minutes
🟨 Introduction au HTML : Testez vos connaissances
Module 3•27 minutes à terminer
Détails du module
Testez ce que vous avez appris à l'aide d'un quiz interactif.
Inclus
1 devoir1 plugin
Afficher les informations sur le contenu du module
1 devoir•Total 25 minutes
Introduction à l'HTML Travail noté•25 minutes
1 plugin•Total 2 minutes
Récapitulatif HTML•2 minutes
🟦 Introduction au CSS : Partie 1
Module 4•1 heure à terminer
Détails du module
Dans ce module, vous apprendrez les bases du CSS en construisant un clone de la page d'accueil de Google.com.
Inclus
1 devoir11 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Intro to CSS 1 - Travaux pratiques•10 minutes
11 plugins•Total 31 minutes
Apprenons le CSS !•1 minute
Rédigez vos premières lignes de CSS !•4 minutes
Rédigez vos premières lignes de CSS ! - Solution•4 minutes
Détruisons le wikipedia - enregistrement•2 minutes
Lien vers le fichier CSS•3 minutes
Définir la largeur des éléments•2 minutes
éléments en ligne et éléments en bloc•2 minutes
Marge supérieure•1 minute
Les Divs règnent sur le monde•2 minutes
Classes CSS•4 minutes
Anecdote : Apprendre les marges grâce aux drapeaux•6 minutes
🟦 Introduction au CSS : Partie 2
Module 5•1 heure à terminer
Détails du module
Ce module présente des concepts CSS avancés tels que le centrage, le rembourrage, les bordures, les boutons et la flexbox. Vous terminerez la construction de votre clone Google.
Inclus
1 devoir12 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Intro to CSS 2 - Travaux pratiques•10 minutes
12 plugins•Total 42 minutes
Ajouter de l'espace entre nos éléments•1 minute
En marge : centrage avec marges•3 minutes
Centrer notre contenu•1 minute
En marge : rembourrage•5 minutes
En marge : border et border-radius•5 minutes
Défi : style du bouton Twitter•5 minutes
Fixer le champ de saisie•5 minutes
Centrer le bouton•2 minutes
Style du bouton•4 minutes
Pourquoi ne pouvons-nous pas avoir deux boutons au niveau des blocs ?•4 minutes
En marge : flexbox•4 minutes
Centrer les deux boutons avec flexbox•3 minutes
🟦 Intro to CSS : Testez vos connaissances
Module 6•27 minutes à terminer
Détails du module
Testez vos nouvelles connaissances avec ce quiz interactif.
Inclus
1 devoir1 plugin
Afficher les informations sur le contenu du module
1 devoir•Total 25 minutes
Intro to CSS Graded Assignment•25 minutes
1 plugin•Total 2 minutes
Récapitulatif de l'introduction au CSS•2 minutes
🟩 CSS intermédiaire : Partie 1
Module 7•1 heure à terminer
Détails du module
Dans ce module, vous approfondirez vos compétences en matière de CSS en créant une carte de visite numérique pour vous-même.
Inclus
1 devoir8 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Intermédiaire CSS 1 Exercice pratique•10 minutes
8 plugins•Total 22 minutes
Créer votre carte de visite numérique•1 minute
Fixer le chemin de l'image•3 minutes
Ajouter l'attribut alt•4 minutes
Réduire la taille de l'image•1 minute
Ajoutez une bordure et un rembourrage•4 minutes
Aside : flexbox child containers•4 minutes
Conteneurs d'articles flexibles•2 minutes
Ajouter une classe utilitaire•3 minutes
🟩 CSS intermédiaire : Partie 2
Module 8•1 heure à terminer
Détails du module
Améliorez votre conception avec l'héritage, les couleurs, les polices et les abréviations avant de la rendre unique et de la déployer.
Inclus
1 devoir10 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Intermédiaire CSS 2 Exercice pratique•10 minutes
10 plugins•Total 32 minutes
Justifiez les éléments•2 minutes
Centrer la carte•2 minutes
A part : héritage•4 minutes
Centrer le texte par héritage•3 minutes
Ajouter des couleurs•3 minutes
Polices sûres pour le web•5 minutes
Remarque : abréviation de marge/encadrement•4 minutes
Utiliser les abréviations margin et padding•1 minute
Faites-le vôtre !•3 minutes
Déployez votre carte de visite numérique•5 minutes
🟩 Intermédiaire CSS : Testez vos connaissances
Module 9•27 minutes à terminer
Détails du module
Vérifiez votre compréhension à l'aide d'un devoir noté.
Inclus
1 devoir1 plugin
Afficher les informations sur le contenu du module
1 devoir•Total 25 minutes
CSS intermédiaire Travail noté•25 minutes
1 plugin•Total 2 minutes
Récapitulatif du CSS intermédiaire•2 minutes
🟧 CSS pour une UI moderne : Partie 1
Module 10•1 heure à terminer
Détails du module
Dans ce module, vous allez créer un site web sur l'exploration spatiale. Il vous enseignera plusieurs techniques pour donner à vos projets une apparence attrayante et soignée.
Inclus
1 devoir7 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
CSS pour une UI moderne 1 - Travaux pratiques•10 minutes
7 plugins•Total 20 minutes
Allons dans l'espace !•1 minute
Ajoutez une image de fond provenant de unsplash•4 minutes
Centrer les éléments et le bouton de style•3 minutes
Ajouter une police Google•4 minutes
@font-face•2 minutes
À part : les travées•4 minutes
Ajouter un soulignement à l'aide d'une barre d'espacement•2 minutes
🟧 CSS pour une UI moderne : Partie 2
Module 11•1 heure à terminer
Détails du module
Apprenez à améliorer la conception de votre site grâce à une meilleure mise en forme, des images et des techniques de lisibilité.
Inclus
1 devoir6 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
CSS pour une UI moderne 1 - Travaux pratiques•10 minutes
6 plugins•Total 22 minutes
Utiliser un identifiant pour le logo•4 minutes
Remplacez le jpg par un webp•3 minutes
Choisir une palette de couleurs à partir d'une image•3 minutes
Ajoutez la section des termes et conditions•4 minutes
Aside : ombre du texte•6 minutes
Améliorer la lisibilité avec des ombres de texte•2 minutes
🟧 CSS pour une UI moderne : Testez vos connaissances
Module 12•17 minutes à terminer
Détails du module
Évaluez vos progrès à l'aide d'un quiz interactif.
Inclus
1 devoir1 plugin
Afficher les informations sur le contenu du module
1 devoir•Total 15 minutes
CSS pour une UI moderne Assignation•15 minutes
1 plugin•Total 2 minutes
CSS pour une UI moderne Recap•2 minutes
⬛️ CSS de niveau supérieur : Partie 1
Module 13•1 heure à terminer
Détails du module
Dans ce module, vous créerez un site Web amusant que vous pourrez utiliser pour l'anniversaire d'un ami ou d'un membre de votre famille, tout en approfondissant vos compétences en matière de mise en page et de stylisme.
Inclus
1 devoir11 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Next-level CSS 1 - Exercice pratique•10 minutes
11 plugins•Total 38 minutes
Construisons un site de cadeaux d'anniversaire !•1 minute
Ajouter un style d'en-tête de base•4 minutes
Définir les couleurs•2 minutes
Ajouter une ombre au texte•3 minutes
Nous avons un problème que flexbox peut résoudre•3 minutes
En marge : align-items•6 minutes
En marge : flex-direction•4 minutes
Transformez l'en-tête en boîte à outils•2 minutes
Date fixe et conception de l'âge•4 minutes
Créer le premier cadeau•5 minutes
Remplacez l'img par un div•4 minutes
⬛️ CSS de niveau supérieur : Partie 2
Module 14•1 heure à terminer
Détails du module
Faites passer votre projet à la vitesse supérieure grâce à l'interactivité, à la personnalisation et aux stratégies de déploiement.
Inclus
1 devoir11 plugins
Afficher les informations sur le contenu du module
1 devoir•Total 10 minutes
Next-level CSS 2 - Travaux pratiques•10 minutes
11 plugins•Total 35 minutes
En marge : modification des éléments au passage de la souris•3 minutes
Ajouter l'effet de survol•2 minutes
Créez le prochain cadeau•4 minutes
Créez deux autres cadeaux•3 minutes
Créez le cadeau final•3 minutes
Ajouter le pied de page•4 minutes
Ajouter un dégradé d'arrière-plan•3 minutes
Personnalisez le site du cadeau d'anniversaire•2 minutes
Utilisez GitHub Desktop pour publier votre site de cadeaux d'anniversaire•5 minutes
Déployer votre site de cadeaux d'anniversaire•1 minute
Utilisez VS Code pour éditer votre site Birthday GIFt•5 minutes
⬛️ Next-level CSS : Testez vos connaissances
Module 15•27 minutes à terminer
Détails du module
Apprentissage par renforcement avec un travail pratique.
Inclus
1 devoir1 plugin
Afficher les informations sur le contenu du module
1 devoir•Total 25 minutes
CSS de niveau supérieur : devoir noté•25 minutes
1 plugin•Total 2 minutes
Récapitulatif des CSS de haut niveau•2 minutes
Module bonus : Projets en solo
Module 16•4 heures à terminer
Détails du module
Ce module bonus vous donne l'occasion de construire des projets solo - des défis de codage optionnels et réels où vous appliquez vos compétences, expérimentez librement et acquérez une expérience pratique sans solution guidée.
Inclus
2 lectures6 plugins
Afficher les informations sur le contenu du module
2 lectures•Total 10 minutes
À propos des projets solos•5 minutes
Conseils pour un projet solo•5 minutes
6 plugins•Total 245 minutes
Il est temps pour vous de construire un projet solo•3 minutes
Projet solo - The Daily Dribble Newsletter•60 minutes
Solo Project - Page produit Amazon•60 minutes
Projet solo - Agence Web Hero•60 minutes
Projet solo - Hometown Homepage•60 minutes
Félicitations pour avoir terminé le cours !•2 minutes
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.’
Avis des étudiants
4.7
135 avis
5 stars
80,74 %
4 stars
11,85 %
3 stars
4,44 %
2 stars
0 %
1 star
2,96 %
Affichage de 3 sur 135
M
MS
5·
Révisé le 7 oct. 2025
Very easy to follow and I really enjoyed the solo projects.
P
PK
5·
Révisé le 11 janv. 2024
Per, the instructor is the best I have ever seen! He is really witty, passionate, and his communication is excellent! 100% you will get no regret.
M
MO
5·
Révisé le 17 nov. 2024
Great course with a great teacher, who makes everything simple and easy to understand
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.