使用 Flask、HTMX、TailwindCSS 和 AlpineJS 快速开发
使用服务器端渲染,以最少的 JavaScript 构建交互式 Web 应用程序
讲师:Jose Salvatierra
双语IT资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
您将学到什么
- 使用 Flask、HTMX、TailwindCSS 和 AlpineJS 快速构建 RSS 阅读器应用程序
- 使用 HTMX 进行服务器端渲染来动态更新页面
- 使用最少的 JavaScript 快速构建交互式 Web 应用程序
- 使用 AlpineJS 轻松实现页面内交互
- CSS 基础知识以及如何使用 TailwindCSS
- CSS 流、弹性和网格布局以及如何使用 TailwindCSS 应用它们
探索相关主题
要求
- 需要中级编程知识,最好使用 Python
- 由于课程节奏很快,因此对 Flask 的了解会很有帮助
- 无需 CSS、TailwindCSS 或 JavaScript 知识
描述
您想快速、简单地构建交互式Web应用程序吗?
Python 与 Flask、HTMX、TailwindCSS 和 AlpineJS 构成了一整套技术,可用于构建交互式、引人入胜的 Web 应用程序,而无需编写(几乎)任何 JavaScript。
这意味着您可以使用现有的 Python 知识来构建您的 Web 项目,而无需学习全新的语言。
传统上,构建没有 JavaScript 的 Web 应用程序意味着缓慢而迟缓的体验,每次单击按钮或链接时都会重新加载大量页面。
通过 HTMX 和 AlpineJS,我们可以避免几乎所有的页面重新加载,并制作快速、响应迅速且引人入胜的服务器端渲染应用程序。
这包括添加分页、隐藏和显示元素以及更新页面状态等内容。
添加 TailwindCSS 将帮助我们快速高效地编写 CSS。
在本课程中,我们将构建一个 RSS 源阅读器,它可从互联网加载数据以显示您关注的源中的文章。这是一个很棒的项目,可以让您熟悉这些技术,并且您很快就能构建自己的交互式 Web 应用程序。
课程内容:
-
使用 Flask 创建 Web 应用程序。
-
CSS 基础知识以及如何使用 TailwindCSS 应用它们。
-
通过向后端发出请求并交换部分页面内容,避免使用 HTMX 重新加载页面。
-
使用状态和事件调度,轻松通过 AlpineJS 添加页面内交互。
-
了解 CSS flex 和 grid 以创建带有侧边栏和主要内容的常用页面结构。
我相信你会喜欢这门课程。我们内部见!
本课程适合哪些人:
- 希望快速构建 Web 应用程序项目的中级 Python 开发人员
- 想要了解如何构建服务器端渲染应用程序的前端开发人员
- 想要了解 Web 开发(包括 HTML 和 CSS)的开发人员
如果你有能力,请务必支持课程的原创作者,这是他们应得的报酬!
本站收取的费用,仅用来维持网站正常运行的必要支出,从本站下载任何内容,说明你已经知晓并同意此条款。