<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
  • [x] Nuxt 官方文档 Quick ****Through
  • [ ] Next 官方文档 Quick Through
  • [ ] React 官方文档 Quick Through
  • [ ] SQL 核心文档 Quick Through

• [ ] 进阶 Advance

  • [ ] 移动客户端 Mobile Apps（基于 Capacitor）
  • [ ] 基于自主 VPS 的部署
    • [ ] Docker 相关
      • [ ] 本地构建
      • [ ] 基于 Github Action 构建
      • [ ] Dockerhub
    • [ ] VPS 初始化配置与安装
    • [ ] VPS 应用发布

• [ ] 社区协作 Collaborate

  • [ ] GitHub 的 workflow
  • [ ] 核心：导航站源码
  • [ ] 其他：开发属于学员自己的有意思的开源项目

• [x] 新手教程

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

• [ ] 实际项目 Projects

  • [x] 基于课程官网的迭代扩展
    • [x] FAQ 页面、Promo 页面
    • [x] 合作伙伴页面
    • [x] 课程大纲页面
    • [x] 作品展示页面
    • [x] 体验优化
    • [x] SEO 优化
  • [x] 基于新手教程扩展的导航站项目（开源）
    • [x] 基础技术栈（继承新手教程项目）
    • [x] 产品功能设计
    • [x] 技术架构设计
    • [x] 核心功能 MVP 实现
    • [x] 基于 AI 的内容准备
    • [x] 自动化内容准备
  • [ ] 基于 AI ChatBot 的二次开发（开源）
    • [ ] 基于 Nextjs 的 AI ChatBot 在 Vercel 上的配置上线
    • [ ] AI Chatbot 与自选 LLM 的集成（AI-SDK）
    • [ ] Next 和 React 的基础知识
    • [ ] 数据管理：Neon
    • [ ] 用户管理：Neon
  • [ ] 更多技术栈的逐一集成（安排在迭代中，作为专题来讲）
    • [ ] 多语言：简体、英语、日语
    • [x] 分析
    • [ ] 广告
    • [ ] 付费

<aside> 📝

</aside>

序言

楔子

• 我的技术成长史：篇 1