Apprendre Grid CSS et le maîtriser en 6 minutes !
HTML-код
- Опубликовано: 9 июл 2024
- Apprendre Grid CSS pour coder vos layouts HTML/CSS. Je réponds à la question "grid css vs flexbox" et vous explique quand utiliser grid CSS à la place de flexbox.
📹 Apprendre AlpineJS : • Apprendre l'essentiel ...
📹 Tout sur la compatbilité des navigateurs web : • Utiliser correctement ...
📚 Documentations Grilles CSS (CSS Grid) :
- developer.mozilla.org/fr/docs...
- www.w3schools.com/css/css_gri...
Chapitres :
00:00 Introduction
00:15 Ce que nous allons apprendre
00:30 Comment utiliser la propriété display:grid
00:42 Apprendre la propriété CSS grid-gap
01:00 Définir des colonnes en CSS via grid-template-columns
01:17 A quoi sert la propriété repeat()
01:30 1fr vs 100
01:48 Les fractions en CSS avec 2fr
02:03 Comment utiliser minmax()
02:19 Déinir des rangées en CSS via grid-template-rows
02:53 Rajouter des colonnes en Grid CSS via grid-auto-flow
03:15 Rajouter des rangées en Grid CSS grid-auto-rows
04:00 Des cellules sur plusieures colonnes en CSS avec grid-column-start
04:20 Comment utiliser grid-column-end
04:56 Apprendre grid-row
05:10 Grid CSS vs. Flexbox
05:42 Avec quels navigateurs Grid CSS est-il compatible ?
🖥️ Abonnez-vous sur RUclips : ruclips.net/user/parfaitementw...
👨💻 Qui suis-je ?
Je m'appelle Alexis et je suis développeur web full stack (front-end et back-end) ainsi que gérant d'une agence web spécialisée dans le développement PHP, Laravel & Wordpress depuis plus de 15 ans. Au fil des années, autodidicate, j'ai eu l'occasion d'apprendre et maitriser un grand nombre de langages de programmations et technologies de développement comme PHP, Laravel, MySQL, Python, HTML, CSS, JavaScript, VueJs, NodeJS, React, Angular. Je propose des cours de développement web et formations complètes pour devenir développeur ou apprendre à développer ainsi que partager mes conseils et retours d'expériences qui seront utiles à tous les développeurs freelance. - Наука
une bonne voix, une bonne caméra et un bon contenu, rien à ajouter
Simple et efficace, ça fait presque 2 ans que je code, flex m’a toujours servi, sauf qu’hier je travaillais sur un projet ou je devais utiliser grid et je voulais l’apprendre vite fait genre 6 minute quoi, et j’avoue t’as trouvé le bon titre pour la vidéo, merci bcp
Très bon prof, c'est top !
merci pour ton partage👍
Merci bcq!! C'est toujours bien de revoir ses lessons!!👌🏾
J‘avoue que j‘ai un peu douté de la vidéo, mais maintenant j’ai l’impression de vraiment tout connaitre sur les grid, merci beaucoup
Avec plaisir ! Je peux te demander ce qui t’as fait douter de la vidéo avant de la regarder ? Le titre, la thumbnail, la durée ?
@@ParfaitementWeb 😂 La duree surement ? J'avoue qu'au debut j'ai eu la meme la meme impression. Great work ! Kudos !!!
Bravo et merci pour ce cours, excellent comme de coutume. Pour afficher un tableau dont les colonnes peuvent être triées par l'utilisateur, recommanderiez-vous l'utilisation de cette mise en page ou un "bon vieux" ?
Merci, c'est agréable d'avoir un tuto qui va droit au but, sans passer trois heures pour expliquer des choses évidentes, une fois que le principe est compris on peut se débrouiller (il y a une vidéo sur Flex ?)
Bravo ! 👏🙂
C'est d'une telle limpidité, tu vas à l'essentiel, quel gain de temps !
Il y a des exercices avec tes formations ?
Je file sur ton site...
J'apprécie vraiment ton travail, c'est net, pro... Tes réflexions sur le métier de développeur, ta façon de le vivre sont touchantes, ça sonne juste.
Merci pour ton cet apport de grande qualité ! 💎✨💎
Merci beaucoup ! Malheureusement pas encore d’exercice sur mon site, mais c’est en préparation. Manque juste quelques heures dans mes journées :)
c'est même agréable à regarder, même ton fond d'écran est assorti!
Super clair!!! pfff tout le monde va pouvoir être dev maintenant c'est malin 😒😉
Merciiii
Expliquer simplement comme ça c'est très fluide comme je galere avec les grid je me suis limité aux flexbox.
@Patronus merci pour la suggestion c'est la 2eme personne qui me parle de ce framework je vais tenter
j'allais regarder mais le thème clair sur vs code impossible 👎