第1章 课程导学 2 节 | 10分钟

前端变化万千，如何不变应万变？通过本课程的学习，介绍课程的主要内容的同时，带领大家实践前端痛点问题，有学有练，有辅有导，树立信心进阶高级前端。

收起列表

• 视频： 1-1 课程导学 (09:52)
• 图文： 1-2 新版《大前端》体系课-不要错失良机

第2章 前端进阶必知必会（少走弯路，事半功倍） 4 节 | 33分钟

成功源于花90%时间考虑失败，本章开头介绍了前端中常见的痛点问题，做足面对困难迎难而上的心理准备。工欲善其事，必先利其器。在技术领域想学好开发，必先过环境的关。前端的开发环境不光是nodejs，在新的形势下，对前端人的要求更高了：项目部署环境Linux，开发环境，测试环境等。介绍开发环境利器docker，帮助大家快速搭...

收起列表

• 视频： 2-1 前端全栈痛点全解析 (14:36)
• 视频： 2-2 手把手搭建前端开发环境 (18:22)
• 图文： 2-3 Win10 安装虚拟机、安装Linux系统 、安装docker的一条龙上手指南
• 图文： 2-4 Docker入门之安装教程

第3章 场景一：这么多框架怎么来学？ 2 节 | 27分钟

前端的知识很多，也很杂，入门起来非常的简单，但是如何选择？面对那么多的技术框架，从哪里开始入手？有了项目之后，如何选择合适的框架进行高效开发？项目技术栈选型，考虑的第一步，就是框架的选型。少造一些轮子，先从用别人造好的轮子开始，进阶高级前端。...

收起列表

• 视频： 3-1 UI框架选型 (13:29)
• 视频： 3-2 JS框架选型（主流框架React，Vue，Angular的对比） (12:42)

第4章 场景二：前端工程化如何入门到进阶？ 4 节 | 39分钟

随着前端工程的复杂度变高，现在前端工程化已经是绕不过去的坎了。本章带领大家全面概览前端工程化工具发展现状，了解各个工具的应用场景，掌握基础的webpack，gulp等脚手架及CLI工具的核心概念，打下工程化基础，转变开发思维。从重复劳动中解放，以不变应万变。...

收起列表

• 视频： 4-1 前端工程化工具介绍 (12:39)
• 视频： 4-2 webpack五大核心概念 (13:39)
• 视频： 4-3 脚手架及CLI工具 (12:16)
• 图文： 4-4 CLI脚手架工作原理

第5章 场景三：开发如剑，测试如具，调试如诊 4 节 | 46分钟

本章以开发中，大家最缺、最忽视的部分测试和调试技巧展开讨论。介绍了真机调试，Nodejs调试进阶（webpack这一类的工具）技巧。同时，在前后端分离的开发场景下，越来越多的前端必知必会的Mock技术，可以脱离后端开发页面交互与接口响应，做到前后端并行开发。...

收起列表

• 视频： 5-1 三类真机调试技巧 (15:29)
• 视频： 5-2 如何调试Webpack？如何配置VSCode调试？ (08:54)
• 视频： 5-3 接口测试必会的Mock接口&平台介绍 (20:58)
• 作业： 5-4 【编程任务】Mock一个数据结构的接口

第6章 场景四：通用Nodejs后台打通全栈第一脉 7 节 | 90分钟

本章带领大家领略Nodejs的魅力，感受使用Nodejs开发中后台应用框架的过程——web框架开发接口、动态路由、鉴权等。了解前后端分离、鉴权、HTTPS及算法这些概念，学习Koa框架开发接口应用，进阶webpack动态路由加载，打开全栈思维的大门。...

收起列表

• 视频： 6-1 API接口安全相关知识（加密&算法&HTTPS） (21:42)
• 视频： 6-2 Nodejs写接口：初识Web框架Koa (08:01)
• 视频： 6-3 Request属性、路由基础用法、app.use链式处理 (15:59)
• 视频： 6-4 Koa开发热加载、ES6语法支持. (12:35)
• 视频： 6-5 JWT鉴权方式：koa-jwt集成 (22:24)
• 视频： 6-6 动态路由加载：Routes入口优化require.context (08:56)
• 作业： 6-7 【编程任务】Koa综合应用

第7章 场景五：自动化流程及缺陷管理 6 节 | 71分钟

有没有想象过，哪天我们把代码推送到版本仓库git平台之后，平台自动的完成了项目打包、上传代码到生产服务器，最后，自动发布到线上的过程？这就是自动化流程。而缺陷管理，穿插在我们开发的全流程（非常重要），像代码质量监测工具ESLint这些都是前端路上必打卡之地。...

收起列表

• 视频： 7-1 四款文档管理工具介绍 (16:25)
• 视频： 7-2 项目开发团队协作——版本管理 (11:56)
• 图文： 7-3 关于Git你需要知道的知识点
• 视频： 7-4 缺陷控制概念&最佳实践 (20:56)
• 图文： 7-5 ESLint是如何使用和实现的？
• 视频： 7-6 什么是前端自动化？什么是CICD？ (21:11)

第8章 场景六：多端、跨端应用该何去何从 4 节 | 54分钟

本章介绍大前端何去何从，从小程序、webapp、管理后台介绍大前端的其他内容。同时，本课程只是《大前端——前端高级进阶》的冰山一角，前端无时无刻都在变化，我们要怀揣着一颗敬畏之心、谦虚之心、坚毅之心，耐心的学，勇敢的试错，找到自己当初学习前端的“初心”，一直前行，一起前行。 ...

收起列表

• 视频： 8-1 多端应用需求分析难点解析 (22:36)
• 视频： 8-2 多应用场景应用技术栈考量 (09:33)
• 视频： 8-3 前端技术展望 (07:25)
• 视频： 8-4 后续学习路线 (13:59)