资源介绍
视频数量：5个
总时长：45分
课程介绍：
React、Redux与Next.js全栈项目实战
前端开发早就不是当年那个写写HTML、改改CSS就完事的年代了。现在一个真正能打的React开发者，除了要搞定组件化开发和状态管理，还得理解持续集成是怎么跑的、知道生产环境出了问题该怎么查。很多人在学完基础语法之后就卡住了，不知道下一步该往哪儿走。这门课就是帮你把那些课堂上不会教、但工作中天天要用的东西串起来讲清楚。
课程从Web开发的基本概念入手，帮你理清前端和后端各自的职责范围。你可能听说过前端负责界面、后端负责数据这种说法，但具体到实际项目中，前端和后端的边界在哪里、两者怎么配合，这些问题很多工作了两三年的开发者都说不明白。课程会用具体例子讲清楚前端开发关注的是用户直接看到的部分，包括界面设计、交互逻辑和在不同设备上的显示效果；后端则处理数据存储、业务逻辑和服务器端的各项配置。理解这个分工，是你后续学什么都事半功倍的基础。
学完基础概念之后，课程进入了现代前端开发绕不开的持续集成和持续部署这个话题。说白了，CI/CD就是让你的代码从写完到上线这个过程自动化起来。你改了代码提交上去，系统自动帮你跑测试、构建项目、部署到服务器，不用人盯着，省时间还不容易出错。课程会介绍Jenkins、GitLab CI/CD、Circle CI、Travis CI这些业界主流的CI/CD工具，每个工具的特点和适用场景都会讲到。特别是Jenkins，作为开源领域最流行的CI/CD工具，它的插件生态非常丰富，课程会教你怎么用Jenkinsfile把整个流水线写成代码，和源代码一起管理。分布式构建这个特性也会专门讲解，让你在多台机器上并行跑任务，大大加快构建速度。
接下来课程讲了一个很多前端开发者不太熟悉的架构模式，叫做命令查询职责分离，简称CQRS。这个模式把修改数据的操作和读取数据的操作分开处理。打个比方，你在一个电商网站下单，这个行为是修改数据，属于命令；而你搜索商品、查看订单状态，这些是读取数据，属于查询。传统的做法是用同一套逻辑处理这两种操作，但当数据量大了以后，读写会互相影响，性能就下去了。CQRS让你可以为读操作和写操作分别优化，查询端专门针对各种读取场景做数据视图，命令端专门处理数据验证和状态变更。如果你的应用还用上了事件溯源，课程还会教你事件存储怎么捕获所有的状态变化，方便以后重放和重建数据。
课程还专门用一节来讲Hugging Face在前端项目中的应用。Hugging Face已经成为了机器学习模型分享和部署的重要平台，越来越多的应用需要集成AI能力。把AI模型融入到React应用里，让前端也能调用各种预训练模型完成文本分析、图像识别之类的任务，这是现在前端开发者需要具备的新技能。课程会从基础讲起，帮你理解Hugging Face的生态、怎么在前端项目中调用模型API、怎么处理返回结果。
最后一节讲的是生产环境的监控和日志。很多开发者写完代码部署上去就完事了，等到用户反馈出了bug，才发现根本不知道问题出在哪儿。课程会教你怎么搭建前端的监控体系，包括性能监控、错误追踪和日志收集。有了这些手段，上线之后出了问题能快速定位，用户那边的异常也能第一时间感知到，而不是等用户主动来投诉。
学完这门课，你对现代前端开发的理解会更上一层楼。不再只是会写组件、调样式，而是理解了整个系统从开发到部署再到运维的全流程。这些知识可能在你做个人项目的时候感触不深，但到了团队协作、上了生产环境，差距就出来了。课程只有五个视频、四十五分钟，干货密度很高，适合有一定React基础、想要补齐工程实践短板的前端开发者。