📚 学习工坊合集

一站式前端技术学习

系统整理主流前端技术栈知识点,提供渐进式学习、闪卡复习、进度跟踪功能,助你高效掌握前端技术

🎯 全部学习站点

🍳

家常菜学习工坊

从零开始学做菜,包含基础技巧、家常菜谱、菜系做法、烘焙入门,新手也能轻松变大厨

菜谱 烹饪 家常菜
立即学习
📘

TypeScript 学习工坊

系统学习TypeScript最新版本(5.5+)核心特性、类型系统、高级用法和最佳实践,提升代码质量和开发效率

TypeScript 类型系统 最新版本
立即学习
🤖

Claude Code 学习工坊

系统学习Claude Code AI代码助手,包含10个核心知识点、使用技巧、最佳实践,助你提升10倍开发效率

AI编程 Claude 开发效率
立即学习
🎨

TailwindCSS v4 学习工坊

系统学习TailwindCSS v4最新特性,包含30个核心知识点、示例代码、测试题,支持闪卡复习和本地进度跟踪

CSS 原子化CSS v4新特性
开始学习

Next.js 学习站点

全栈React框架Next.js系统学习,包含App Router、服务端组件、数据请求、部署等完整知识点,渐进式学习

React 全栈框架 App Router
开始学习

前端性能优化学习工坊

系统学习前端性能优化,包含18个核心知识点,覆盖Core Web Vitals指标、图片/JS/CSS优化、性能分析工具、缓存策略和实战案例

性能优化 Core Web Vitals Lighthouse
立即学习
⚛️

React 18+ 学习工坊

系统学习React 18+,包含20个核心知识点,覆盖并发模式、Server Components、Next.js App Router、Hooks进阶、性能优化和最佳实践

React 18 Server Components App Router
立即学习
🎨

现代CSS学习工坊

系统学习现代CSS核心特性,包含18个知识点,覆盖Flexbox、Grid、容器查询、:has()选择器、滚动驱动动画等前沿特性

CSS 容器查询 :has()
立即学习
🌿

Vue 3 学习工坊

系统学习 Vue 3 核心特性,包含 18 个知识点,覆盖组合式 API、响应式系统、组件通信、Vue Router、Pinia 状态管理等

Vue 3 Composition API Pinia
立即学习

更多站点筹备中

SvelteKit、前端工程等更多技术栈学习站点即将上线,敬请期待

关注仓库动态

✨ 站点特性

系统化学习

按知识点体系整理,从基础到进阶循序渐进,每个知识点都附带示例代码和测试题,学练结合

闪卡复习模式

闪卡记忆模式高效复习知识点,支持键盘快捷操作,利用间隔重复记忆法提升学习效率

进度本地跟踪

学习进度本地存储,自动记录已学知识点和掌握情况,支持多设备PWA离线访问