Tailwind CSS : A Modern Way To Build Websites Using CSS

Tailwind CSS : A Modern Way To Build Websites Using CSS

通过构建完全响应的房地产门户和交互式仪表板来学习 Tailwind。成为 TailwindCSS 专家。

你将会学到的

  • 学习一种现代的方式来设计网站并且永远不要回到使用常规的 CSS
  • 学习和理解如何使用 Tailwind 实用程序类来设置元素样式
  • 使用断点构建完全响应的网站
  • 学习建立一个房地产网站
  • 学习使用图表等组件构建交互式仪表板
  • 了解如何使用 Tailwind 类创建组件

要求

  • 必须熟悉 HTML 和 CSS 的基础知识

说明

Tailwind CSS:使用 CSS 构建网站的现代方式

这是您参加本课程所获得的:

逐字解释:在整个课程中,我解释每一行代码,没有跳过任何一行代码。

令人敬畏的优质内容:超过 6 小时以上的高清 (1080p) 视频。

结构良好且易于学习:课程经过专门设计,可让学生轻松学习如何使用 Tailwind CSS 构建现代和响应式 Web 布局。

24 X 7 全天候支持:我将一​​直在您身边,指导您成为 Tailwind CSS 专家。

_________________________________________________________________________

以下是有关此完整课程的简要介绍:

Tailwind CSS 是一个框架,它提供了一种在 HTML 本身中设置网站样式的方法,而无需编写外部 CSS。

让我们面对现实吧,CSS 很难编写和维护,所有这些类名都会让你感到困惑,而且样式元素与常规 CSS 相当复杂。

另一方面,使用像 Bootstrap 这样的框架会让你的网站看起来像其他所有使用它的网站一样。

Tailwind 为这两个问题提供了完美的解决方案,它为您提供了实用程序类,可以对您的网站外观进行更精细的控制,从而使您的网站设计与众不同。

另一方面,设置网页样式变得更加容易,因为您只需要在 HTML 中使用预定义的 Tailwind 实用程序类,而不必摆弄外部 CSS 文件。

一旦您使用 Tailwind,您将永远不会回到使用简单 CSS 的旧方式。

整个课程分为以下4个部分:

第 1 部分:介绍和安装。

本节介绍 Tailwind 是什么,它与引导程序有何不同,以及使用 Tailwind 相对于其他框架或常规 CSS 的优缺点。我们还学习了如何在我们的网络项目中设置顺风。

第 2 节:顺风基础知识。

在开始构建项目之前,我们首先熟悉 Tailwind 基础知识。我们学习如何使用容器、弹性盒子和网格布局在网页上放置元素。我们学习如何通过使用 Tailwind 实用程序类在这些元素之间添加边距、填充和间距。

我们还学习如何为按钮等元素添加边框、阴影和边框半径。

第 3 部分:构建一个完全响应的房地产门户。

在学习了 Tailwind CSS 基础知识之后,我们开始使用 Tailwind 构建一个房地产门户。我们构建了一个响应式导航栏,一个带有按钮的网站横幅。根据断点调整自身。我们还学习如何创建卡片组件以现代方式显示属性图像和属性详细信息。我们还使用卡片完全响应的卡片布局创建客户推荐部分。最后,我们创建一个联系表单和一个站点页脚来结束该项目。

第 4 部分:构建现代管理仪表板。

在本节中,我们将学习如何构建一个具有现代外观的站点管理员仪表板,该仪表板使用动态图表显示统计数据。整个仪表板将使用纯 Tailwind CSS 实用程序类构建。

因此,让我们开始成为Tailwind CSS 专家的旅程吧。

除了Udemy 30 天退款保证之外,您还有我个人的保证,您会喜欢您在本课程中学到的内容。如果您有任何问题,请随时直接给我留言,我会尽我所能尽快回复您!

_________________________________________________________________________

确保在价格变化之前注册课程。

立即点击“参加本课程按钮”,让自己朝着成为专业 API 开发人员更近一步!

加入旅程。

真挚地,

阿舒托什·帕瓦尔

此课程面向哪些人:

  • 想要学习如何以现代方式设计网站样式的开发人员
  • 了解 CSS 并想学习如何使用 Tailwind 的学生
  • 想要替代 Bootstrap 的开发人员
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » Tailwind CSS : A Modern Way To Build Websites Using CSS