一、第一阶段

1.HTML&CSS

HTML5：常用浏览器与浏览器内核、HTML的语义化、HTML中常用的标签以及每个标签的语义。HTML5新特性及新增常用标签

CSS 3： CSS语法、选择器、字体样式、边框、背景、图片格式详解、定位、浮动、盒模型。CSS3新增选择器及新增属性、圆角、阴影、伸缩布局、变形、过渡、动画。CSS使用的高级技巧

Photoshop：使用Photoshop将美工设计的PSD图转成静态页面，了解网站前台页面的开发

品优购综合项目 代码分离原则,使用div+css布局完成一个完整的页面，使用CSS3完成动画效果

2.学习目标:

可掌握的核心能力:

（1）了解常用浏览器和浏览器内核；

（2）了解语义化的概念；

（3）能够掌握HTML，CSS使用技巧；

（4）能够掌握DIV+CSS布局模式；

（5）能够掌握HTML5新特性与常;

（6）能够完成动画效果。

可解决的现实问题:

与美工对接，完成网站静态页面的开发，为后期编写页面动态效果打基础。

市场价值:

了解网页的组成，能够实现静态页面编写，可以使用CSS3完成简单的页面动画。

二、第2阶段

1.前端基本功

JavaScript基础： JavaScript基本语法、算法基础、常用数据结构、企业编程规范、JavaScript内置对象常用方法、对象的创建方式和this讲解

Web APIs： BOM操作 、DOM操作大全 、 特效实现、页面布局、事件处理、浏览器兼容性处理

JavaScript高级：面向对象思想、JavaScript中的对象、JSON、闭包、原型、作用域链、函数的调用方式及this指向、正则表达式 、面向对象理论与实践

jQuery： jQuery的优势、jQuery选择器、jQuery中的动画、链式编程和隐式迭代、jQuery插件使用和制作

学习目标:

可掌握的核心能力：

（1）能够掌握JavaScript基本语法；

（2）掌握DOM的各种操作；

（3）熟练使用面向对象思想进行DOM编程；

（4）掌握JavaScript的高级语法；

（5）掌握使用jQuery操作DOM；

（6）熟练使用和编写jQuery插件；

（7）独立完成电商网站的页面搭建（包括HTML结构、CSS样式、JavaScript特效组件）；

（8）掌握应对业务编程的能力。

可解决的现实问题：

学生具备JavaScript开发能力，能够完成常见页面效果开发，为就业班后期课程打下基础。

市场价值：

能够独立完成常见网站的静态页面开发（包括HTML结构、CSS样式、JavaScript开发常见页面特效）。

第三阶段

PHP+AJAX+前端模块化

PHP服务端开发：PHP基础语法（变量、数据类型、分支循环语句、数组、函数、参数传递get/post）、动态网站、后台接口开发。数据库基本概念、基本SQL语句、PHP连接数据库进行基本增删改查、HTTP协议、表单传值、会话技术

AJAX：同步与异步概念、原生AJAX、jQuery的AJAX相关API使用、低层原理分析、缓存问题及处理方式、跨域请求及解决方法

前端模块化：模块化开发基本概念、模块化演变过程分析、设计规范、RequireJS

阿里百秀项目：后端渲染页面，使用会话技术实现登录，PHP操作MySQL数据库，开发接口，使用AJAX技术，模板引擎ArtTemplate完成页面功能的实现

学习目标:

可掌握的核心能力：

（1）能够建立客户端服务器交互模型，熟悉网络通信相关概念；

（2）熟悉PHP基础语法，能够开发简单的后台接口；

（3）能够使用PHP操作MySQL数据库；

（4）能够理解HTTP协议；

（5）熟悉原生AJAX请求流程与细节，并掌握常见跨域技巧；

（6）能够基于jQuery的AJAX相关API熟练开发常见的前端功能；

（7）能够独立开发基于后台接口的动态网站、AJAX数据交互的项目。

可解决的现实问题：

学生能够建立起客户端服务器交互模型，熟练使用AJAX实现前端功能点、能够进行前后端协作开发、能够独立开发基于后台接口的数据管理平台。

市场价值：

掌握前后端协作开发相关技术、能够快速融入实际的工作场景。

第四阶段

移动Web开发

移动Web：移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍、Chrome模拟调试、真机调试 、viewport、rem、主流适配方案、触屏touch事件、手势封装、CSS预处理器、移动端框架

Git：命令行、Git的基本使用、对比文件差异、还原、合并 ，回滚操作，远端仓库操作、使用GitHub创建远端仓库，GitLab创建远端私有仓库、SSH Key

移动端电商项目：MUI框架使用、前端校验插件、echarts数据可视化、AJAX进度条组件、

模板引擎渲染、图片上传插件

学习目标:

可掌握的核心能力：

（1）熟练使用HTML5&CSS3实现网页特炫效果；

（2）掌握常用移动端框架使用方法；

（3）掌握常用移动端调试方法；

（4）掌握常用移动端适配方法；

（5）熟练使用移动端touch事件及手势封装；

（6）掌握响应式布局的写法；

（7）掌握CSS预处理器less的使用；

（8）掌握使用git对比文件差异、还原、合并，能够解决远端仓库与本地仓库合并时的冲突；

（9）掌握移动端整站开发架构搭建、项目开发、性能优化等整站开发能力。

可解决的现实问题：

学生具备移动端web开发能力,拥有根据设计图转化为对应的web,同时处理移动设备适配问题。能够掌握工作中多人开发的操作方式。

市场价值：

备移动web开发能力，能够和后台交互，独立开发移动端的交互网站。

第五阶段

品优购项目

Node.js： Node.js历史、发展、特征与现状、ES6常用语法、同步与异步、环境安装, 文件操作、网络操作、模块化思想及操作、 npm、异步编程、Express

Vue.js基础：常用系统指令、数据绑定、指令、过滤器、生命周期、组件化、路由、Vue.js组件、Vue.js过渡效果(动画)、路由(vue-router）、axios、webpack的使用。

Vue.js实战项目：品优购后台管理项目

用户和权限管理、商品管理、库存管理、购物车、订单、物流等。vue-cli、项目打包和发布、包管理与维护。

微信小程序 ：小程序入门概念及演示、小程序开发工具介绍与创建quick_start项目、小程序文件结构、wxml、wxss、常用组件(view,image,text,navigator,swiper等)、小程序常用api、wepy框架、品优购电商项目。

学习目标:

可掌握的核心能力：

（1）了解项目开发的流程；

（2）能够熟练开发移动端和PC端的交互式网站；

（3）能够用目前热门JavaScript框架Vue.js来开发项目；

（4）掌握Express的使用；

（5）能够使用NodeJS开发后台接口，打通前后端；

（6）掌握源代码管理软件的使用。

（7）掌握小程序开发。

可解决的现实问题：

通过实战项目掌握Vue.js的开发电商网站核心业务开发；

使用微信小程序开发电商项目。

市场价值：

学完以后能够一个人胜任前端项目的独立开发，从项目框架搭建开始到业务功能的实现，以及后台api的调用均能胜任，使课程不仅仅只有教还有练，让学生能够快速上手企业项目开发。

第六阶段

React

React.js实战项目

快速入门、JSX 语法、ES6语法书写组件、组件复用、生命周期、React操DOM元素、React绝对路由、webpack和gulp集成构建项目、重定向组件、代理方式进行跨域、按需加载

学习目标:

可掌握的核心能力：

（1）了解常见的设计模式；

（2）掌握React框架的使用；

（3）能够利用webpack、gulp打包工具实现网站资源的打包。

可解决的现实问题：

能够使用React.js完成Web应用的开发。

市场价值：

能跟上最新技术的脚步,具有前后端开发能力的前端开发者。 能熟练使用各种前端工具，具有项目部署的能力，能与其他开发者合理沟通协作开发项目, 符合企业高端需求。

《注：内容来自黑马程序员官网，由本人在加工》

资料内容均有，欢迎来咨询