|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/flexbox-tutorial/
课程评论：没有评论
课程名称：完整的Flexbox课程：彻底掌握CSS3 Flexbox 课程概述：在这门课程结束后，您将能够使用Flexbox进行各种设计工作，包括垂直对齐任何元素、创建现代网格、利用剩余空间、为元素之间添加间距以及实施完整的网站布局等更多内容。此外，我会在学习过程中回答您所有的问题，确保您达到学习目标。我为这门课程添加了人工高质量字幕（CC），以便于理解。通过三个迷你项目，您将能够实践Flexbox，提升在未来网页设计项目中的运用能力。 学生反馈：许多学生对我的课程给予了高度评价，认为教学方式简单易懂，内容详尽，并且我会迅速回应问题。这些反馈让我很高兴，我也会努力为每位学生提供最佳的学习体验。 课程内容：本教程将教授每一个Flexbox属性： - 样式化flex容器：flex-direction、justify-content、align-items、flex-wrap、align-content - 单独的flex项目：order、align-self、flex-grow、flex-shrink、flex-basis、flex 课程结束时，将展示真实世界的Flexbox实例，以展示可以实现的布局，包括同列相同大小的简单网格、列大小不一的更高级网格、垂直居中、媒体对象的实现以及包含侧边栏和粘性页脚的完整Holy Grail布局。 额外内容：课程还提供一份完整的Flexbox速查表，帮助您回顾和参考所学内容。此外，课程中包含一个Flexbox演示展示代码，作为互动速查表，您可以在浏览器中实际查看每个属性和布局示例。 期待您的参与！
After this course, you'll be able to use Flexbox to...vertically align any elementcreate modern gridstake up remaining spaceadd spacing between elementsimplement complete site layoutsand much more! More goodies inside this course:I'll answer all questions you may have along the way to make sure you reach your learning goalsI've added manual, high-quality captions (CC) to this courseTo see Flexbox in practice, 3 mini-projects will manifest your skills and enable you to use Flexbox productively in future web design projects.What Students Say About Me (taken from various courses of mine)Such a great course. second one for me with Peter Sommerhoff.a great Instructor, uses very easy way to explain the materials.- AhmedI absolutely LOVE this course, it teaches everything you need in details and more! They really do listen to their students and answer as fast as the road runner. Thanks so much for posting your course and I am looking forward other courses!- AnaGreat course, Peter explained it thoroughly, and he answers any questions within a day.- DunjaThe course covered the required information quickly and concisely without fluff or wasted motion. It provides sufficient pointers to additional information and documentation. I thought it was a good value.- RobertI'm glad to have received such great reviews from my students - and I'll do my best to provide you with the best learning I can as well.Check out the free preview videos below.I look forward to seeing you inside:)***In this tutorial, you'll learn to use each and every Flexbox property:Styling flex containers:flex-directionjustify-contentalign-itemsflex-wrapalign-contentThen individual flex items:orderalign-selfflex-growflex-shrinkflex-basisflexAt the end, we'll look at real-world Flexbox examples to see what kinds of layouts can be achieved:Simple grids with Flexbox where all columns in a row have the same sizeMore advanced Flexbox grids where columns can have arbitrary sizesVertical centering to vertically align any elementMedia objects, the popular OOCSS patternThe Holy Grail Layout, a complete site layout with sidebars and sticky footerAs a bonus, this course includes a complete Flexbox Cheat Sheet that you can use to recap all you've learned and to refer back to while using Flexbox.Additionally, I included the code for a Flexbox demo showcase - which is like an interactive cheat sheet for you to see in the browser that contains every property and every layout example from this tutorial.
