开课吧web前端高级工程师课程

---

## 课程名称：开课吧Web前端高级工程师课程

### 课程简介

本课程是一套**系统化、企业级**的Web前端高级工程师培养课程，涵盖**编程思维训练、Node.js后端、前后端交互、前端工程化、Vue.js、React.js、移动端适配、小程序开发、数据可视化**等核心技术栈。课程包含**Trello全栈项目、商城项目、CNode社区项目**等多个实战案例，以及**面试训练营、大咖分享课**等就业辅导内容，助力学员从初级前端成长为高级前端工程师。

---

### 课程内容详情（共14章）

#### 第1章 开班典礼+学前手册+课表

| 文件 | 大小 |

|------|------|

| 开班典礼.pptx | 4.89MB |

| 开班典礼6-28.mp4 | 127.53MB |

| 课表1.png | 53.48KB |

| 高级020期 入学手册.pdf | 435.40KB |

---

#### 第2章 编程思维核心训练（共10节）

| 章节 | 课程内容 | 核心知识点 |

|------|----------|----------|

| 第1节 | ES6基础常用功能应用 | let/const、解构、箭头函数、Promise |

| 第2节 | 类及ESM模块化应用 | class语法、ES Module导入导出 |

| 第3节 | 前端常用设计模式 | 单例、观察者、工厂模式等 |

| 第4节 | 第一周直播答疑 | 学习答疑与作业讲解 |

| 第5节 | 面向对象之实现自己的库 | 封装、继承、多态实战 |

| 第6节 | 异步处理专题 | 事件循环、async/await |

| 第7节 | Promise原理解析 | 手写Promise、微任务队列 |

| 第8节 | 第二周直播答疑 | 学习答疑与作业讲解 |

| 第9节 | 响应式原理及应用 | 数据劫持、发布订阅模式 |

| 第10节 | 函数式编程 | 纯函数、柯里化、组合 |

---

#### 第3章 Node.js零基础入门（共7节）

| 章节 | 课程内容 | 核心知识点 |

|------|----------|----------|

| 第1节 | 使用Node.js构建Web服务端程序 | HTTP模块、原生Node服务 |

| 第2节 | 第三周直播答疑 | 学习答疑与作业讲解 |

| 第3节 | 基于Koa框架的WebServer构建 | Koa基础、中间件原理 |

| 第4节 | 基于MySQL数据库的后端数据持久化 | SQL语句、连接池 |

| 第5节 | 文件上传与用户鉴权 | 文件处理、JWT/Session |

| 第6节 | 第四周直播答疑 | 学习答疑与作业讲解 |

| 第7节 | 项目-cnode | CNode社区项目实战 |

---

#### 第4章 前后端交互（共6节）

| 章节 | 课程内容 | 核心知识点 |

|------|----------|----------|

| 第1节 | AJAX异步无刷新请求与上传 | XMLHttpRequest、FormData |

| 第2节 | AJAX跨域解决方案 | CORS、JSONP、代理 |

| 第3节 | Axios库的使用与原理解析 | Axios封装、拦截器 |

| 第4节 | 第五周直播答疑 | 学习答疑与作业讲解 |

| 第5节 | 即时通信 | WebSocket、Socket.io |

| 第6节 | 作业讲解 | 第二阶段练习总讲解 |

---

#### 第5章 前端工程化（共5节）

| 章节 | 课程内容 | 核心知识点 |

|------|----------|----------|

| 第1节 | 模块化系统与Webpack初识 | CommonJS、ESM、Webpack基础 |

| 第2节 | Webpack插件与开发环境构建 | Loader、Plugin、DevServer |

| 第3节 | 第六周直播答疑 | 学习答疑与作业讲解 |

| 第4节 | 版本控制工具git | Git工作流、分支管理 |

| 第5节 | 更安全更规范-TypeScript | 类型系统、接口、泛型、装饰器 |

**TypeScript专题包含9个视频：**

- TypeScript初体验、类型系统、接口与高级类型、函数详解、面向对象编程-类、泛型、模块系统与命名空间、装饰器

---

#### 第6章 Vue.js（共12节）

| 章节 | 课程内容 | 核心知识点 |

|------|----------|----------|

| 第1节 | 初识vue-template基础 | 模板语法、指令、响应式数据 |

| 第2节 | 组件化思想-组件基础 | 组件注册、props、emit |

| 第3节 | 第七周直播答疑 | 学习答疑与作业讲解 |

| 第4节 | vue-cli及vue单元测试 | 脚手架使用、Jest测试 |

| 第5节 | vue单页面应用-vue-router | 路由配置、导航守卫 |

| 第6节 | vue组件通信 | props、$emit、provide/inject、Vuex |

| 第7节 | 第八周直播答疑 | 学习答疑与作业讲解 |

| 第8节 | vue相册实战 | 图片上传、展示、删除 |

| 第9节 | vue3来袭 | Composition API、响应式新特性 |

| 第10节 | custom-renderer Vue3结合Canvas | 自定义渲染器原理 |

| 第11节 | 第九周直播答疑 | 学习答疑与作业讲解 |

| 第12节 | vue3实现飞机大战 | 游戏开发实战 |

---

#### 第7章 React.js（共11节）

| 章节 | 课程内容 | 核心知识点 |

|------|----------|----------|

| 第1节 | React零基础入门 | JSX、元素渲染、组件 |

| 第2节 | React类组件详解 | state、生命周期、事件处理 |

| 第3节 | 第十周直播答疑 | 学习答疑与作业讲解 |

| 第4节 | React实战TodoList | 组件化开发实战 |

| 第5节 | 函数组件及Hooks | useState、useEffect、自定义Hooks |

| 第6节 | 基于Redux的状态管理 | store、action、reducer |

| 第7节 | 第十一周直播答疑 | 学习答疑与作业讲解 |

| 第8节 | 基于React的单页应用开发 | React Router配置 |

| 第9节 | Antd | Ant Design组件库使用 |

| 第10节 | React高级技巧 | HOC、Render Props |

| 第11节 | 第十二周直播答疑 | 学习答疑与作业讲解 |

---

#### 第8章 Web移动端专精

| 文件 | 核心知识点 |

|------|----------|

| 打卡点49-移动端适配.mp4 | rem/vw适配方案 |

| 打卡点50-移动端事件.mp4 | touch事件、点击穿透 |

| 打卡点51-防抖与节流.mp4 | 性能优化 |

| 打卡点52-第十三周直播答疑.mp4 | 学习答疑 |

---

#### 第9章 小程序开发工程师

| 文件 | 核心知识点 |

|------|----------|

| 打卡点53-微信小程序入门.mp4 | 小程序基础、组件、API |

| 打卡点54-小程序云开发.mp4 | 云函数、云数据库 |

| 打卡点55-uniapp.mp4 | 跨端开发框架 |

| 打卡点56-第十四周直播答疑.mp4 | 学习答疑 |

| 打卡点57-美食收藏系统.mp4 | 小程序实战项目 |

---

#### 第10章 数据可视化

| 文件 | 核心知识点 |

|------|----------|

| 打卡点58-d3基础.mp4 | D3.js基础 |

| 打卡点59-d3柱状图实战.mp4 | 图表绘制 |

| 打卡点60-第十五周直播答疑.mp4 | 学习答疑 |

| 打卡点61-Echarts-1.mp4 | Echarts基础 |

| 打卡点62-Echarts-2.mp4 | 图表配置 |

| 打卡点63-Echarts-3.mp4 | 高级应用 |

| 打卡点64-第十六周直播答疑.mp4 | 学习答疑 |

---

#### 第11章 项目实战（4大项目）

| 项目 | 内容 | 视频数 |

|------|------|--------|

| **Trello全栈项目** | 基于Node.js + Vue构建 | 6个视频 |

| **商城项目** | 基于Vue构建 | 3个视频 |

| **React-CNode实战（Hooks版本）** | React Hooks + 社区API | 2个视频 |

| **React-CNode实战（class版本）** | React Class + 社区API | 2个视频 |

---

#### 第12章 大咖分享课

| 文件 | 内容 |

|------|------|

| 清晰职业定位，让职场不再迷茫.mp4 | 职业规划 |

| 如何拿到高薪好offer？.mp4 | 求职技巧 |

| 2021大厂面试题精讲01-03.mp4 | 大厂真题解析（3节） |

---

#### 第13章 数据可视化训练营

| 文件 | 核心知识点 |

|------|----------|

| canvas（一~四）.mp4 | Canvas绘图基础与进阶 |

| 地理信息获取和百度地图API.mp4 | 地图应用开发 |

| 拖放操作和FileReader.mp4 | 文件拖拽上传 |

| 音乐可视化/音频可视化/音频视频操作.mp4 | 音频分析与可视化 |

---

#### 第14章 面试训练营

| 文件 | 内容 |

|------|------|

| vue系列面试题.mp4 | Vue核心面试题 |

| React系列面试题.mp4 | React核心面试题 |

| NodeJS系列面试题.mp4 | Node.js面试题 |

| 原生JavaScript系列面试题（一~二）.mp4 | JS核心面试题 |

---

### 技术栈全景图

| 分类 | 技术 |

|------|------|

| 前端基础 | ES6+、TypeScript、设计模式 |

| 前端框架 | Vue.js（Vue2/3）、React.js |

| 后端框架 | Node.js、Koa |

| 数据库 | MySQL |

| 构建工具 | Webpack |

| 版本控制 | Git |

| 跨端开发 | 微信小程序、uni-app |

| 可视化 | D3.js、Echarts、Canvas |

| 状态管理 | Redux、Vuex |

| 路由 | Vue Router、React Router |

---

### 实战项目清单

| 项目名称 | 技术栈 |

|----------|--------|

| CNode社区 | Node.js + 原生 |

| Trello全栈项目 | Node.js + Vue |

| 商城项目 | Vue |

| 相册项目 | Vue |

| 飞机大战 | Vue3 |

| TodoList | React |

| CNode社区（React版） | React + Hooks/Class |

| 美食收藏系统 | 微信小程序 |

| 数据可视化项目 | D3.js / Echarts |

---

### 课程特点

- ✅ **全栈覆盖**：前端+后端+数据库+小程序+可视化

- ✅ **双框架体系**：Vue.js + React.js 完整学习

- ✅ **项目驱动**：Trello、商城、CNode等4+实战项目

- ✅ **面试导向**：大厂面试题精讲 + 面试训练营

- ✅ **大咖分享**：职业规划、求职技巧、面试辅导

- ✅ **直播答疑**：16+次直播答疑课，解决学习困惑

- ✅ **TypeScript专精**：9节TypeScript系统课程

---

### 学习建议

| 阶段 | 学习内容 |

|------|----------|

| 第1-2周 | 第2章 编程思维核心训练 |

| 第3-4周 | 第3章 Node.js零基础入门 |

| 第5周 | 第4章 前后端交互 |

| 第6周 | 第5章 前端工程化 |

| 第7-9周 | 第6章 Vue.js + 项目 |

| 第10-12周 | 第7章 React.js + 项目 |

| 第13-14周 | 第8-10章 移动端/小程序/可视化 |

| 第15-16周 | 第11-14章 项目实战 + 面试准备 |

---

### 课程统计

| 统计项 | 数据 |

|--------|------|

| 总文件夹数 | 57个 |

| 总文件数 | 209个 |

| 总章节数 | 14章 |

| 实战项目 | 8+个 |

---