web前端的定义:

是面向用户(浏览者)的互联网技术统称。主要包括web界面的结构、web界面的外观视觉表现以及web界面的交互实现。

web前端主要技术:

1:html :全称“Hyper Text Markup Language（超文本标记语言）”。HTML是一门描述性语言，是一门非常容易入门的语言。网页结构的搭建，相当于给一个人加上骨头、手、脚...各种器官，让其先有人的样子。
2:css : 全称"Cascading Style Sheets(层叠样式表)"。CSS 是一种描述 HTML 文档样式的语言，使单调的html结构变得更美观。相当于html构建出一个人，css给人穿上好看的衣服，画上精致的妆容。
3:javaScript : 是一门弱类型的脚本语言。通过javascript给页面添加丰富的交互行为。相当于html构建出一个人，css使人变的好看，而javascript给人添加各种行为、动作。是前端技术中不可或缺的技术。

web前端学习线路:

第一阶段：HTML5 + CSS3
此阶段的学习目标：

能够独立把美工提供的PSD效果图还原成PC端静态代码页面。

此阶段的市场价值：

具备PC端静态网页开发的能力，还达不到企业用人标准。为后面学习网页编程阶段打下坚实基础。

此阶段的重点知识：

掌握 HTML5 常用标签；
掌握 CSS 语法及使用技巧；
掌握CSS3新增选择器；
掌握CSS3新增样式属性；
掌握 DIV+CSS 布局方式；
掌握常见网页布局技巧；
掌握企业级、电商级网页开发基本的流程、规范；
掌握语义化、模块化、兼容性的PC端网页开发；
掌握 Photoshop 切图以及插件切图；
熟练使用调试工具进行页面调试；
掌握基本的动画效果。
第二阶段：移动Web网页开发
此阶段的学习目标：

能够独立开发移动端页面，并适配不同移动端终端。

此阶段的市场价值：

具备移动端页面开发，但是还不能达到企业的用人标准。为后面学习网页编程阶段打下坚实基础。

此阶段的重点知识：

掌握CSS32D、3D变换、动画效果；
了解移动端屏幕、移动端浏览器、操作系统的不同；
掌握主流移动端调试方法；
掌握常用移动端适配方案（流式布局、flex布局、rem适配）；
掌握主流移动端页面开发技术选型与解决方案；
掌握CSS预处理器less的使用；
掌握常用移动端框架使用方法；
掌握常见移动端页面开发流程与规范；
掌握响应式布局开发；
掌握Bootstrap开发响应式页面；
掌握适配不同终端的移动端页面开发。
第三阶段：JavaScript网页编程
此阶段的学习目标：

能够使用JavaScript/jQuery开发网页特效/网页应用。

此阶段的市场价值：

具备网页开发的基础能力(网页布局和网页应用开发)，但是无法和服务器交互，还达不到企业用人的标准。

此阶段的重点知识：

掌握JavaScript基本语法；
掌握常见JavaScript算法；
掌握DOM的各种操作；
熟练使用面向对象思想进行DOM编程；
掌握JavaScript的高级语法；
熟练使用jQuery操作DOM；
熟练使用和编写jQuery插件；
独立完成电商网站的页面搭建（包括HTML结构、CSS样式、JavaScript特效）；
掌握应对业务编程的能力；
掌握JavaScript常见兼容性方案；
掌握团队合作开发流程。
第四阶段：Node.js与AJAX
此阶段的学习目标：

能够具备开发具有简单交互能力的网站，能够使用源代码管理工具。

此阶段的市场价值：

具备基本的网站开发能力，满足企业对初级前端开发的要求。

此阶段的重点知识：

能够建立客户端服务器交互模型，熟悉网络通信相关概念；
能够使用Node.js进行Web服务端开发；
能够掌握JavaScript异步编程模型；
能够掌握JavaScript模块化编程方式；
能够使用Node.js操作MySQL数据库；
能够理解HTTP协议；
熟悉原生Ajax请求流程与细节，并掌握常见跨域技巧；
能够基于jQuery的Ajax相关API熟练开发常见的前端功能；
能够独立开发基于后台接口的动态网站、Ajax数据交互的项目；
能够独立完成企业网站从前台到后台的基本开发工作。
第五阶段：Vue.js项目实战
此阶段的学习目标：

使用Vue技术栈开发企业级项目
掌握前后端分离的开发方式
掌握项目的打包和发布
此阶段的市场价值：

理解Vue的开发理念、内部运行原理，梳理使用Vue组件开发常见功能。满足前端开发行业中的常见需求。

此阶段的重点知识：

掌握使用Vue技术栈进行项目开发；
掌握源代码管理工具的使用；
熟练掌握前后端分离开发模式；
掌握使用主流框架开发门户网站、管理系统、移动Web等客户端；
掌握Webpack项目构建配置流程；
掌握Web项目的部署与发布模式；
掌握常见网站业务模块开发。
掌握使用echarts/d3.js进行大数据可视化交互开发；
第六阶段：微信小程序
此阶段的学习目标：

掌握整个小程序开发和传统web开发的区别；
掌握企业小程序开发、发布和上线的整体流程；
拥有解决和实现市场上主流小程序的功能需求。
此阶段的市场价值：

掌握前端行业的小程序发展趋势，熟悉小程序项目的整体运作流程，并且具备独立开发企业级小程序的能力，既可以使用原生小程序也可以使用小程序框架来完成项目。

此阶段的重点知识：

掌握小程序的开发基础；
能够独立开发小程序项目；
掌握小程序的部署与发布；
掌握微信支付的使用；
掌握小程序开发框架的使用；
掌握第三方AI平台的使用。
第七阶段：React.js项目实战
此阶段的学习目标：

具备使用React开发能力，配合React内部原理，增强解决项目中复杂业务问题的能力，从项目搭建到项目开发再到项目部署上线，让学员可以完成常见企业级项目的开发。

此阶段的市场价值：

理解React的开发理念、内部运行原理，熟练运用React组件完成项目常见功能开发，配合常用组件库解决项目中的一些共性问题，满足前端开发行业中的常见需求。

此阶段的重点知识：

理解React的开发理念；
掌握React的基本使用；
理解React的内部原理；
使用React及其常用组件库进行项目开发；
使用React封装项目中用到组件实现复用；
掌握React项目中常见问题的解决方案；
掌握React-Redux进行状态管理；
掌握声明式编程的思想；
掌握组件化开发的思想；
掌握React项目优化、部署。