|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/flask-htmx/
课程评论：没有评论
课程名称：快速开发 Flask、HTMX、TailwindCSS 和 AlpineJS 课程概述：您是否希望快速简单地构建互动式网页应用？本课程结合 Flask、HTMX、TailwindCSS 和 AlpineJS，提供了一整套技术栈，使您能够在几乎不编写 JavaScript 的情况下构建互动性强、吸引人的网页应用。这意味着您可以利用现有的 Python 知识，而不必学习全新的编程语言来完成您的网页项目。 传统上，不使用 JavaScript 构建网页应用会导致加载缓慢、体验不佳，并且在每次点击按钮或链接时都需重新加载页面。但借助 HTMX 和 AlpineJS，我们可以避免几乎所有的页面重新加载，创建快速、响应及时且引人入胜的服务器端渲染应用。这包括分页、元素显隐和页面状态更新等功能。通过引入 TailwindCSS，我们能够更快、更高效地编写 CSS。 在本课程中，我们将构建一个 RSS 订阅阅读器，从互联网上加载数据并显示您关注的文章。这是一个熟悉这些技术的绝佳项目，您将很快能够自己构建互动式网页应用。 课程内容包括： - 使用 Flask 创建网页应用。 - CSS 基础知识以及如何使用 TailwindCSS 应用这些知识。 - 通过 HTMX 向后端发送请求并更换页面内容，避免页面重新加载。 - 简单使用 AlpineJS 实现页面内交互，通过状态和事件调度。 - 学习 CSS 的 Flexbox 和 Grid 以创建常用的页面结构，包括侧边栏和主内容。 我相信您会喜欢这个课程。期待在课程中见到您！
Do you want to build interactive web applications quickly and simply?Python with Flask, HTMX, TailwindCSS, and AlpineJS is a complete stack of technologies to build interactive, engaging web applications without having to write (almost) any JavaScript.This means you can use your existing Python knowledge without having to learn a completely new language to build your web project.Traditionally, building a web application without JavaScript would mean a slow and sluggish experience, with lots of page reloads at every button or link click.With HTMX and AlpineJS, we can avoid almost all page reloads, and craft server-side rendered applications that feel fast, responsive, and engaging.This includes things like adding pagination, hiding and showing elements, and updating page state.Adding TailwindCSS into the mix will help us write our CSS quickly and efficiently.In the course, we build an RSS feed reader that loads data from the internet to display articles from feeds you follow. It's a great project to get familiar with these technologies, and in no time you'll be building your own interactive web applications.The course contains:Use Flask to create a web application.CSS fundamentals and how to apply them with TailwindCSS.Avoid page reloads with HTMX by making requests to your backend and swapping parts of the page content.Add in-page interactivity simply with AlpineJS using state and event dispatching.Learn about CSS flex and grid to create a commonly used page structure with a sidebar and main content.I'm sure you'll enjoy this course. See you on the inside!
