【Udemy中英字幕】Tailwind CSS – Zero to Hero tailwind css – tailwind v3 2023

Tailwind CSS – 从零到英雄 tailwind css – tailwind v3 2023

Tailwind CSS – 轻松构建 Tailwind CSS 音乐节网站并构建自定义 Tailwind 插件、组件等！

讲师：Tom Phillips

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 提高您作为前端 Web 开发人员的价值
• 使用 Tailwind CSS 构建登陆页面
• 创建自定义 Tailwind CSS 插件
• 扩展默认的 Tailwind CSS 主题
• 使用 Tailwind CSS 创建自定义动画

要求

• 对 HTML 和 CSS 的基本了解
• 安装了最新版本的node和npm

说明

通过学习 Tailwind CSS 的细节来提高您的技能并增加您作为前端 Web 开发人员的价值！

Tailwind CSS 是一个实用程序优先的 CSS 框架，包含flex、pt-4、text-center和rotate-90等类，可以组合这些类来直接在标记中构建任何设计。

不再需要考虑合适的类名，不再创建包装类和内部类，不再用不必要的大 CSS 文件浪费资源。Tailwind CSS 使构建设计变得异常快速和简单，更不用说具有开箱即用的内置优化。没有在 HTML 文件中使用特定的类？那么 Tailwind CSS 不会将其包含在 CSS 的最终版本中！

在本课程中，我们将为音乐节网站创建一个移动优先的登陆页面。我们将涵盖带有 Flexbox 和网格的布局、带有菜单和子菜单项的 Hero 和 Navbar 组件、针对不同的状态（如悬停和焦点状态）、针对不同的屏幕尺寸，并扩展到 Tailwind 的内置主题和类之外。

在熟悉了 Tailwind CSS 的实用程序类后，我们将创建我们自己的基础类、实用程序和组件类，甚至编写我们自己的 Tailwind CSS 插件！本课程在如此短的时间内充满了令人难以置信的价值！

今天，通过学习使用 Tailwind CSS 设计网站的更高级方法，提高您作为前端 Web 开发人员的价值。

此课程面向哪些人：

• 希望通过学习更高级的应用程序和网站样式设计方式来增加自身价值的各个级别的 Web 开发人员