Vegetables & Fruits
🚀 零基础 · 8周通关 · 专为跨境 To B 定制
Astro + Sanity 学习路线图
从完全不懂代码，到亲手写出加载速度极快、SEO 满分的不干胶标签定制独立站。
零基础“保命”建议
1. 不要背代码，要理解逻辑
不需要记住单词怎么拼，只要知道“有个东西能让内容居中”，用到时查文档即可。
2. 善用 AI 当助教
遇到报错直接复制给 AI；看不懂代码直接让 AI “用大白话解释”。
3. 接受前两周的“挫败感”
刚开始就像学一门外语，坚持到第三周，你会突然发现“原来网页就是这么拼起来的”。
4. 带着目的学（极其重要）
学完图片标签，立刻用它展示你的“防水不干胶”；学完排版，立刻试着排版产品卡片。
8周通关路线图
1
第 1-2 周
网页的骨架与皮肤 (HTML & CSS)
目标：能用代码手写出静态的产品页和排版。重点攻克 Flexbox 布局（用于做导航栏和产品网格）。
2
第 3 周
让网页动起来的魔法 (JavaScript)
目标：看懂简单的逻辑，为后面接入数据做准备。重点掌握：对象、数组、Array.map() 循环遍历。
3
第 4 周
效率神器 (Tailwind CSS)
目标：丢掉繁琐的传统 CSS，用最快的方式画出漂亮的页面，实现手机端和电脑端的响应式设计。
4
第 5-6 周
进入 Astro 宇宙
目标：把 HTML/CSS/JS 组合起来，做成组件化的现代网站。学习组件提取和动态路由生成。
5
第 7 周
驾驭 Sanity CMS
目标：给网站装上“后台”，实现可视化发布产品。学习定义 Schema 和使用 GROQ 语言查询数据。
6
第 8 周
部署与上线 (全球 CDN)
目标：让全世界都能访问你的网站，并且加载速度飞快。学习 Git 基础和 Cloudflare Pages 自动部署。
