零基础AI Coding课：不会写代码也能做AI网站与应用

ℹ️ Information工具安装 & 环境准备

🎬 VideoHTML介绍

Web的访问方式HTML结构和语义化

🎬 VideoCSS介绍

CSS介绍How does CSS actually work

📚 Lesson 1什么是AI Product Manangement

课程描述本节课将带你从宏观理解生成式 AI，到掌握如何用产品视角拆解一个 AI 产品的需求、流程与成功定义。你将学习 AI 产品经理是如何思考、如何与模型互动、如何设计 Prompt 作为交互方式，并通过课堂案例了解真实企业如何构建 AI 功能。本节课帮助你理解一套完整的 AI ... 登录后查看完整内容

🧪 LabProposal自己的AI产品

评估想法可实现性（技术难度、所需功能、是否适合用本课程工具完成）学会用 Context Engineering（上下文管理）优化需求描述用AI 生成并完善一份PRD文档

📚 Lesson 5Git基础：保存进度不掉线

学会用 Git 保存项目进度为什么要使用 Git如何设置 GitGit的基本命令日常工作中的Git常用命令使用 Git branch 进行创建与合并分支使用 GitHub 进行团队协作使用 merge 和 rebase 进行日常协作实践案例/练习创建仓库并完成首次提交

📚 Lesson 6把想法变成计划书

产品从“想法”变成产品，中间要经历一系列拆解、规划和整理。本节课将带你从一个简单的想法出发，学会如何把它写成一份清晰的计划书（Proposal），并进一步拆分成小任务（User Stories），让开发可以一步一步完成。课堂中我们会用通俗易懂的例子——做披萨（Pizza）来讲解... 登录后查看完整内容

📚 Lesson 4让 AI 帮我写第一个功能

在前面你已经完成了产品规划与 Git Workflow，从这一节课开始，你将真正踏入 AI Coding（AI 写代码）的核心环节。本节课会带你从零上手，用 AI 生成一段可运行的项目代码，并成功搭建你的第一个真实功能 —— 注册 / 登录功能。你将学习如何向 AI 提需求、如... 登录后查看完整内容

📚 Lesson 6Debug不再可怕

对很多刚开始学编程的同学来说，最容易被劝退的时刻，往往不是写不出代码，而是页面突然出问题：按钮点了没反应、页面看起来乱了、一直在加载却没有结果，甚至出现一大片红色提示。本节课的目标，不是让你立刻学会所有技术细节，而是让你不再害怕这些情况。老师会带你建立一套清晰、可重复的排查方法，... 登录后查看完整内容

📚 Lesson 8Lab 01：手把手带你搭建cms系统（上）

完成用户注册/登陆系统成功运行一个用户系统Demo

📚 Lesson 9互联网产品入门：什么是网页，网页的基本构成

了解 Web 应用的基本结构（前端、后端、数据库、部署）理解网站的基本组成与运行方式实践案例打开并分析常见网站的页面结构

📚 Lesson 2做出我的第一个网页

用 Cursor/Claude Code 生成网页 UI 框架显示文本、按钮

📚 Lesson 3改造网页外观

用 Chrome Inspector 检查网页修改样式（颜色、文字、布局）产出：简单网页 Demo

📚 Lesson 1认识Supabase

学会注册Supabase掌握数据库存取方法接入 Supabase 数据库实现注册功能，数据能保存

📚 Lesson 2存数据：让用户能注册

学会用Supabase验证账号密码完成用户数据验证实现登录功能验证数据库交互成功产出：注册+登录功能跑通

📚 Lesson 4Lab 02：手把手带你搭建cms系统（下）

学会内容管理功能做出一个简单的CMS页面

📚 Lesson 2产品上线啦

用 Railway 导入 repo，一键部署上线把项目推送到 GitHub学员能立即访问自己的产品

📚 Lesson 4SEO入门

学会基础 SEO 提升曝光给网站加上标题和关键词

📚 Lesson 3让产品更聪明

接入 API（支付/邮件等）用 Claude Code Best Practice 优化逻辑

📚 Lesson 1给网站增加AI功能

增加 AI 功能（智能问答、OCR、聊天机器人）打造 AI 互联网产品

📚 Lesson 5AI互联网产品原型完成

完成 AI 互联网产品原型

课程大纲