这门课的名字已经把范围划得很清楚：Vue.js 做前端，PHP 做后端，中间用前后端分离的方式串起来，最后落在一个能上传、能看、能买的视频网站上。它不是那种讲完语法就结束的课，核心价值在于把两个技术栈放进同一个真实项目里跑通。如果你正好卡在"前端会一点、后端会一点，但不知道怎么合起来做一个完整网站"这个阶段，它的针对性比较强。

它解决的是哪个具体场景

日常工作中最常见的一种困境是：页面能写，接口也能写，但两边对接时就开始出问题——跨域怎么处理、登录状态怎么保持、视频这种大文件怎么上传、订单和支付状态怎么同步。这门课选视频电商作为载体，恰好把这几个麻烦点都覆盖到了。视频上传涉及文件处理和存储，观看涉及播放器与权限控制，购买涉及订单流程和前后端的状态一致性，这些都不是靠看文档能一次性理顺的，必须跟着一个完整项目走一遍。

所以它更适合已经做过一些小 demo、但没独立完成过一个多模块网站的人。零基础直接上手会比较吃力，因为课程不会花大量篇幅补 JavaScript 或 PHP 的基本语法。

学完之后能独立做什么

比较现实的目标是：你能自己搭出一个具备用户体系、内容管理、交易流程的网站雏形，并且清楚每一层该由谁负责。前端知道怎么组织组件、怎么调接口、怎么处理登录态和路由拦截；后端知道怎么设计接口、怎么校验参数、怎么和数据库打交道。这套结构换个题材——比如知识付费、课程平台、会员制内容站——思路是可以迁移的，不是只能照着视频网站抄一遍。

需要提醒的是，课程项目本身和上线运营的产品之间还有距离，支付、并发、安全这些生产环境的问题，课上大概率只做演示级实现。把它当成"打通架构认知"的项目，而不是"直接能商用"的成品，预期会更准确。

资料适合什么基础

  • PHP 方面：至少写过简单的表单处理和数据库增删改查，看得懂面向对象的基本写法。如果连 MVC 是什么都没接触过，建议先补一段再回来。
  • JavaScript 方面：熟悉 ES6 的常用语法，用过数组方法、模块化、Promise 或 async/await。Vue 的响应式和组件概念课上会讲，但前提是 JS 本身不陌生。
  • 工具方面：会用命令行、能看懂 composer 和 npm 的安装报错、本地有可运行的开发环境。这些课里不会从头教。

怎么用这套资料效率更高

建议不要一口气看完再动手。这类实战课的信息密度集中在"配置"和"对接"两处，看的时候觉得懂了，自己敲就卡住。比较稳的做法是跟着视频同步写，每完成一个模块就自己脱稿重做一遍接口或页面，卡住再回看对应片段。

另外，前后端分离最容易出问题的是环境配置和跨域，遇到报错别急着跳过，把原因弄清楚，这部分经验比功能代码更值钱。视频上传和订单流程这两个模块建议放慢速度，它们最能体现前后端分工的逻辑，也是面试或实际工作中容易被追问的地方。最后，学完后试着把项目换一个主题重做一遍，哪怕只做核心流程，检验效果比再看一遍视频好得多。

课程目录

第一章：预热 cplist.push('第一章：预热'); 第1讲:本课程开张：实战即套路 第2讲:预热:浅谈web开发中的"前后端分离" 第3讲:预热:Composer难理解？那么说明你对PHP这些功能不了解 第4讲:预热:传说中的RESTful API是什么鬼？ 第二章:YII2折腾速学篇 cplist.push('第二章:YII2折腾速学篇'); 第5讲:开启YII2折腾之路:玩弄 第6讲:折腾一下框架请求的姿势 第7讲:框架的数据库操作:主动学习还是被动学习 第8讲:折腾一下YII2中的RESTful开发(上) 第9讲:框架中的RESTful api快速领悟(中):token认证 第10讲:框架中的RESTful api快速领悟(下):token的设置 第三章:VueJS2速学折腾篇(基于NodeJS+WebPack) cplist.push('第三章:VueJS2速学折腾篇(基于NodeJS+WebPack)'); 第12讲:开张:结合nodejs+webpack+vuejs开启时尚学习套路 第13讲:直接上手组件化开发:寻求"刺激"的”学习方法 第14讲:利用webpack"热"运行vuejs+html初步和关键步骤 第15讲:父子组件学习入门套路:让知识点跟着你的思维走 第16讲:带着实例继续学习(1):组件式登录页面-点击事件、组件通讯 第17讲:带着实例继续学习(2):父子组件通信之自定义事件 第18讲:带着实例继续学习(3):路由原理入门、v-if指令 第19讲:带着实例继续学习(4):下拉框数据填充、组件生命周期、动态绑定事件 第20讲:带着实例继续学习(5):模拟搜索框动态提示效果之计算属性 第21讲:模拟搜索框动态提示效果(课后作业代码） 第22讲:vuejs路由学习(1) 第23讲:趁热打铁:ajax请求插件vue-resource的学习 第24讲:路由学习(2):动态加载新闻详细页 第25讲:路由学习(3):组件的异步加载和webpack代码 第26讲:自己写个vue.js插件(1):自定义指令的妙用 第27讲:自己写个vue.js插件(2):手动挂载子组件 第28讲:自己写个vue.js插件(3):插件里面包含子组件 第29讲:Vuex速学篇:(1)基本套路 第30讲:Vuex速学篇:(2)利用state保存新闻数据 第31讲:Vuex速学篇:(3)利用vuex模拟实现新闻点赞功能 第32讲:Vuex速学篇:(4)把我们的业务按模块分类 第33讲:vue.js的UI框架体验篇:饿了么Element框架之看文档大法 第34讲:ElementUI案例演示:导航、布局、加载动画 第35讲:实例演示:ElementUI之表单、验证、数据绑定、路由跳转 第36讲:阶段性总结、vue其他UI介绍、后续实战课程预告 第四章:实战篇(用户后台) cplist.push('第四章:实战篇(用户后台)'); 第37讲:实战准备、项目配置和观影要求 第38讲:开始编写会员中心脚手架代码 第39讲:逐步完善代码结构、动态加载导航栏 第40讲:侧边栏菜单、整个后台的布局、路由配置 第41讲:构建视频提交页面(上):数据表、页面布局、赚钱的头脑 第42讲:构建视频提交页面:视频封面上传(上) 第43讲:穿插课:纯手工集成YII+七牛SDK:上传一张图片 第44讲:上传视频封面并传到七牛云中 第45讲:视频上传:标签编辑框效果快速实现 第46讲:视频上传准备:vue.js+七牛JSSDK集成(1)排坑 第47讲:视频上传准备:vue+七牛JSSDK集成(2)上传视频时显示进度条 第48讲:vue+七牛JSSDK集成(3)上传视频时暂停和续传 第49讲:附加课:上传视频封面后的七牛云回调 第50讲:"上传视频"功能总结课:视频数据入库、排坑、用户功能预习