UI 开发快速入门

欢迎来到 UI 开发快速入门指南！本课程将帮助你掌握现代前端 UI 开发的核心技能。

官方资源

• Tailwind CSS 官方网站 - 官方文档和工具
• shadcn/ui 官方网站 - 组件库和文档
• React 官方文档 - React 最新文档和教程
• Figma 设计系统 - 设计系统最佳实践
• MDN Web 文档 - 权威的 Web 技术文档

为什么选择现代 UI 开发？

现代前端开发已经从传统的 CSS 开发演进到了更加高效、可维护的解决方案：

• 原子化 CSS：使用 Tailwind CSS 等工具，减少上下文切换
• 组件库：基于 shadcn/ui 等高质量组件库，提升开发效率
• 设计系统：统一的设计语言，确保产品一致性
• 响应式设计：一次开发，多端适配

本课程涵盖内容

1. Tailwind CSS 基础 - 掌握原子化 CSS 的核心概念
2. shadcn/ui 组件库 - 学习高质量组件的使用和定制
3. 响应式设计 - 实现完美的多端适配
4. 主题系统 - 理解和实现主题定制

开始之前

在学习之前，建议你具备以下基础知识：

• HTML 基础
• CSS 基础概念
• JavaScript/TypeScript 基础
• React 基础（可选，但推荐）

让我们开始这段精彩的学习之旅！