CardCourse

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="无内边距"
  lang="zh"
  href="/courses/padding-none"
  contentPadding="none"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="极小内边距"
  lang="zh"
  href="/courses/padding-xs"
  contentPadding="xs"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="小内边距"
  lang="zh"
  href="/courses/padding-sm"
  contentPadding="sm"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="中等内边距"
  lang="zh"
  href="/courses/padding-md"
  contentPadding="md"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="大内边距"
  lang="zh"
  href="/courses/padding-lg"
  contentPadding="lg"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="超大内边距"
  lang="zh"
  href="/courses/padding-xl"
  contentPadding="xl"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="2XL 内边距"
  lang="zh"
  href="/courses/padding-2xl"
  contentPadding="2xl"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="3XL 内边距"
  lang="zh"
  href="/courses/padding-3xl"
  contentPadding="3xl"
/>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="无内边距"
		lang="zh"
		href="/courses/padding-none"
		content-padding="none"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="极小内边距"
		lang="zh"
		href="/courses/padding-xs"
		content-padding="xs"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="小内边距"
		lang="zh"
		href="/courses/padding-sm"
		content-padding="sm"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="中等内边距"
		lang="zh"
		href="/courses/padding-md"
		content-padding="md"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="大内边距"
		lang="zh"
		href="/courses/padding-lg"
		content-padding="lg"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="超大内边距"
		lang="zh"
		href="/courses/padding-xl"
		content-padding="xl"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="2xl 内边距"
		lang="zh"
		href="/courses/padding-2xl"
		content-padding="2xl"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="3xl 内边距"
		lang="zh"
		href="/courses/padding-3xl"
		content-padding="3xl"
	/>
</template>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="React 基础教程"
  lang="zh"
  href="/courses/react-basics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Golang 入门"
  description="从零基础到实战，系统掌握 Go 语言开发。"
  lang="zh"
  href="/courses/golang-intro"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Astro for Beginners"
  description="A quick start to building websites with Astro."
  lang="en"
  href="/courses/astro-beginner"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Vue.js 基础教程"
  description="从零开始学习 Vue.js 框架，掌握响应式数据绑定和组件化开发。"
  lang="zh"
  href="/courses/vue-basics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="PHP 后端开发"
  description="学习 PHP 语言基础，掌握 Laravel 框架开发 Web 应用。"
  lang="zh"
  href="/courses/php-backend"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="JavaScript 进阶"
  description="深入学习 JavaScript ES6+ 特性，掌握现代前端开发技术。"
  lang="zh"
  href="/courses/javascript-advanced"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Java 企业级开发"
  description="学习 Java 核心概念，掌握 Spring Boot 微服务架构开发。"
  lang="zh"
  href="/courses/java-enterprise"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="计算机网络基础"
  description="学习 TCP/IP 协议栈，理解网络通信原理和网络安全。"
  lang="zh"
  href="/courses/computer-networks"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="高等数学"
  description="系统学习微积分、线性代数等高等数学核心内容。"
  lang="zh"
  href="/courses/higher-mathematics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Swift UI 开发"
  description="学习 Swift 语言和 SwiftUI 框架，开发 iOS 原生应用。"
  lang="zh"
  href="/courses/swift-ui"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Caddy 服务器配置"
  description="学习 Caddy 反向代理和 Web 服务器配置，自动化 HTTPS 部署。"
  lang="zh"
  href="/courses/caddy-server"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Kong API 网关"
  description="学习 Kong 微服务网关配置，实现 API 管理和安全控制。"
  lang="zh"
  href="/courses/kong-gateway"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="使用 Laravel 构建网站"
  description="学习使用 Laravel 框架开发现代 Web 应用，掌握 MVC 架构和数据库操作。"
  lang="zh"
  href="/courses/laravel-website"
/>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="React 基础教程"
		lang="zh"
		href="/courses/react-basics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Golang 入门"
		description="从零基础到实战，系统掌握 Go 语言开发。"
		lang="zh"
		href="/courses/golang-intro"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Astro for Beginners"
		description="A quick start to building websites with Astro."
		lang="en"
		href="/courses/astro-beginner"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Vue.js 基础教程"
		description="从零开始学习 Vue.js 框架，掌握响应式数据绑定和组件化开发。"
		lang="zh"
		href="/courses/vue-basics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="PHP 后端开发"
		description="学习 PHP 语言基础，掌握 Laravel 框架开发 Web 应用。"
		lang="zh"
		href="/courses/php-backend"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="JavaScript 进阶"
		description="深入学习 JavaScript ES6+ 特性，掌握现代前端开发技术。"
		lang="zh"
		href="/courses/javascript-advanced"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Java 企业级开发"
		description="学习 Java 核心概念，掌握 Spring Boot 微服务架构开发。"
		lang="zh"
		href="/courses/java-enterprise"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="计算机网络基础"
		description="学习 TCP/IP 协议栈，理解网络通信原理和网络安全。"
		lang="zh"
		href="/courses/computer-networks"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="高等数学"
		description="系统学习微积分、线性代数等高等数学核心内容。"
		lang="zh"
		href="/courses/higher-mathematics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Swift UI 开发"
		description="学习 Swift 语言和 SwiftUI 框架，开发 iOS 原生应用。"
		lang="zh"
		href="/courses/swift-ui"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Caddy 服务器配置"
		description="学习 Caddy 反向代理和 Web 服务器配置，自动化 HTTPS 部署。"
		lang="zh"
		href="/courses/caddy-server"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Kong API 网关"
		description="学习 Kong 微服务网关配置，实现 API 管理和安全控制。"
		lang="zh"
		href="/courses/kong-gateway"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="使用 Laravel 构建网站"
		description="学习使用 Laravel 框架开发现代 Web 应用，掌握 MVC 架构和数据库操作。"
		lang="zh"
		href="/courses/laravel-website"
	/>
</template>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="React 基础教程"
  lang="zh"
  href="/courses/react-basics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Golang 入门"
  description="从零基础到实战，系统掌握 Go 语言开发。"
  lang="zh"
  href="/courses/golang-intro"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Astro for Beginners"
  description="A quick start to building websites with Astro."
  lang="en"
  href="/courses/astro-beginner"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Vue.js 基础教程"
  description="从零开始学习 Vue.js 框架，掌握响应式数据绑定和组件化开发。"
  lang="zh"
  href="/courses/vue-basics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="PHP 后端开发"
  description="学习 PHP 语言基础，掌握 Laravel 框架开发 Web 应用。"
  lang="zh"
  href="/courses/php-backend"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="JavaScript 进阶"
  description="深入学习 JavaScript ES6+ 特性，掌握现代前端开发技术。"
  lang="zh"
  href="/courses/javascript-advanced"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Java 企业级开发"
  description="学习 Java 核心概念，掌握 Spring Boot 微服务架构开发。"
  lang="zh"
  href="/courses/java-enterprise"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="计算机网络基础"
  description="学习 TCP/IP 协议栈，理解网络通信原理和网络安全。"
  lang="zh"
  href="/courses/computer-networks"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="高等数学"
  description="系统学习微积分、线性代数等高等数学核心内容。"
  lang="zh"
  href="/courses/higher-mathematics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Swift UI 开发"
  description="学习 Swift 语言和 SwiftUI 框架，开发 iOS 原生应用。"
  lang="zh"
  href="/courses/swift-ui"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Caddy 服务器配置"
  description="学习 Caddy 反向代理和 Web 服务器配置，自动化 HTTPS 部署。"
  lang="zh"
  href="/courses/caddy-server"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Kong API 网关"
  description="学习 Kong 微服务网关配置，实现 API 管理和安全控制。"
  lang="zh"
  href="/courses/kong-gateway"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="使用 Laravel 构建网站"
  description="学习使用 Laravel 框架开发现代 Web 应用，掌握 MVC 架构和数据库操作。"
  lang="zh"
  href="/courses/laravel-website"
/>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="React 基础教程"
		lang="zh"
		href="/courses/react-basics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Golang 入门"
		description="从零基础到实战，系统掌握 Go 语言开发。"
		lang="zh"
		href="/courses/golang-intro"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Astro for Beginners"
		description="A quick start to building websites with Astro."
		lang="en"
		href="/courses/astro-beginner"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Vue.js 基础教程"
		description="从零开始学习 Vue.js 框架，掌握响应式数据绑定和组件化开发。"
		lang="zh"
		href="/courses/vue-basics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="PHP 后端开发"
		description="学习 PHP 语言基础，掌握 Laravel 框架开发 Web 应用。"
		lang="zh"
		href="/courses/php-backend"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="JavaScript 进阶"
		description="深入学习 JavaScript ES6+ 特性，掌握现代前端开发技术。"
		lang="zh"
		href="/courses/javascript-advanced"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Java 企业级开发"
		description="学习 Java 核心概念，掌握 Spring Boot 微服务架构开发。"
		lang="zh"
		href="/courses/java-enterprise"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="计算机网络基础"
		description="学习 TCP/IP 协议栈，理解网络通信原理和网络安全。"
		lang="zh"
		href="/courses/computer-networks"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="高等数学"
		description="系统学习微积分、线性代数等高等数学核心内容。"
		lang="zh"
		href="/courses/higher-mathematics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Swift UI 开发"
		description="学习 Swift 语言和 SwiftUI 框架，开发 iOS 原生应用。"
		lang="zh"
		href="/courses/swift-ui"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Caddy 服务器配置"
		description="学习 Caddy 反向代理和 Web 服务器配置，自动化 HTTPS 部署。"
		lang="zh"
		href="/courses/caddy-server"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Kong API 网关"
		description="学习 Kong 微服务网关配置，实现 API 管理和安全控制。"
		lang="zh"
		href="/courses/kong-gateway"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="使用 Laravel 构建网站"
		description="学习使用 Laravel 框架开发现代 Web 应用，掌握 MVC 架构和数据库操作。"
		lang="zh"
		href="/courses/laravel-website"
	/>
</template>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="React 基础教程"
  lang="zh"
  href="/courses/react-basics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Golang 入门"
  description="从零基础到实战，系统掌握 Go 语言开发。"
  lang="zh"
  href="/courses/golang-intro"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Astro for Beginners"
  description="A quick start to building websites with Astro."
  lang="en"
  href="/courses/astro-beginner"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Vue.js 基础教程"
  description="从零开始学习 Vue.js 框架，掌握响应式数据绑定和组件化开发。"
  lang="zh"
  href="/courses/vue-basics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="PHP 后端开发"
  description="学习 PHP 语言基础，掌握 Laravel 框架开发 Web 应用。"
  lang="zh"
  href="/courses/php-backend"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="JavaScript 进阶"
  description="深入学习 JavaScript ES6+ 特性，掌握现代前端开发技术。"
  lang="zh"
  href="/courses/javascript-advanced"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Java 企业级开发"
  description="学习 Java 核心概念，掌握 Spring Boot 微服务架构开发。"
  lang="zh"
  href="/courses/java-enterprise"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="计算机网络基础"
  description="学习 TCP/IP 协议栈，理解网络通信原理和网络安全。"
  lang="zh"
  href="/courses/computer-networks"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="高等数学"
  description="系统学习微积分、线性代数等高等数学核心内容。"
  lang="zh"
  href="/courses/higher-mathematics"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Swift UI 开发"
  description="学习 Swift 语言和 SwiftUI 框架，开发 iOS 原生应用。"
  lang="zh"
  href="/courses/swift-ui"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Caddy 服务器配置"
  description="学习 Caddy 反向代理和 Web 服务器配置，自动化 HTTPS 部署。"
  lang="zh"
  href="/courses/caddy-server"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Kong API 网关"
  description="学习 Kong 微服务网关配置，实现 API 管理和安全控制。"
  lang="zh"
  href="/courses/kong-gateway"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="使用 Laravel 构建网站"
  description="学习使用 Laravel 框架开发现代 Web 应用，掌握 MVC 架构和数据库操作。"
  lang="zh"
  href="/courses/laravel-website"
/>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="React 基础教程"
		lang="zh"
		href="/courses/react-basics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Golang 入门"
		description="从零基础到实战，系统掌握 Go 语言开发。"
		lang="zh"
		href="/courses/golang-intro"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Astro for Beginners"
		description="A quick start to building websites with Astro."
		lang="en"
		href="/courses/astro-beginner"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Vue.js 基础教程"
		description="从零开始学习 Vue.js 框架，掌握响应式数据绑定和组件化开发。"
		lang="zh"
		href="/courses/vue-basics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="PHP 后端开发"
		description="学习 PHP 语言基础，掌握 Laravel 框架开发 Web 应用。"
		lang="zh"
		href="/courses/php-backend"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="JavaScript 进阶"
		description="深入学习 JavaScript ES6+ 特性，掌握现代前端开发技术。"
		lang="zh"
		href="/courses/javascript-advanced"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Java 企业级开发"
		description="学习 Java 核心概念，掌握 Spring Boot 微服务架构开发。"
		lang="zh"
		href="/courses/java-enterprise"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="计算机网络基础"
		description="学习 TCP/IP 协议栈，理解网络通信原理和网络安全。"
		lang="zh"
		href="/courses/computer-networks"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="高等数学"
		description="系统学习微积分、线性代数等高等数学核心内容。"
		lang="zh"
		href="/courses/higher-mathematics"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Swift UI 开发"
		description="学习 Swift 语言和 SwiftUI 框架，开发 iOS 原生应用。"
		lang="zh"
		href="/courses/swift-ui"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Caddy 服务器配置"
		description="学习 Caddy 反向代理和 Web 服务器配置，自动化 HTTPS 部署。"
		lang="zh"
		href="/courses/caddy-server"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="Kong API 网关"
		description="学习 Kong 微服务网关配置，实现 API 管理和安全控制。"
		lang="zh"
		href="/courses/kong-gateway"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="使用 Laravel 构建网站"
		description="学习使用 Laravel 框架开发现代 Web 应用，掌握 MVC 架构和数据库操作。"
		lang="zh"
		href="/courses/laravel-website"
	/>
</template>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="React 基础教程"
  lang="zh"
  href="/courses/react-basics"
  iconSize="sm"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="Vue.js 进阶"
  lang="zh"
  href="/courses/vue-advanced"
  iconSize="md"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="JavaScript 高级"
  lang="zh"
  href="/courses/javascript-advanced"
  iconSize="lg"
/>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="TypeScript 实战"
  lang="zh"
  href="/courses/typescript-practice"
  iconSize="xl"
/>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="React 基础教程"
		lang="zh"
		href="/courses/react-basics"
		icon-size="sm"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="React 基础教程"
		lang="zh"
		href="/courses/react-basics"
		icon-size="md"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="React 基础教程"
		lang="zh"
		href="/courses/react-basics"
		icon-size="lg"
	/>
</template>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="React 基础教程"
		lang="zh"
		href="/courses/react-basics"
		icon-size="xl"
	/>
</template>

---



import { CardCourse } from "@coffic/cosy-ui";
---

<CardCourse
  courseName="AI 编程入门"
  keywords={['人工智能', '机器学习', 'Python', '深度学习']}
  lang="zh"
  href="/courses/ai-programming"
/>

<script setup lang="ts">
import { CardCourse } from "@coffic/cosy-ui/vue";
</script>

<template>
	<CardCourse
		course-name="AI 编程入门"
		lang="zh"
		href="/courses/ai-programming"
		:keywords="['人工智能', '机器学习', 'Python', '深度学习']"
	/>
</template>