Astro JS v4 和 WordPress(Astro.js、TailwindCSS 和 WordPress)
Astro JS + Headless WordPress:使用 Astro.js Tailwind + WordPress 构建功能齐全的房地产网站
讲师:Tom Phillips
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
- 作为 Web 开发人员,提高您的价值并提高您的知识
- 学习 Astro JS
- 使用 Astro JS 和 Headless WordPress 创建静态、服务器编译、内容驱动的网站
- 将 WordPress 设置为后端来构建内容,然后使用 Astro JS 和 GraphQL 将内容呈现为页面
- 部署 Astro JS 静态网站并在内容发生更改时使用 Vercel 进行重建
- 了解如何使用 Tailwind CSS 设计 Astro JS 应用程序的样式
- 了解如何使用 ACF pro 创建自定义 WordPress Gutenberg 块
- 使用 Astro JS 创建静态文件 api 端点
- 使用 Astro 的 View Transitions API 实现平滑的视图转换
- 为我们的无头 WordPress 后端创建一个基本的 WordPress 主题
要求
- 对 Javascript 有很好的理解
- 体验 WordPress 会很有帮助,但不是必需的
- 有 React 经验会很有帮助,但本课程中的 React 代码很少
描述
通过 Astro JS 和 Headless WordPress 课程深入了解现代 Web 开发的世界。
您将探索 Astro JS 与无头 WordPress 后端的创新集成,并使用尖端托管平台 Vercel 部署您的网站。体验服务器端渲染 (SSR) 和静态站点生成 (SSG) 的优势以获得最佳性能,并自信地使用 TypeScript 编写代码。
课程亮点:
- 真实世界项目:构建“Astro Estates”,一个复杂的房地产网站,将您的技能应用到反映专业开发工作流程的项目中。
- Tailwind CSS 集成:在 JavaScript 环境中使用 Tailwind CSS 轻松实现令人惊叹的、响应式的和现代的设计。
- Headless WordPress:深入研究为无头架构量身定制的基本 WordPress 块和主题开发。
- GraphQL 专业知识:使用 GraphQL 从 WordPress 无缝获取数据,简化数据管理并提高网站速度。
- 无缝页面转换:实现视图转换 API,以在页面之间提供流畅、类似应用程序的导航体验。
- 静态和动态和谐:学习操作静态文件并利用 API 端点进行内容交付。
- React JS 与 Astro island 架构的交互性:使用 Astro 的 island 架构和 React JS(UI 开发的行业标准)通过交互式元素使您的静态站点变得栩栩如生。
- 使用 Vercel 轻松部署:探索在 Vercel 上部署项目的简单性和强大功能,确保您的站点不仅速度极快,而且全球分布且可扩展。
完成本课程后,您将对使用 Astro JS 和 WordPress 与 Vercel 构建和部署全栈 Web 应用程序有深刻的了解。该技能组合将使您能够打造不仅高质量而且符合现代企业需求的网络体验。
立即加入 Astro JS 和 Headless WordPress 课程,开始成为全栈 Web 开发专家的旅程,并能够轻松部署行业领先的网站!
本课程适合谁:
- 希望学习更好的方法来使用 Astro JS 通过 WordPress、React JS 和 GraphQL 创建静态内容驱动网站的 Web 开发人员
声明:口袋资源网(koudaizy.com)提供的所有课程、素材等资源全部来源于互联网,赞助VIP仅用于对口袋资源服务器带宽及网站运营等费用支出做支持,从本站下载资源,说明你已同意本条款。