课程简介
以下课程结构在课程期间会根据学员反馈做内容方向、篇幅、细节、顺序等方面的调整（查看原件）
启动 Kickoff
- 完整的开发环境配置指南，包括 Node、NPM、IDE 工具、浏览器插件和平台账号设置
- 开发有关的基本操作讲解，帮助你快速上手开发工具和环境
- 学习如何配置和管理开发服务器，为项目开发做好准备
环境配置
完整的开发环境配置指南
- 开发有关的基本操作讲解
- Node：
- 原生安装
- nvm 安装
- nvm 配置
- NPM 配置
- 淘宝源配置
- Chrome 及插件
- Vue 插件
- Nuxt 插件
- 开发工具 IDE：
- 主力：Cursor + Plus
- 平替：VSCode + Codeium
- 平台账号：
- 部署和域名相关
- GitHub
- Vercel
- Cloudflare
理论基础 Theories
- 从零开始学习 Web 开发的核心概念，包括前端和后端的基础知识
- 深入理解 Nuxt 和 Next 框架的异同，掌握 SSR 的工作原理
- 学习 Vue 和 TypeScript 的基础知识，为实际项目开发打下坚实基础
Web 开发基础概念
理解现代 Web 开发的核心概念
- 什么是 Nuxt？
- 什么是客户端（前端）和服务端（后端）？
- Nuxt 和 Next
- 什么是 SSR？
- 什么是 Vue？
- 什么是 Nodejs？
- 什么是 Typescript？
- …十万个为什么（随时穿插）
技术栈
课程涉及的主要技术栈介绍
- 前端框架：
- Vue 3
- Nuxt 3
- Next
- 开发语言：
- JavaScript
- TypeScript
- 样式相关：
- TailwindCSS
- CSS
- HTML
- 开发工具：
- Git
- VSCode
- Chrome DevTools
- 部署平台：
- Vercel
- Cloudflare
- 后端技术：
- Node.js
基础知识 Basics
- 核心技术文档精读，掌握 HTML、CSS、JavaScript 的关键知识点
- 深入学习 Vue、Nuxt、Next 和 React 官方文档，理解框架设计思想
- 了解 SQL 基础知识，为后续的数据管理模块做好准备
核心技术文档
快速了解主要技术栈文档
- HTML 核心文档 Quick Through
- CSS 核心文档 Quick Through
- Javascript 核心文档 Quick Through
- Vue 官方文档 Quick Through
- Nuxt 官方文档 Quick Through
- Next 官方文档 Quick Through
- React 官方文档 Quick Through
- SQL 核心文档 Quick Through
新手教程 Tutorial
- 从零开始搭建项目，学习基于官方模版的本地开发和部署流程
- 掌握组件化和模版的使用，提高代码复用性和可维护性
- 学习内容管理、流量分析和用户体验优化，打造专业级网站
项目起步
从零开始搭建项目
- 基于官方模版的本地开发
- 基于 Vercel 的发布流程
- 官方模版结构及本地启动
项目进阶
深入项目开发实践
- 组件化和模版的使用
- 内容管理模块集成
- 基于内容管理模块的实践
- 流量分析：Vercel Analytics
- 用户体验
实际项目 Projects
- 实际项目开发实战，包括课程官网迭代、开源导航站项目开发
- 基于 Next.js 的 AI 聊天机器人开发，集成自选 LLM
- Article AI 二次开发，支持多语言、数据管理、用户管理和付费功能
课程官网迭代
实战课程网站开发
- FAQ 页面、Promo 页面
- 合作伙伴页面
- 课程大纲页面
- 作品展示页面
- 体验优化
- SEO 优化
导航站项目
开源导航站完整开发流程
- 基础技术栈（继承新手教程项目）
- 产品功能设计
- 技术架构设计
- 核心功能 MVP 实现
- 基于 AI 的内容准备
- 自动化内容准备
AI ChatBot 二次开发
基于 Next.js 的 AI 聊天机器人开发
- 基于 Nextjs 的 AI ChatBot 在 Vercel 上的配置上线
- AI Chatbot 与自选 LLM 的集成（AI-SDK）
- Next 和 React 的基础知识
Article AI 二次开发
基于 AI 的文章生成系统
- 多语言：简体、英语、日语
- 数据管理：Neon
- 用户管理：Neon
- 广告
- 付费
- 分析
- 增长实验
进阶 Advance
- 使用主流 Hybrid 方案构建移动应用，扩展项目的应用场景
- 学习 Docker 相关技术，掌握基于 Github Action 的自动化构建
- 完整的 VPS 服务器部署流程，从初始化配置到应用发布
移动端开发
使用主流 Hybrid 方案构建移动应用
- 客户端 Apps（基于主流 Hybrid 方案）
VPS 部署
完整的服务器部署流程
- Docker 相关
- 本地构建
- 基于 Github Action 构建
- Dockerhub
- VPS 初始化配置与安装
- VPS 应用发布
社区协作 Collaborate
- 学习 GitHub 的工作流程，掌握团队协作的基本技能
- 参与开源导航站源码的开发，积累实际项目经验
- 开发属于学员自己的有意思的开源项目，展示个人能力
开源项目协作
参与开源项目开发
- GitHub 的 workflow
- 核心：导航站源码
- 其他：开发属于学员自己的有意思的开源项目
基于 AI 的 Web 开发课程
基于 AI 的 Web 开发课程
软件开发课程
- 完整的开发环境配置指南，包括 Node、NPM、IDE 工具、浏览器插件和平台账号设置
- 从零开始学习 Web 开发的核心概念，包括 Vue 3、Nuxt 3、TypeScript、TailwindCSS 等现代技术栈
- 核心技术文档精读，掌握 HTML、CSS、JavaScript、Vue 和 Nuxt 的关键知识点
- 从零开始搭建项目，学习组件化开发、内容管理、用户体验优化和部署发布流程
- 实际项目开发实战，包括课程官网迭代、开源导航站项目开发和现代 Web 技术的集成应用
- 进阶内容覆盖移动端开发和 VPS 服务器部署，掌握全栈开发技能
AI 赋能的生活实践
Coming SoonAI 赋能的生活实践
AI 实践课程
- 紧跟技术潮流，实时更新最新 AI 技术动态，帮助你洞察行业趋势和应用机会
- 学习主流开源框架和库的使用，掌握 AI 模型的基本原理和应用方法
- 深入学习 Prompt Engineering 技巧，让 AI 更准确地理解你的需求并产出优质内容
- 实践开源 AI 软件的安装、配置和二次开发，构建个性化 AI 应用和工具
- 掌握 AIGC 技术应用，包括图像、视频、音频生成和编辑的实用技巧和工作流
- 加入订阅制社群，获取持续更新的学习内容和实践案例，与志同道合的伙伴共同成长
AI 高阶技术与硬件集成
Coming SoonAI 高阶技术与硬件集成
AI 软硬件课程
- 课程将深入介绍如何搭建个人 AI 计算环境，包括硬件选择、系统配置和优化方法
- 学习如何在本地部署和运行各种开源 AI 模型，打造属于自己的 AI 助手和工具
- 掌握 AI 模型微调和定制化的基本方法，让 AI 更符合个人或特定领域的需求
- 了解和实践最新的 AI 技术，包括多模态模型的应用、AI 代理的构建等
- 探索 AI 与各种硬件设备的结合，如智能家居、机器人等领域的实践应用
- 该课程目前正在规划中，我们将汇集最新的 AI 技术和实践经验，为 AI 爱好者提供深度学习的平台
