| 课程阶段 | 课程名称 | 内容描述 | 技术点 |
|---|
| 赠送课程 | Photoshop入门到精通 | 学习网页设计的基础知识，掌握PS基础工具的使用方法，打好前端开发需要的设计基础 | PS界面讲解和常用工具学习，图片处理和颜色调色学习，ps的模板技巧，图层技巧的学习和文字特效，企业站的设计 |
| 第一阶段 | HTML的入门到精通 | 学习HTML的标签、属性等知识，为web前端的学习打下良好基础。 | 解网站运行的原理及相关概念，使用HTML标签对网页进行简单的排版。 |
| HTML+CSS网页布局 | 学习DIV+CSS的基础知识，掌握网页布局技巧，能够用DIV+CSS完成带交互的企业网站的布局 | CSS常用属性和高级技巧，使用Photoshop完成切图效果，基于效果图通过html+css完成符合W3C标准的HTML页面 |
| 第二阶段 | Javascript入门到精通 | JavaScript基础课程 | JavaScript变量，关键词，数据类型的学习；javascript条件语句，对象，字符串，BOM和DOM，以及事件处理的学习 |
| JavaScript高级课程 | 使用JavaScript操作Cookie，正则表达式和表单数据验证，JSON数据格式，Ajax异步数据传输技术 |
| jQuery入门到精通 | jQuery基础课程 | jQuery选择器，DOM操作，各种事件和动画方法，AJAX，JSONP，和流行的网页特效制作 |
| jQuery高级课程 | jQuery插件的封装，常用插件的学习 |
| 第三阶段 | HTML5+CSS3新特性 | 通过HTML5新增特性的学习，掌握H5新增特性用法。 | HTML5与之前html的区别，新增标签，表单新增元素和属性，音频和视频的嵌入，websocket，Canvas标签，新增移动端事件 |
| 通过CSS3新增特性的学习，掌握用H5+CSS3开发移动端应用的方法 | CSS3新增属性，盒子模型，响应式媒体查询，2D、3D变换，动画制作，动画框架的学习，常见功能的新老实现方式对比 |
| 常用移动端框架 | 通过Zepto框架的学习，能够快速高效的开发移动端WebAPP | Zepto框架简介，常用API和Touch模块的详解 |
| 通过Swiper插件的学习，能够快速高效的微信场景应用 | Swiper插件简介，常用API学习，详细案例讲解 |
| 通过Bootstrap框架的学习，能够快速高效的开发移动端应用 | Bootstrap框架简介，栅格系统，表格，表单，按钮常用样式的学习 |
| 移动端应用实战 | 移动端项目实战一：微信场景应用 | 项目开发步骤讲解，开发中遇到问题收集、答疑，移动端开发、调试技巧讲解，前端优化学习； |
| 移动端项目实战二：响应式网站开发 |
| 移动端项目实战一：WebAPP开发 |
| 第四阶段 | React的入门到精通 | 通过对React的学习，掌握用React快速开发移动端应用的方法 | React的背景和原理，React组件属性，React组件状态，React组件生命周期，React组件的嵌套，React开发WebAPP案例，ReactJS开发混合APP案例 |
| nodejs&bower&gulp | 学习自动化构建前端项目的一些知识 | nodejs环境搭建以及常用命令，bower的安装以及常用命令，学习如何用gulp构建前端项目 |
