第二阶段：WEB高级动态页面编程

JavaScript基础

JavaScript简介和影响、JavaScript实现的猜数游戏体验、JavaScript的基本结构和HTML网页的加载方式、JavaScript变量的定义和基本输出、JavaScript数据类型、运算符、结构语句、JavaScript函数（方法）概念、定义、使用和作用域、JavaScript的调试技巧和控制台错误的重要性(debugger)、JavaScript对象数据的定义和使用、JavaScript对象创建、属性定义、查询和设置、JavaScript对象属性的删除、检测、枚举、JavaScript中的this和上下文、JavaScript bind、call、apply的使用和区别、JavaScript内置对象和内置函数、JavaScript常用算法的学习和理解（冒泡排序、选择排序、递归）

JavaScript高级

DOM和BOM简介和理解、DOM的静态事件绑定和处理、DOM选择器的使用和DOM获取、DOM树的理解和DOM节点的遍历、DOM动态创建、删除、克隆和DOM唯一性、DOM动态事件绑定、处理和事件源对象、DOM的自定义事件和处理（Event、CustomEvent）、DOM事件流（事件冒泡、事件捕获、事件代理/事件委托）、DOM动画基础、定时器、页面回流和重绘、JavaScript对象原型和Prototype属性、JavaScript对象原型属性、原型方法、typeof、instanceof方法的使用和区别、Object.create方法和原型的关系、JavaScript对象父类、子类、继承、Object.defineProperty()数据拦截器、基于Object.defineProperty()实现的响应式表单

JavaScript工具库/less.js/jQuery.js/Lodash.js/swiper.js

less.js替换编辑器解析库的演示，讲解工具库的概念、jQuery、Lodash、less工具库简介、jQuery函数入口、jQuery对象与DOM对象的理解和区分、jQuery选择器、jQuery事件和动画效果、jQuery的DOM操作、jQuery的常用方法（data,each,serialize,on）、Lodash的常用方法和使用swiper.js轮播切换

前端UI库/LayUI

前端UI库的介绍、LayUI的介绍、栅格系统与响应式布局、LayUI常用组件、LayUI样式模板的使用、LayUI功能模板的使用基于LayUI的页面绘制

项目实战

理论知识考试项目实战与答辩

第三阶段：WEB进阶和前后端交互

ES6~ES10

babel的介绍
Node的介绍、安装和REPL环境的简单使用
ES6：严格语法模式、let 和const、变量的结构赋值、字符串的扩展、数值的扩展、数组的扩展、函数的扩展、箭头函数的定义、使用和对this的影响、对象的扩展、Symbol、Map、Set、Proxy、Reflect、Iterator、for……of、纯函数（Generator）、异步调用处理对象Promise、Class、Decorator、Module、模块import和export
ES7：Includes 函数、**求幂运算符
ES8：async/await、Object.values()和Object.entries()、padStart()和padEnd()、Object.getOwnPropertyDescriptors()
ES9：for...await...of、运算符 ... 扩展和使用、正则中的四个新功能
ES10：flat()、flatMap()、fromEntries()、trimStart和trimEnd、matchAllBigInt

Canvas/Echarts

Canvas简介和环境上下文的获取、Canvas路径的理解和基本操作、Canvas绘制线条、曲线、圆弧、矩形、圆、Canvas线条属性和颜色、形状的填充和绘制状态、基于Canvas的Echarts图标库的简介、Echarts的加载和对象构建、Echarts的柱状图、饼图、曲线图等图形绘制Echarts的数据地图展示功能的实现

MySQL

MySQL简介和安装、表和库的管理、单表查询、子查询、多表查询、更新操作事务管理

PHP语言基础

前端、后端的区别以及前端工程师简单掌握一门后端语言的必要性、PHP开发环境的搭建和PHP的核心语法、服务器、浏览器、HTTP请求、URL的概念、PHP的基本语法、PHP前后端数据的基本交互、PHP操作持久化数据（mysql）PHP文件上传和下载的处理

AJAX

XML 与 JSON的介绍、XML 与 JSON 的解析与构建、基于XMLHttpRequest的原生AJAX的实现、jQuery 中 Ajax 库的介绍和使用、HTTP请求类型GET POST DETLET PUT OPTIONS 的使用和区别、Ajax请求跨域的产生和原因、CORS处理跨域请求、JSONP处理跨域请求、基于Promise封装链式AJAX请求、javaScript 的 fetch 方法的介绍和简单使用Art-Template模板渲染引擎在AJAX中的应用及防抖/节流

项目实战

理论知识考试、项目实战与答辩

第四阶段：WEB工程化和Vue框架

Node.js

Node.js介绍、安装（nvm）和对前端的影响、Node.js环境与浏览器环境的区别、REPL环境的基本使用、NPM的介绍和常用命令、Node.js项目的出事化和package.json文件的讲解、Node.js的特点和基本语法、Node.js的模块系统、和模块封装函数、Node.js的模块分类和加载编译流程、模块系统AMD、CMD、UMD、CommonJS的介绍和区别、npm源管理工具nrm的介绍和安装使用npm常用命令

Gulp

npm源管理工具nrm的介绍和安装使用（集成淘宝镜像）、npm替代工具bower、yarn的介绍和安装使用、Gulp安装和项目的创建、Gulp工作流的介绍和简单演示、Gulp实现文件复制、Gulp集成babel实现JS语法兼容转换、Gulp集成Less/sass实现CSS语法兼容转换、Gulp集成常用工具包实现完整工作流Gulp集成plumber、load-plugins、watch实现自动工作流

Webpack/Vite

Webpack介绍和前端工程自动化、Webpack工程环境的安装和使用、Webpack核心概念（Entry、Module、Chunk、Output）、Loader的概念、集成和常用loader、Plugin的概念、集成和常用plugin、Webpack的相关配置、Webpack工程自动化实战、Vite与webpack的区别和各自的优势 、Vite工程环境的安装和配置、Vite功能Vite三方插件集成

Vue基础

Vue.js简介、MVVM、MVC、SPA的介绍和区别、Vue的基本环境对象创建、Vue的数据绑定（含源码分析）、Vue的常用指令、Vue的响应式原理（含源码分析+手动实现）、Vue的数据控制（过滤器、监视器、计算属性）、Vue的实例属性和实例方法Vue的渲染方式、虚拟DOM、DIFF算法的讲解

Vue进阶

Vue生命周期详细讲解、Vue的自定义指令和使用、Vue的组件化介绍、Vue的继承函数和使用、Vue的自定义组件、Vue的组件数据共享和单向数据流Vue的内置组件（动态组件、组件分发、组件缓存、组件动画）

Vue高级

组件和模块、组件化和模块化的关系与区别、Vue工程化环境的安装和项目构建、Vue工程化项目结构介绍、Vue工程化项目的启动流程和文件详解、单文件组件的定义和讲解、动态样式加载和工程配置文件vue.config.json、全局功能定义和实际应用、基于Vue的Element-ui组件库的使用、Vue工程化项目的打包、Vue工程化项目的异步数据加载和axios的使用、工程化项目开发时的跨域请求分类和处理、Vue-router 工程化路由管理器、Vuex工程化项目数据状态管理器Vue工程化项目打包和发布、app应用的转换导出

项目实战

理论知识考试、项目实战与答辩

第五阶段：WEB微应用开发

TypeScript

TypeScript简介、安装和趋势、TypeScript项目的初始化和转换、TypeScript的强类型语法的定义和理解、TypeScript扩展功能的讲解、TypeScript的面向对象开发TypeScript的模块导入和导出

微信小程序

微信小程序介绍、开发工具安装、微信小程序项目的基本结构和文件讲解、微信小程序框架构成、微信小程序组件使用、微信小程序的API使用、微信小程序的前后端交互、微信小程序的云开发、微信小程序的模板消息微信小程序的支付功能

uni-app

uni-app 跨平台框架的介绍和安装、项目的初始化、uni-app和vue、iOS、Android、H5、各种小程序的关系、uni-app框架的介绍和项目结构梳理、uni-app组件的介绍和使用、uni-app api的介绍和使用、uni-app云开发的介绍和使用uni-app的打包

React基础

React简介、JSX语法介绍、JSX表达式语法、结构渲染、属性绑定、React的组件定义和使用、React组件的事件处理、React组件的三大属性与表单处理React生命周期、性能优化、组合模式

React进阶

ImmutableJS的安装和使用、React hook技术、React content的介绍和使用React HOC和CRA

React高级

React官方脚手架和umi库、基于umi的React工程项目结构介绍、基于umi的React工程项目配置、基于umi的React工程路由定义和使用、基于umi的的mock数据、环境变量、React的axios集成和使用（含代理）Redux的安装和使用

React Native

环境搭建、Native快速入门、属性与状态、Native常用组件和使用Native常用API和使用

项目实战

理论知识考试、项目实战与答辩

第六阶段：职业导向训练

COT

软件工程师职业生涯规划、团队建设、团队协作、沟通技巧、商务礼仪、中英文简历制作、面试技巧、各大公司面试问题汇总讲解。软件过程(PSP、TSP、CMMI)