|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/mastery-of-flexbox-and-css-grid-the-practical-guide/
课程评论：没有评论
**掌握 Flexbox 和 Grid (二合一课程) - 轻松指南** 本课程旨在助您精通 CSS Grid 和 Flexbox，成为世界一流的前端网页设计师。通过本课程的学习，您将能自信地从头到尾创建任何网站布局设计。这门課程現代、優質、解釋充分且結構良好。 **您将学到：** * 逐步掌握所有 Flexbox 和 Grid 属性。 * 通过 CSS Grid 和 Flexbox 创建各种布局设计。 * 学习在 CSS Grid 中使用分数单位 (fr)。 * 使用 `grid-template-areas` 创建响应式网格布局。 * 利用 Flex 和 Grid 设计 Masonry 布局。 * 掌握显式网格 (explicit grid) 和隐式网格 (implicit grid) 的使用。 * 理解 Grid 中 `auto-fill` 和 `auto-fit` 的区别。 * 学会对齐和分布 Grid 项目和 Flex 项目。 * 使用 CSS Grid 和 Flexbox 创建图片画廊和视频画廊。 * 利用 Flexbox 和 Grid 创建等高/等宽及不等高/不等宽的列/行。 * 掌握在 Grid 中使用任意网格线名称。 * 创建导航菜单和巨型菜单，并学会为其添加图片和视频。 * 灵活运用 CSS Media Query 实现移动优先的响应式网页设计。 * 学习导入 Font Awesome，将其融入设计。 * 彻底掌握导入 Google Fonts 并将其添加到字体系列。 * 能够应用 margin, padding, position, border 等 CSS 属性到您的布局设计中。 **学员评价：** * “我感到很充实” - Gana K. * “非常棒的 flex 和 grid 课程” - Yousef D. * “这对我来说是一门重要的课程，因为我学过其他 HTML 课程，但都没有学会如何正确创建网站布局。如果我无法布局一个响应式网页，学习字体、图片、链接又有什么意义呢？我鼓励任何学习 HTML 的人将此作为第一门课程。我对自己未来的学习旅程充满信心。” - Tim A.
This course is designed to make you a world class front-end web designer with CSS Grid and Flexbox as your tool. With the skills you will gather from this course, you can proudly create any website layout design from start to finish. It is an assurance because this Flexbox and CSS Grid course is modern, premium, adequately explained and well structured.What people are saying about this course:"I feel fulfilled" - Gana K."Amazing flex and grid course" - Yousef D."...This was an important course for me, because I've done a bunch of other HTML courses, but I haven't learned how to create a website layout properly. What's the point of learning about fonts, images, links, if you can't layout a responsive web page? I encourage anyone learning HTML for this to be your first course. I'm confident moving forward with my learning journey." - Tim A.What you will learn:You will be able to work with ALL flexbox properties and ALL Grid properties step by stepYou will learn how to create various layout designs with CSS Grid and FlexboxYou will learn how to use the fractional unit (fr) in CSS GridYou will be able to create responsive grid layouts using grid-template-areasYou will be skilled on how to design masonry layout with flex and gridYou will be skilled on how to work with implicit grid and explicit gridYou will learn the difference between auto-fill & auto-fit in GridYou will be able to align and justify grid items and flex itemsYou will learn how to create image gallery and video gallery with CSS Grid and FlexboxYou will learn how to create equal and unequal columns/rows using both CSS Grid and FlexboxYou will master how to use arbitrary grid line names in GridYou will be able to create navigation menus and mega menus. You will learn how to add images and videos to mega menusYou will be creative with how to use the CSS Media Query to make your web design mobile friendly and responsive. This means mobile-first approach.You will learn how to import font awesome in order to incorporate it in your designYou will thoroughly learn how to import Google fonts as part of your font familyYou will be able to apply some CSS properties to your layout design such as margin, padding, position, border properties, etc.
