HDTutorial
FR
Tutoriel CSS - De zéro à expert (Cours complet)

La lecture charge le lecteur YouTube intégré (mode confidentialité renforcée).

Tutoriel CSS - De zéro à expert (Cours complet)

3 498 643 vues 13 novembre 2019 6:18:38

Voir sur YouTube
ChaînefreeCodeCamp.org

En bref

Ce cours complet sur CSS vous emmène des bases absolues jusqu’aux techniques avancées, en passant par la mise en forme de texte et des couleurs, jusqu’aux mises en page complexes, aux animations et aux méthodes de design réactif. Idéal pour les développeurs web souhaitant maîtriser l’aspect visuel des sites web—aucune expérience en CSS requise.

Étapes clés

  1. Commencez par les bases du CSS : sélecteurs, propriétés et la manière de lier les feuilles de style à du HTML.
  2. Explorez la manipulation du texte, les couleurs, les arrière-plans et le modèle boîte CSS pour contrôler la mise en page.
  3. Plongez dans Flexbox et CSS Grid pour créer des structures de page flexibles et adaptatives.
  4. Ajoutez de l’interactivité avec des transitions, transformations et animations personnalisées à l’aide de keyframes.

Questions et réponses

Quel logiciel dois-je installer pour suivre ce cours ?

Le cours explique comment télécharger et configurer le logiciel nécessaire dès le début.

Chapitres

Description de l’auteur

Apprenez CSS dans ce cours complet pour débutants. CSS, ou *feuille de style en cascade*, est ce qui donne son style et son apparence à un site web.

Dans ce cours, nous partons des bases. Vous allez découvrir tout, des compétences essentielles comme la couleur et le texte, jusqu’aux techniques avancées comme les animations personnalisées.

Vous allez apprendre à maîtriser :
• Les couleurs
• La mise en forme
• Le texte
• Les mises en page
• Les grilles (*Grid*)
• Flexbox
• Les animations
• Les transitions
• Et bien plus encore !

🎥 Ce cours est proposé par Jad Khalili. Pour voir plus de contenus de ce formateur, visitez :

⭐️ Sommaire du cours ⭐️
⌨️ (0:00:00) Objectifs et résultats du cours
⌨️ (0:02:36) Introduction au cours
⌨️ (0:11:19) Téléchargement des logiciels nécessaires
⌨️ (0:12:30) Où trouver les fichiers de projet

⌨️ (0:14:28) C’est quoi, le CSS ?
⌨️ (0:17:09) Créer et lier une feuille de style CSS
⌨️ (0:20:39) Comment tester une feuille de style

⌨️ (0:22:12) Qu’est-ce qu’un sélecteur ?
⌨️ (0:25:54) Classes et ID en HTML
⌨️ (0:31:52) Spécificité et quand utiliser les sélecteurs
⌨️ (0:39:13) Pseudosélecteurs
⌨️ (0:47:58) Sélecteurs avancés
⌨️ (0:59:30) Sélecteurs d’attributs
⌨️ (1:09:38) Qu’est-ce que les propriétés ?
⌨️ (1:12:59) La règle générale en CSS

⌨️ (1:17:37) Les différents types de couleurs
⌨️ (1:24:53) Colorier du texte
⌨️ (1:32:30) Couleurs de fond
⌨️ (1:36:56) Images/URL en CSS
⌨️ (1:42:30) Autres propriétés de fond
⌨️ (1:48:59) Opacité/Transparence
⌨️ (1:52:17) Dégradés

⌨️ (2:04:12) Introduction aux unités de mesure
⌨️ (2:15:57) Manipulation du texte
⌨️ (2:23:54) Taille, gras et style de police
⌨️ (2:30:33) Familles de polices
⌨️ (2:37:08) Intégrer des polices externes avec Google Fonts
⌨️ (2:43:1

À propos de ce tutoriel

freeCodeCamp.org a publié ce tutoriel vidéo de 6:18:38 le 13 novembre 2019. Il a été vu 3 498 643 fois sur YouTube.

Catégorie
Éducation
Durée
6:18:38
Publié le
13 novembre 2019
Vues
3 498 643
J’aime
71 279

Partager

Ce tutoriel dans d’autres langues