|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/master-tailwind-css-for-beginners/
课程评论：没有评论
**Coursera课程《Master Tailwind CSS For Beginners》内容摘要** 本课程旨在帮助前端 Web 开发者提升技能，增加自身价值，深入学习 Tailwind CSS。 Tailwind CSS 是一个“实用工具优先”的 CSS 框架，提供了诸如 `flex`、`pt-4`、`text-center` 和 `rotate-90` 等类，用户可以直接在 HTML 标记中组合这些类来构建任何设计。这种方式省去了思考类名、创建包裹类和内部类的工作，也避免了不必要的大型 CSS 文件，极大地提高了设计构建的速度和便捷性，并且内置了开箱即用的优化。如果 HTML 文件中未使用某个类，Tailwind CSS 不会将其包含在最终的 CSS 构建中。 课程内容将通过创建一个音乐节网站的移动优先（mobile-first）登陆页面进行讲解，涵盖： * 使用 Flexbox 和 Grid 进行布局。 * 创建包含菜单和子菜单项的 Hero 和 Navbar 组件。 * 针对不同状态（如 hover 和 focus）进行样式设置。 * 针对不同屏幕尺寸进行响应式设计。 * 扩展 Tailwind 的内置主题和类。 在熟悉了 Tailwind CSS 的实用类之后，课程还将引导学员创建自定义的基础类、实用类和组件类，甚至编写自己的 Tailwind CSS 插件。 本课程以极短的时间提供了极高的价值，能帮助开发者通过一种更高级的方式来为网站添加样式，从而提升作为前端开发者的市场竞争力。
Improve your skills and increase your value as a front end web developer by learning the ins and outs of Tailwind CSS!Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.No more trying to think of appropriate class names, no more creating wrapper classes and inner classes, no more wasting resources with unecessarily large CSS files. Tailwind CSS makes building designs incredibly fast and easy, not to mention has built-in optimisation out of the box. Not using a particular class in your HTML files? Then Tailwind CSS won't include it in the final build of your CSS!In this course we'll be creating a mobile-first landing page for a music festival website. We'll be covering layouts with flexbox and grid, Hero and Navbar components with menu and sub menu items, targeting different states like hover and focus states, targeting different screen sizes, and extending beyond Tailwind's built-in theme and classes.After getting comfortable with Tailwind CSS's utility classes, we'll be creating our own base, utility, and component classes, and even writing our own Tailwind CSS plugins! This course is packed with an incredibly amount of value in such a short amount of time!Increase your value as a front end web developer today by learning a more advanced way of styling your websites using Tailwind CSS.
