总课时：436
新增课时：104

一、预科模块

计算机基础
1.认识计算机硬件
2.计算机组成原理
3.计算机软件知识
4.计算机网络知识
5.常用网络应用操作
6.认识计算机病毒

网页制作基础
1.走进HTML，闯关题
2.网页穿上美丽外衣，闯关题
3.列表表格及表单，闯关题
4.盒子模型，闯关题
5.浮动，闯关题
6.定位，闯关题
7.PS切图
8.制作1号店首页

COT
《时间管理》《沟通》《团队协作》

二、、前端开发基础

HTML5基础开发
1.HTML5新增元素及属性
2.CSS3基础
3.CSS3高级特效
4.CSS3动画
5.用CSS3制作QQ会员页面

阶段项目
制作1号店整站

JavaScript基础
1.JavaScript基础语法
2.选择结构
3.函数
4.循环结构
5.双重循环与跳转
6.JS内置对象（上）
7.JS内置对象（下）
8.函数进阶

JavaScript高级
1. JavaScript操作BOM&DOM
2. DOM—节点操作（一）
3. DOM—节点操作（二）
4. JavaScript事件（一）
5. JavaScript事件（二）
6. 正则表达式&表单验证
7. cookie和Ajax
8.JS面向对象
9.JS面向对象高级
10.闭包
11.项目实战-手风琴画册
12.项目实战-课工场导航页
13.原型和原型链
14.作用域和闭包
15.异步和单线程
16.Ajax和跨域

使用jQuery制作网页特效
1.jQuery基础
2.jQuery基本操作
3.jQuery事件与特效
4.使用jQuery处理Ajax
5.定制化jQuery

阶段项目
1、使用jQuery制作1号店整站

HTML5高级开发
1.多媒体播放
2.使用Canvas绘制图形
3.用Canvas绘制风景时钟
4.项目实战-见缝插针游戏
5.项目实战-QQ彩贝

Bootstrap框架
1.Bootstrap入门及布局
2.CSS组件
3.JavaScript插件
4.Bootstrap综合案例

阶段项目
1.制作PC端爱旅行网（必修）
2.嗨果视频网（选修）
3.极果网站（选修）
4.课工场前端LP页面（选修）

三、移动端开发

移动端开发
1.移动端基础
2.自适应布局和响应式布局
3.Flex弹性盒布局
4.移动端页面布局
5.移动端事件
6.zepto框架
7.开发技巧

阶段项目
1、制作爱旅行APP
2、制作京东APP

四、前端高级开发

ES6项目实战——淘宝双11数据分析系统
1.需求及需求分析
2.详细设计
3.环境搭建
4.登录与用户信息修改
5.公共类封装
6.Portal界面设计
7.Panel组件设计
8.项目功能整合

Vue.js框架开发
1.初识Vue
2.Vue.js指令
3.TodoList练习
4.交互与实例的生命周期
5.生命周期交互练习
6.组件（一）
7.组件（二）
8.项目环境配置及单文件组件
9.路由配置
10.Vue.js项目实战（一）
11.Vue.js项目实战（二）
12.Vue.js项目实战（三）

webpack
1.课程介绍及Webpack安装
2.项目创建和配置文件
3.Webpack插件、DevServer及Loader
4.配置与优化、Webpack+Vue

优化前端页面
1.前端页面优化 - 为何进行前端优化&代码语义性与可读性
2.前端页面优化 - 代码扩展性与伪元素
3.前端页面优化 - HTML CSS JS文件打包、压缩
4.前端页面优化 - 图片与特殊字体
5.前端页面优化 - 文件放置位置，预加载与懒加载
6.前端页面优化 - JavaScript代码 性能优化（上）
7.前端页面优化 - JavaScript代码 性能优化（下）
8.前端页面优化 - 面向对象

React框架开发
1.浅谈前端工程化
2.初识Node.js
3.学习gulp
4.使用gulp搭建前端框架
5.学习React
6.使用React开发Todo List
7.React+Flux
8.Single Page Application

阶段项目
爱旅行项目

阶段项目
1.Git入门
2.Git高级
3.HTML5本地存储
4.HTML5离线缓存
5.地理定位Geolocation API
大麦网

五、微信小程序开发

使用Nodejs进行开发
1.NodeJS介绍和安装
2.搭建后台
3.前后端交互
4.第三方模块
5.Express框架
6.常用模块

微信小程序
1.初识微信公众平台
2.微信JS-SDK综合练习
3.微信小程序起步
4、组件与常用API
5、小程序综合练习
6、Nodejs+小程序实战：深入理解前后端交互
7、微信小游戏
8、Python接入微信
9、实战项目一盒马生鲜

网站SEO与前端安全
1.网站SEO技巧—关键词选取秘籍
2.网站SEO技巧—代码基础及优化
3.网站SEO技巧—内链结构分析
4.网站SEO技巧—内容质量优化
5.网站SEO技巧—网站外链全解析
6.前端安全-CSRF
7.前端安全-XSS

企业面试指导
1.职场第一步从礼仪开始
2.电话礼仪
3.这样做简历能进互联网公司
4.用互联网思维打造个人简历

面试题库
1.前端知识点兼容性
2.常规面试题解析
3.面试技巧

COT
《简历制作》