Bienvenue dans ce cours dans lequel vous allez apprendre la nouvelle révolution du positionnement, les CSS GRID !
Apprenez à créer des designs uniques avec cette méthode de positionnement qui offre des possibilités énormes et permet enfin de créer des sites originaux de manières rapide, logique et intuitive.
Ce cours en ligne, et en vidéo, vise les personnes voulant se former, se mettre à jour, ou tout simplement les débutants qui souhaitent avoir un panel de compétences complet.
Des connaissances basiques de CSS sont requises pour suivre le tuto dans de bonnes conditions.
Au programme de cette formation maîtrisez CSS GRID :
- Une partie théorique pour comprendre les propriétés et le concept de CSS Grid,
- Une partie pratique avec 3 projets à réaliser : un thème de blog, un projet de location de voitures et une galerie photo, le tout en CSS Grid !
Vous pourrez ainsi mettre concrètement en application, vos nouvelles compétences.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles question, sur le tuto.
Les fichiers de travail sont fournis.
Bonne découverte de CSS Grid.
Table des matières de cette formation CSS (durée : 1h29m)
-
Introduction
- Introduction gratuit 00:02:32
-
Propriétés et concept
- Création de notre première grille 00:07:29
- Repeat et Fractionnal Unit 00:02:23
- Placement avec Grid-Row et Grid-Col 00:03:17
- Placement sur plusieurs cellules 00:04:17
- Nommer Colonnes et rangés 00:03:23
- Nommer une "area" 00:02:03
- Grille explicite et grille implicite 00:01:30
- Aligner et centrer ces cellules 00:03:19
- Aligner et centrer sa grille 00:02:59
- Max-content et Min-content 00:05:47
- Autofill, autofit et la fonction MinMax 00:04:12
-
Premier projet : Thème de blog
- Créer une disposition complète avec CSS GRID 00:06:25
-
Second projet : Location de voitures
- Projet location de voitures, partie HTML 00:07:18
- Projet location de voitures, partie CSS 1 00:08:55
- Projet location de voitures, partie CSS 2 00:09:48
-
Troisième projet : Galerie CSS GRID
- Projet Galerie partie 1 00:08:45
- Projet Galerie partie 2 00:04:39
- Fichiers sourcestélécharger
- Certificat
Formateur : Enzo Ustariz
-
Bien expliqué et concis avec des exemples. Je recommande ce tutoriel.
-
Très bon tuto bien expliqué les exemples de projets sont bien on mets vraiment en pratique toutes les propriétés attention cependant à la vitesse y'a pas le feu faut se mettre à la place de la personne qui suit le cour qui regarde et code en même temps mettre pause toutes les 30 secondes c'est pas top
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le fichier source contient le code source pour vous aider lorsque vous allez effectuer les projets du cours.
note moyenne
avis laissés