<aside> ✨

点此返回官网 👉 **JustinInCourse 🏠**

</aside>

课程梗概

<aside> 💡

以下课程结构是目前预想中的简要版本，课程期间会根据学员反馈做内容方向、篇幅、细节、顺序等方面的调整，以课程内部笔记中的实际 Schedule 和课程结构为准（updated November 25, 2024 ）

</aside>

• [x] 启动：课程介绍（‣ ）

• [x] 环境准备（‣ ）

  • [x] 开发有关的基本操作讲解：‣
  • [x] Node:
    • [x] 原生安装
    • [x] nvm 安装
    • [x] nvm 配置
  • [x] NPM 配置
    • [x] 淘宝源配置
  • [x] Chrome 及插件
    • [x] Vue 插件
    • [x] Nuxt 插件
  • [x] 开发工具 IDE：
    • [x] 主力：Cursor + Plus
    • [x] 平替：VSCode + Codeium
  • [x] 平台账号：
    • [x] 部署和域名相关：‣
    • [x] GitHub
    • [x] Vercel
    • [x] Cloudflare

• [x] 理论基础

  • [ ] 什么是 Nuxt？（‣ ）
    • [x] 什么是客户端（前端）和服务端（后端）？
    • [x] Nuxt 和 Next
    • [x] 什么是 SSR？
    • [x] 什么是 Vue？
    • [ ] 什么是 Nodejs？
    • [ ] 什么是 Typescript？
  • [ ] …十万个为什么（随时穿插）

• [ ] 基础知识

  • [x] HTML 核心文档 Quick Through
  • [x] CSS 核心文档 Quick Through
  • [x] Javascript 核心文档 Quick Through
  • [x] Vue 官方文档 Quick Through
  • [ ] Nuxt 官方文档 Go Through

• [x] 新手教程

  • [x] 基于官方模版的本地开发（‣ ）
  • [x] 基于 Vercel 的发布流程
    • [x] 官方模版结构及本地启动（‣ ）
  • [x] 基于第一个项目的渐进改进
    • [x] 组件化和模版的使用（‣ ）
    • [x] 内容管理模块集成（‣ ）
    • [x] 基于内容管理模块的实践（‣ ）
      • [x] 流量分析：Vercel Analytics
      • [x] 用户体验：‣

• [ ] 实际项目 Projects

  • [ ] 基于课程官网的迭代扩展
    • [x] FAQ 页面、Promo 页面
    • [x] 合作伙伴页面
    • [x] 课程大纲页面
    • [x] 作品展示页面
    • [ ] 体验优化
    • [ ] SEO 优化
  • [ ] 基于新手教程扩展的导航站项目（开源）
    • [ ] 基础技术栈（继承新手教程项目）
    • [ ] 产品功能设计
    • [ ] 技术架构设计
    • [ ] 核心功能 MVP 实现
    • [ ] 基于 AI 的内容准备
    • [ ] 自动化内容准备
  • [ ] 更多技术栈的逐一集成（安排在迭代中，作为专题来讲）

• [ ] 进阶 Advance

• [ ] 社区协作 Collaborate

<aside> 📝

</aside>

序言

楔子

• 我的技术成长史：篇 1