Image de cours gratuite Apprendre CSS

Cours en ligne gratuitApprendre CSS

Durée du cours en ligne : 11 heure et 57 minutes

3.75

étoileétoileétoileDemi-étoileétoile

(4)

Apprenez le CSS avec ce cours en ligne gratuit complet de Grafikart.fr. Maîtrisez les sélecteurs, le modèle de boîte, le flexbox, le positionnement, les animations et plus encore.

Dans ce cours gratuit, découvrez

  • Fondamentaux et syntaxe de base du CSS
  • Disposition, positionnement et mise en page
  • Projets pratiques : blog et réseaux sociaux
  • Effets visuels, animations et responsive design
  • Outils avancés et bonnes pratiques CSS
  • Approfondissements pratiques et cas particuliers

Descriptif du cours

Le cours intitulé "Apprendre CSS" est une ressource exhaustive pour quiconque souhaite maîtriser le CSS, ou Cascading Style Sheets, une technologie essentielle pour la conception de sites web. Avec une durée totale de 11 heures et 57 minutes, ce cours est divisé en plusieurs sections précises et détaillées, permettant aux apprenants de progresser à leur propre rythme tout en acquérant des compétences solides en CSS.

Organisé autour de 31 modules principaux et quelques tutoriels supplémentaires, le cours commence par une "Présentation" qui offre un aperçu global de ce qu'est le CSS, ses usages et son importance dans le web. Ensuite, les modules se concentrent sur les bases avec "Les sélecteurs", "Le modèle de boîte", et ainsi de suite, permettant aux apprenants de comprendre les fondements nécessaires pour travailler efficacement avec CSS.

Un point fort du cours est son focus sur les aspects pratiques du CSS, comme "Le positionnement", "Les éléments flottants : float", et "Flexbox", qui sont cruciaux pour créer des mises en page modernes et responsives. Les tutoriels pratiques comme "TP : Création d'un blog", "TP : Réseau social", et "TP Restaurant : Ouvrir la maquette", offrent aux apprenants l'opportunité de mettre en pratique ce qu'ils ont appris dans des projets concrets et réalistes.

Le cours aborde également des sujets plus avancés et spécifiques comme "Les frameworks CSS", "Les variables CSS", et "Les préprocesseurs CSS", fournissant une compréhension approfondie des techniques de pointe utilisées dans l'industrie actuelle. Pour ceux qui souhaitent personnaliser davantage leurs projets, des modules sur "Polices personnalisées", "Pseudo-éléments", et "Personnaliser des checkbox en CSS" sont inclus.

En matière de responsive design, le cours intègre des leçons sur les médias query et les images responsives, garantissant ainsi que les sites web conçus s'affichent correctement sur tous types de dispositifs. Des concepts comme "Transform", "Animation" et plusieurs techniques d'espacement en CSS sont également couverts, permettant de créer des interfaces utilisateurs interactives et attrayantes.

Le cours a été extrêmement bien reçu par les apprenants, obtenant une note moyenne de 5 étoiles, ce qui reflète la qualité du contenu et de l'instruction fournie. La plateforme reconnue pour ses excellentes ressources pédagogiques dans le domaine de l'informatique et plus spécifiquement de la programmation web, a encore une fois démontré son expertise avec ce cours de CSS.

Que vous soyez un débutant total ou un développeur cherchant à améliorer ses compétences en CSS, "Apprendre CSS" semble être une ressource exemplaire pour atteindre vos objectifs. Lier théorie et pratique, il offre une expérience d'apprentissage complète et engageante, capable de transformer vos compétences en conception web.

Contenu du cours

  • Leçon vidéo : Découverte du CSS (1/31) : Présentation 07m
  • Exercice: _Qu'est-ce que le CSS?
  • Leçon vidéo : Découverte du CSS (2/31) : Les sélecteurs 30m
  • Exercice: Quel est le principal avantage des classes CSS par rapport aux IDs ?
  • Leçon vidéo : Découverte du CSS (3/31) : Le modèle de boîte 34m
  • Exercice: _Qu'est-ce qu'une boîte en CSS ?
  • Leçon vidéo : Découverte du CSS (4/31) : Police 29m
  • Exercice: Quelle propriété CSS est utilisée pour changer la couleur du texte ?
  • Leçon vidéo : Découverte du CSS (5/31) : Les formats de couleurs 10m
  • Exercice: _Comment représente-t-on une couleur en CSS ?
  • Leçon vidéo : Découverte du CSS (6/31) : Les unités de mesures 16m
  • Exercice: Quelles unités CSS utilisez-vous pour définir la taille relative à la fenêtre d'affichage ?
  • Leçon vidéo : Découverte du CSS (7/31) : Le positionnement 18m
  • Exercice: _Quelle est la propriété CSS qui permet de positionner les éléments ?
  • Leçon vidéo : Découverte du CSS (8/31) : Les éléments flottants : float 19m
  • Exercice: Quelle est l'utilité de la propriété CSS 'float' dans la mise en page web?
  • Leçon vidéo : Tutoriel CSS : Flexbox 33m
  • Exercice: _Qu'est-ce que les flex box en CSS ?
  • Leçon vidéo : Découverte du CSS (9/31) : La propriété background 18m
  • Exercice: Quel est l'effet de la propriété CSS background-size avec la valeur 'cover'?
  • Leçon vidéo : Découverte du CSS (10/31) : Le box-sizing 04m
  • Exercice: _Quelle est la propriété CSS qui permet de définir comment la largeur affecte un élément en prenant en compte les bordures et le padding ?
  • Leçon vidéo : Découverte du CSS (11/31) : TP : Création d'un blog 1h15m
  • Exercice: Que doit-on faire pour centrer un bloc d'articles dans une page web en CSS?
  • Leçon vidéo : Découverte du CSS (12/31) : La spécificité des sélecteurs 08m
  • Exercice: _Comment le navigateur détermine-t-il quelle règle CSS prendre en compte lorsque plusieurs règles peuvent affecter un élément ?
  • Leçon vidéo : Découverte du CSS (13/31) : La compatibilité des navigateurs 13m
  • Exercice: Quel est l'outil conseillé pour vérifier la compatibilité des propriétés CSS dans différents navigateurs ?
  • Leçon vidéo : Découverte du CSS (14/31) : Polices personnalisées 20m
  • Exercice: _Quelle est la propriété CSS qui permet de définir une police personnalisée sur une page web ?
  • Leçon vidéo : Découverte du CSS (15/31) : Pseudo-éléments 19m
  • Exercice: Quel pseudo-élément CSS permet de sélectionner la première lettre d'un élément HTML ?
  • Leçon vidéo : Découverte du CSS (16/31) : Transform 19m
  • Exercice: _Qu'est-ce que la propriété transforme en CSS permet de faire ?
  • Leçon vidéo : Découverte du CSS (17/31) : Animation 18m
  • Exercice: Quelle propriété CSS est principalement utilisée pour créer des effets de transition visuelle fluide entre les états des éléments?
  • Leçon vidéo : Découverte du CSS (18/31) : Media query et le responsive 32m
  • Exercice: _Qu'est-ce que les médias query permettent de faire en CSS ?
  • Leçon vidéo : Découverte du CSS (19/31) : TP : Réseau social 1h37m
  • Exercice: Quel aspect est mis en avant lors de la création de la maquette présentée dans la vidéo ?
  • Leçon vidéo : Découverte du CSS (20/31) : TP Restaurant : Ouvrir la maquette 07m
  • Exercice: _Quel est le logiciel qui permet d'ouvrir des fichiers sketches sur Windows, Mac et Linux avec la fidélité la plus intéressante ?
  • Leçon vidéo : Découverte du CSS (28/31) : Les frameworks CSS 19m
  • Leçon vidéo : Découverte du CSS (29/31) : Reset 07m
  • Exercice: _Quel est l'objectif de l'outil "reset css" ?
  • Leçon vidéo : Découverte du CSS (30/31) : Les variables CSS 11m
  • Leçon vidéo : Découverte du CSS (31/31) : Les préprocesseurs CSS 07m
  • Exercice: _Qu'est-ce qu'un prêt processeur en CSS ?
  • Leçon vidéo : Tutoriel HTML: Images responsives 17m
  • Leçon vidéo : Les techniques d'espacement en CSS, LA 3ème VA VOUS ETONNER ! 25m
  • Leçon vidéo : Découverte du CSS : Chapitre 11, Flexbox 35m
  • Leçon vidéo : Découverte du CSS : Chapitre 29, Mini TP : Topbar 37m
  • Leçon vidéo : Tutoriel CSS : Personnaliser des checkbox en CSS 17m

Ce cours gratuit comprend:

11 heure et 57 minutes du cours vidéo en ligne

Certificat numérique de réussite du cours (gratuit)

Exercices pour développer vos connaissances

100% gratuit, du contenu au certificat

Prêt à commencer ?Téléchargez l’application et commencez dès aujourd’hui !

Installez l'application

dès maintenant pour accéder au cours
Icône représentant les cours de technologie et de commerce

Plus de 5000 cours gratuits

Programmation, anglais, marketing digital et bien plus encore ! Apprenez ce que vous voulez, gratuitement.

Icône de calendrier avec cible représentant la planification des études

Plan d'études avec IA

L'intelligence artificielle de notre application peut créer un planning d'études pour le cours que vous choisissez.

Icône professionnelle représentant la carrière et le commerce

De débutant à professionnel accompli

Améliorez votre CV grâce à notre certificat gratuit, puis utilisez notre intelligence artificielle pour trouver l'emploi de vos rêves.

Vous pouvez également utiliser le code QR ou les liens ci-dessous.

Code QR - Télécharger Cursa - Cours en ligne

Plus de cours gratuits sur Programmation web

Téléchargez l'application dès maintenant pour avoir accès à + 3300 cours gratuits, exercices, certificats et de nombreux contenus sans rien payer !

  • Cours en ligne 100% gratuits du début à la fin

    Des milliers de cours en ligne en vidéo, livres électroniques et livres audio.

  • Plus de 48 000 exercices gratuits

    Pour tester vos connaissances lors de cours en ligne

  • Certificat numérique gratuit et valide avec code QR

    Généré directement à partir de la galerie de photos de votre téléphone portable et envoyé à votre adresse e-mail

Application Cursa sur l'écran du livre électronique, l'écran du cours vidéo et l'écran des exercices du cours, ainsi que le certificat de fin de cours

+ 9 millions
d'étudiants

Certificat gratuit et
valide avec QR Code

60 mille exercices
gratuits

Note de 4,8/5 dans les
magasins d'applications

Cours vidéo et livres
audio gratuits