阶段 web网页基础
HTML5+CSS3基础入门
课程内容
熟悉HTML5入门基本内容，掌握CSS3的基础入门知识，可以实现任意网页布局。
项目实战
京东登录布局设计开发 、京东注册布局设计开发
Photoshop
课程内容
掌握Photoshop基本操作；能够独立的进行网页切图
项目实战
博客项目网页切图、量尺寸 ；企业多方案综合项目切图、量尺寸、标注像素
HTML5+CSS3进阶
课程内容
掌握继承与优先级；HTML表格与表单；掌握css3新特性；能够进行合理的网页布局
项目实战
企业网站多方案综合项目实践、完整的多个企业网站开发
第2阶段 web编程基础
JavaScript基础语法
课程内容
掌握JS基础基本语法和基本语句，培养编程逻辑思维，实现网页的动态交互
项目实战
H5音乐播放器、实现H5小游戏
BOM编程
课程内容
掌握window、location、history、navigator、screen等对象的使用，掌握事件处理和DOM节点BOM组成
项目实战
倒计时秒表、商品抢购倒计时案例
DOM编程
课程内容
DOM节点操作(增删改查) 操作文本节点 事件四要素 事件绑定 事件处理函数返回值
项目实战
DOM元素移动动画案例
Javascript实现交互效果
课程内容
用JavaScript实现网页上常见的各种交互动画效果
项目实战
回到顶部、在线客服、选项卡效果：导航二级菜单、商品分类二级菜单、手风琴效果、轮播图效果
版本控制工具Git/SVN
课程内容
掌握SVN/GIT版本控制工具来维护项目的整个蓝图；熟练使用github、码云等平台来管理云端代码仓库，完成多人协作项目。
项目实战
源码大数据
第3阶段 H5进阶和JS中级进阶和前端工程化
HTML5+CSS3-新特性
课程内容
掌握LocalStorage和SessionStorage、视频和音频，Web字体的使用，掌握过渡，动画，变形等实现各种丝滑流畅的*交互
项目实战
搜索历史记录功能模块、手写一个视频播放器
Flex布局和移动端适配
课程内容
Flex布局完美适配各个终端，掌握业界主流的响应式布局方案
项目实战
京东移动端 、淘宝移动端 、携程移动端
JS中级进阶
课程内容
深入函数细节、突破JS数组的20个常用方法、玩转合并对象和各种循环对象、深入BOM的hashchange和pushState
项目实战
排序、过滤、率先的复杂动态表格JS实现；复杂表单的正则验证综合实践
Node模块化和npm和yarn包管理
课程内容
node模块化，包管理npm和yarn，打包工具webpack，为前端工程化铺垫
项目实战
从零实现一个多页面打包项目脚手架
Webpack5自动构建和前端工程化
课程内容
webpack5完整学习，完成从0到1搭建项目工程目录，支持切换开发和生产环境，启动开发服务器，打包上线。
项目实战
从零实现一个多页面打包项目脚手架
数据可视化Echart
课程内容
掌握echarts的各种玩法，高度自定义echarts，实现常见的前端数据可视化
项目实战
移动端饼图、折线图、堆叠条形图、柱状图综合案例
高德地图API
课程内容
掌握高度地图API的正确使用方式，实现定位，绘制图标，绘制线条，实时绘制运动轨迹等复杂交互
项目实战
跑步定位和运动轨迹绘制
Ajax前后端数据交互
课程内容
前后端数据交互技术ajax，原生Ajax、axios，同步和异步、局部刷新浏览器，增强用户体验
项目实战
Fitness App
第4阶段 JavaScript-编程和框架核心思想
JavaScript-编程
课程内容
JavaScript面向对象编程思想，深入理解作用域、闭包、原型和原型链、继承、this、IIFE、构造函数，类和实例对象等知识
项目实战
手写深拷贝和浅拷贝、手写ES5寄生组合式继承
ES6、ES7
课程内容
ES6新特性解构、扩展运算符、模板字符串、箭头函数、对象的简洁写法、类、静态属性、原型方法、实例对象、ES6的模块化、Promise和Async。Await异步编程。
项目实战
解决回调地狱、async和await异步编程
组件化、模块化开发
课程内容
模块化历史,AMD/CMD/COMMONJS/ESMODULE, ES6模块化的导入和导出，模块化开发的好处
项目实战
模块化代码实现一个抽奖程序综合实践
WebSocket双向通信
课程内容
掌握HTTP协议、客户端数据传输方式，掌握WebSocket 在HTML5 领域的应用场景，用于实现客户端和服务器的长链接
项目实战
实现多人在线聊天室
第5阶段 Vue2和Vue3全家桶与多端应用开发
Vue2、Vue-router框架编程
课程内容
掌握Vue的单文件组件，指令、双向数据绑定、生命周期、胡须表达式Mustach、插槽、混入、全局指令，全局组件、组件封装、计算属性、过滤器等特性和路由的使用。
项目实战
商家后台管理系统
Vuex状态管理
课程内容
Vuex的核心state/mutations/actions/getters/module,辅助函数mapState/mapGetters/mapActions/mapMutations，命名空间拆分仓库等
项目实战
商家后台管理系统
Elementui/Iview/ VantUI ui框架的使用
课程内容
使用PC端ui框架element-ui/ivew或移动端ui框架vantui，完成项目的组件化开发
项目实战
商家后台管理系统 、商家移动端App
DataV数据大屏
课程内容
数据可视化方案、Vue中的数据可视化方案、基于echarts封装的数据可视化仓库 dataV
项目实战
物流数据大屏
Vue3框架编程
课程内容
掌握Vue3的Proxy，新的响应式ref和reactive，组合式CompositionApi的使用，以及Hooks的使用，使用Vue3完成大型项目开发
项目实战
vite+Vue3家修管理后台系统
@vue/cli 和 Vite
课程内容
搭建项目脚手架，基于TS的配置和JS的配置，Vue2的版本和Vue3的版本;新一代构建工具，搭建Vue3项目，极速启动打包，实现大型项目秒刷，等待编译
项目实战
vite+Vue3家修管理后台系统
TypeScript
课程内容
TypeScript基础类型、变量声明、接口、类、函数、泛型、枚举、类型推导、交叉类型、联合类型、类型保护、装饰器、tsconfig等
项目实战
TypeScript+Vue3实现后台管理系统
MVVM源码解析
课程内容
MVC和MVVM源码解析，深入Vue2和Vue3的底层原理，手写实现Vue2和Vue3的响应式系统，双向数据绑定，发布订阅等。
项目实战
手写实现mini版本Vue
uniapp微信小程序
课程内容
微信小程序开发、uniapp跨多端开发、编译到H5、IOS、Android和各个小程序平台。
项目实战
四海香微信小程序、尚体电商小程序
第6阶段 React18全家桶与多端应用开发
React18基础和进阶、React-router
课程内容
React基础，受控组件、非受控组件、生命周期、setState、React进阶SCU 优化，PureComponent，React Hooks、React-router
项目实战
源码电影App
React Hooks
课程内容
React新特性StateHooks和EffectHooks，类组件和函数组件写法，对比，优劣势、生命周期、ui框架Ant Design 全家桶。
项目实战
基于react全家桶的社交电商后台管理系统
AntV数据可视化
课程内容
蚂蚁家族数据可视化库的使用、大屏数据实施展示。
项目实战
电商数据大屏
React Native 和 Flutter
课程内容
基于React的移动端混合式开发框架
项目实战
基于IOS和Android 的源码本地生活App
第7阶段 就业服务
就业指导
课程内容
企业通用面试技巧、知识点面试技巧、模拟面试、项目面试技巧....
面试直通车
课程内容
面试经验交流、面试技术解惑、面试项目跟踪。
售后服务
课程内容
随时随地为同学们提供工作问题解决方案！源码时代是具有售后的服务机构！
第8阶段 赠送课程
React18基础和进阶、React-router
课程内容
React基础，受控组件、非受控组件、生命周期、setState、React进阶SCU 优化，PureComponent，React Hooks、React-router
项目实战
源码电影App
React Hooks
课程内容
React新特性StateHooks和EffectHooks，类组件和函数组件写法，对比，优劣势、生命周期、ui框架Ant Design 全家桶。
项目实战
基于react全家桶的社交电商后台管理系统
AntV数据可视化
课程内容
蚂蚁家族数据可视化库的使用、大屏数据实施展示。
项目实战
电商数据大屏
