零基础掌握前端，借助 AI×Cursor 高效开发，快速具备独立完成前端项目的能力。
* 01 AI×Cursor基础：自动化代码生成与智能调试/
* 01 1.1 程序员外挂上线：AI写代码究竟有多神奇？.mp4 02:34
* 02 1.2 前端岗位还吃香吗？2025 年你该知道的趋势和机会.mp4 02:52
* 03 1.3 3 分钟掌握 Cursor：界面简洁、补全精准、效率飙升.mp4 02:43
* 04 1.4 0基础速成：网页的本质原来这么简单！.mp4 04:38
* 05 1.5 HTML 标签背后的逻辑原来这么清晰.mp4 02:29
* 06 1.6 基础样式 = 网页美化术，人人都能学会的视觉提升技能.mp4 02:03
* 07 1.7 用蓝湖提升前端协作力：设计稿一秒变代码.mp4 02:44
* 02 AI 写样式也能这么准！CSS + Cursor 实现设计感/
* 01 2.1 从“土网页”变高颜值页面，只需一节课教你搞懂 CSS.mp4 02:19
* 02 2.1 从“土网页”变高颜值页面，只需一节课教你搞懂 CSS 样式.mp4 02:19
* 03 2.3 CSS 继承机制是门艺术？用 AI 一步步可视化拆解.mp4 02:50
* 04 2.4 行内样式太乱？用 Cursor 快速提取成外部 CSS 结构.mp4 02:25
* 05 2.5 三种样式引入方式，哪种最适合实战开发？AI 给你解答.mp4 02:37
* 06 2.6 用简单选择器高效锁定元素，AI 自动补全帮你不再输错.mp4 03:25
* 07 2.7 组合选择器太难记？让 AI 替你自动生成并解释结构.mp4 03:13
* 08 2.8 样式冲突怎么解？权重不再靠猜，全靠 AI 实时分析.mp4 02:54
* 03 CSS布局设计，AI助力打造灵活高效网页结构/
* 01 3.1 掌握CSS元素类型，开启布局世界的大门.mp4 06:06
* 02 3.2 标准盒子模型全解析，AI帮你一眼看透尺寸秘密.mp4 04:24
* 03 3.3 内边距实战应用，AI实时指导，布局更舒适.mp4 03:38
* 04 3.4 外边距实用技巧，AI智能提示助力间距管理.mp4 03:48
* 05 3.5 CSS Reset必备，AI教你打造统一浏览器基础环境.mp4 02:08
* 06 3.6 margin合并与塌陷揭秘，AI视觉化演示帮你理解.mp4 03:56
* 07 3.7 元素居中技巧，AI带你高效掌握多种方法.md.mp4 04:42
* 08 3.8 语义化布局思想，AI助你写出高质量代码.mp4 06:29
* 09 3.9 浮动布局基础，AI实时拆解布局原理.mp4 06:55
* 10 3.10 除去浮动技巧，AI教你避免布局错乱.mp4 04:32
* 11 3.11 浮动实际应用详解，AI示范复杂场景布局.mp4 07:48
* 12 3.12 定位与定位特点，AI帮你把控元素精准位置.mp4 05:32
* 13 3.13 定位实际应用，AI示范多场景布局实现.mp4 04:08
* 14 3.14 层级应用详解，AI帮你理清叠放顺序.mp4 05:06
* 15 3.15 遮罩层制作，AI助你轻松实现弹层效果.mp4 03:04
* 16 3.16 滑动门效果详解，AI助力动态布局实现.mp4 04:41
* 17 3.17 自适应高度透明层，AI示范弹性布局.mp4 03:34
* 18 3.18 图片居中技巧，AI快速教你多场景解决方案.mp4 03:36
* 19 3.19 CSS图片精灵应用，AI优化页面加载效率.mp4 03:54
* 20 3.20 AI × Flex + Grid：从零搭建响应式博客首页布局.mp4 10:20
* 04 表单 & 表格也能这么美？AI助你打造高交互页面体验/
* 01 4.1 表单标签原来这么有用，登录注册都靠它起步.mp4 03:26
* 02 4.2 掌握这些表单标签，用户输入再复杂也能轻松应对.mp4 03:41
* 03 4.3 表单也能很高级？用 Cursor 一步到位美化交互体验.mp4 02:52
* 04 4.4 登录注册表单搭建不再靠手敲，AI 自动补全高效完成.mp4 04:02
* 05 4.5 表单提交那些坑？Cursor 实时提醒帮你避雷.mp4 02:31
* 06 4.6 表格结构快速掌握，搞定展示类页面核心元素.mp4 02:49
* 07 4.7 表格样式秒变专业，AI 补全 + 排版建议双保险.mp4 04:23
* 08 4.8 客户资料清单：联系方式与跟进状态一览.mp4 05:21
* 05 预处理器也能这么香？AI助力你写出高质量 CSS/
* 01 5.1 CSS预处理器值不值得学？AI 分析优劣帮你选方向.mp4 02:18
* 02 5.2 SASS 环境配置不求人，Cursor 带你一键搞定.mp4 02:56
* 03 5.3 语法记不住？SASS 搭配 Cursor 自动补全超好用.mp4 06:17
* 04 5.4 LESS 上手比你想的还简单，AI 智能搭建项目结构.mp4 01:59
* 05 5.5 LESS 实战案例拆解，复杂样式结构写得更轻松.mp4 05:47
* 06 5.6 Bootstrap 是什么？为啥开发者都在用它？.mp4 03:48
* 07 5.7 Bootstrap 的设计理念，让你写出“高逼格”前端页面.mp4 06:46
* 08 5.8 响应式布局如何自动适配？AI 帮你可视化分析断点.mp4 04:06
* 09 5.9 个人作品集：瀑布流排版 + 动态交互按钮.mp4 06:36
* 06 前端兼容性那些事，AI教你写出“万能浏览器”页面/
* 01 6.1 浏览器环境判断：Edge、Chrome 与微信内置浏览器.mp4 03:10
* 02 6.2 Chrome 与 Edge 在 CSS3 样式上的差别.mp4 05:33
* 07 知识学习中心综合案例：AI带你拆解首页高转化布局/
* 01 7.1 知识学习中心首页头部搭建全流程：AI高亮提示每一块功能区.mp4 06:20
* 02 7.2 快捷入口模块排布难？让 Cursor 帮你自动对齐栅格.mp4 04:50
* 03 7.3 智能硬件展示区域搭建，AI 示范卡片式布局技巧.mp4 05:28
* 08 新闻官网案例：AI助你复刻真实项目页面结构/
* 01 8.1 新闻门户顶部导航还原，AI 自动构建模块化结构目.mp4 05:38
* 02 8.2 Banner 轮播图不再手写，Cursor 动画提示一气呵成.mp4 03:47
* 03 8.3 栏目导航列表设计，AI 分组 + 排版建议更清晰.mp4 04:43
* 04 8.4 推荐列表模块搭建，Cursor 提示下轻松实现瀑布流排布.mp4 03:00
* 05 8.5 页面主体区域搭建实战，多栏混排 + 图文并茂轻松还原.mp4 02:37
