|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/maitrisez-css-grid/
课程评论：没有评论
Coursera 课程《Maîtrisez CSS GRID!》中文内容总结： 本课程是法语版的 CSS Grid 最佳课程，旨在教授 CSS Grid 布局的革命性定位方法。通过本课程，您将学习如何使用 CSS Grid 创建独特、原创且逻辑自然的网站设计。 **课程目标：** * 培训想要学习、更新技能或入门 CSS Grid 的人士。 * 为学员提供完整的 CSS Grid 技能面板。 **先修知识：** * 需要具备 CSS 基础知识，例如 `display`、`position`、`media queries` 等。 **课程内容概览：** * CSS Grid 的设置与基础属性（如 `Grid-template-row/col`）。 * CSS Grid 的常用简写属性。 * 使用 Grid 创建响应式（responsive）布局。 * Grid 布局中物品（items）的放置、间距（gouttières）的设置。 * “破坏性”网格（grilles destructurées）的概念。 * 管理列（colonnes）和行（rangées）。 * 单元格区域（aires de grille）的运用。 * 理解 CSS Grid 的隐式（implicites）和显式（explicites）机制。 * 通过两个实际项目来巩固所学知识。 * 等等…… **学习资源：** * 只需一台电脑和一些学习动力。 * 课程将使用 Codepen 和 VS Code，但学员也可以使用任何代码编辑器。 **结语：** 课程鼓励学员积极参与，一同开始编码学习。
** Le meilleurs cours sur CSS GRID en français! **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 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 (display, position, media queries, etc..).Nous allons voir ensemble: - Comment mettre en place une grille CSS.- Les propriétés de base (Grid-template row/col, etc...)- Les propriétés raccourcies de CSS Grid, car il y en a beaucoup.- Comment faire des dispositions reactives(responsive) avec les grilles.- Le placement des items, les goutières- Les grilles destructurées- Gérer les colonnes et les rangées- Utiliser des aires de grille- Comprendre les mecanismes implicites et explicites de CSS Grid- Créer deux projets pour mettre en place les connaissances acquises- Etc...Pour suivre ce cours vous avez simplement besoin d'un ordinateur et d'un peu de volonté.Nous allons utiliser codepen et VS Code, mais vous pouvez suivre ce cours avec n'importe quel éditeur de code.Rendez-vous de l'autre côté pour commencer à coder!
