随着Web2.0思想的日益普及，让企业都慢慢认识到前端的重要性。前端开发人员的地位也日益提高，相应的技术要求要是越来越高，那么现在想成为一名合格的Web前端工程师应该怎样学习呢
Web前端学习路线图，希望对初学者有帮助。
1.Javascript 语言
全栈开发中，用的编程语言就是 javascript
2.HTML5 标签和 DOM
这是前端最核心技术，为之后学习各种开发框架，打下坚实基础。
3.CSS3
学习通过 css 开发网页和各种可视 UI 组件。
4.SASS
利用 sass 语言，开发复杂的页面 css
5.Node.js
掌握Node.js 核心 API ，具备后端开发能力。
6.Express 5.x 框架
掌握 Express 框架，从而具备快速开发后端程序的能力。
7.socket.io 库
让前后端通过 websocket协议通信，是web 开发游戏、聊天等程序必备技术。
8.Mongoose 框架
可以让程序具备文档数据储存能力
9.Git 命令与 github
可以对项目进行版本管理，从而能团队开发项目。
10.Gulp 构建工具实战
通过 gulp 工具，灵活对项目进行构建。
11.Webpack
可以用和 Node.js 后端模块化方式，开发前端程序，从而能开发大型系统。
12.Jasmine & Karma
可以利用 Jasmine & Karma 轻松实现，多种浏览器同时进行单元测试，而不必切换界面。
13.前端相关框架
JQuery / Bootstrap / Vue.js /React / Angular通过框架帮我我们快速开发程序
14.移动端与桌面程序开发工具
phonegap / react-native / electron / 微信小程序开发
这套工具，基本上只是打包工具，和提供了一些特定平台 API ，开发还是使用之前的 Web 技术。
如果通过这套学习路线图学完，那么就业是毫无压力的，但是做为有志向的码奴，我们还需要展望未来和扩展眼界。
其实，很多想学习技术的同学都一方面是兴趣使然一方面是想找一份满意的工作，如果你学的技术对企业没有实际价值，那么也白瞎，(除非你是理论计算机学家)，就目前在“互联网+”趋势的引导下，Web前端工程师的需求只会越来越大，小白找个靠谱的培训机构一般3-6个月就差不多了，一定要打好基础，多敲代码。
希望对您有所帮助！~
Web前端学习路线图，希望对初学者有帮助。
1.Javascript 语言
全栈开发中，用的编程语言就是 javascript
2.HTML5 标签和 DOM
这是前端最核心技术，为之后学习各种开发框架，打下坚实基础。
3.CSS3
学习通过 css 开发网页和各种可视 UI 组件。
4.SASS
利用 sass 语言，开发复杂的页面 css
5.Node.js
掌握Node.js 核心 API ，具备后端开发能力。
6.Express 5.x 框架
掌握 Express 框架，从而具备快速开发后端程序的能力。
7.socket.io 库
让前后端通过 websocket协议通信，是web 开发游戏、聊天等程序必备技术。
8.Mongoose 框架
可以让程序具备文档数据储存能力
9.Git 命令与 github
可以对项目进行版本管理，从而能团队开发项目。
10.Gulp 构建工具实战
通过 gulp 工具，灵活对项目进行构建。
11.Webpack
可以用和 Node.js 后端模块化方式，开发前端程序，从而能开发大型系统。
12.Jasmine & Karma
可以利用 Jasmine & Karma 轻松实现，多种浏览器同时进行单元测试，而不必切换界面。
13.前端相关框架
JQuery / Bootstrap / Vue.js /React / Angular通过框架帮我我们快速开发程序
14.移动端与桌面程序开发工具
phonegap / react-native / electron / 微信小程序开发
这套工具，基本上只是打包工具，和提供了一些特定平台 API ，开发还是使用之前的 Web 技术。
如果通过这套学习路线图学完，那么就业是毫无压力的，但是做为有志向的码奴，我们还需要展望未来和扩展眼界。
其实，很多想学习技术的同学都一方面是兴趣使然一方面是想找一份满意的工作，如果你学的技术对企业没有实际价值，那么也白瞎，(除非你是理论计算机学家)，就目前在“互联网+”趋势的引导下，Web前端工程师的需求只会越来越大，小白找个靠谱的培训机构一般3-6个月就差不多了，一定要打好基础，多敲代码。
希望对您有所帮助！~
温馨提示：内容为网友见解，仅供参考
第1个回答 2017-01-15
web前端其实是很适合零基础人员学习的，整体来说的话也不算特别难，那我们在学习的过程中，第一阶段肯定是html+css，那么这个部分从入门到高级的话，学习起来都不是问题，那么第二阶段可以是css3+html5，那么这个环节学到位了
再加上前面的布局，基本上一个人是可以单独的开发一个大型的网站了，只不过是静态的，再稍微补下各个浏览器之间的兼容知识，那就更完美了，紧接着第三阶段就是java+jquery了，这个就相对于前面的2个阶段会难一些，那如果是你有扎实的基础，其实学起来也是没有任何问题的，包括后面的几个阶段ajax了，json了，bootstrap，还有一些框架anjular.js,requireJS，Backbone.js,node.js等，当然有兴趣的也可以再多学一些插件。本回答被网友采纳
再加上前面的布局，基本上一个人是可以单独的开发一个大型的网站了，只不过是静态的，再稍微补下各个浏览器之间的兼容知识，那就更完美了，紧接着第三阶段就是java+jquery了，这个就相对于前面的2个阶段会难一些，那如果是你有扎实的基础，其实学起来也是没有任何问题的，包括后面的几个阶段ajax了，json了，bootstrap，还有一些框架anjular.js,requireJS，Backbone.js,node.js等，当然有兴趣的也可以再多学一些插件。本回答被网友采纳
第2个回答 2019-07-10
想学好web前端，该从哪里入手学习呢？零基础学习web前端学习路线图从哪里可以找到呢？为大家整理完整的web前端学习路线图分享给大家。
web前端学习路线图分享给大家：
1.HTML5介绍
内容包括：（互联网发展趋势、H5语言的优势、简单易学人人都能编程、
H5就业和薪资情况、H5常见的项目与产品、H5的未来与方向）
2.HTML基础
内容包括：（HTML简介与历史版本、常用开发软件、常见标签与属性、
表格与表单、标签规范与标签语义化、实战：网页结构布局）
3.CSS基础
内容包括：（css简介与基本语法、常见的各种样式属性、CSS选择器与标签类型、理解盒子模型与CSS重置、浮动与定位、利用photoshop工具测量样式、HTML+CSS开发网页、实战：高仿电商首页效果）
4.CSS3基础
内容包括：（css3常见样式、css3选择器、变形与动画、3D效果与关键帧、弹性盒模型、5.移动端布局、移动端基本概念、viewport窗口设置、移动端布局方案、rem、vh、vw等单位、响应式布局、bootstrap框架）
6. JavaScript基础
内容包括：（JS简介、JS变量、数据类型与类型转换、运算符与优先级、
流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for循环、break、continue语法、函数定义与调用、全局变量与局部变量、函数传参与返回值、函数作用域与变量作用域。
而且还有DOM的基本操作、定时器使用、this指向与修改指向、数组、字符串等方法操作、时间对象与正则对象、掌握常见BOM操作、常见事件与事件细节、JSON与AJAX、JSONP跨域操作、前端cookie的使用、实战：JS配合HTML与CSS完成电商项目）
7.jquery框架
内容包括：（jquery框架介绍及优势介绍、jquery核心思想、jquery常见方法、jquery动画操作、jqueryAJAX操作、jquery工具方法、利用jquery快速开发网页）
8.PHP基础
内容包括：（PHP简介与基本语法、mysql数据库及sql语法、apache服务器与集成开发工具、PHP链接数据库、PHP与AJAX交互、实战：留言板、登录、注册等）
9.H5基础项目
内容包括：（项目简介、项目功能演示、项目划分及框架、编写HTML页面结构、设置CSS样式、添加JS交互、可选框架：bootstrap、jquery、PHP等、项目调试及兼容、项目验收）
web前端学习路线图分享给大家：
1.HTML5介绍
内容包括：（互联网发展趋势、H5语言的优势、简单易学人人都能编程、
H5就业和薪资情况、H5常见的项目与产品、H5的未来与方向）
2.HTML基础
内容包括：（HTML简介与历史版本、常用开发软件、常见标签与属性、
表格与表单、标签规范与标签语义化、实战：网页结构布局）
3.CSS基础
内容包括：（css简介与基本语法、常见的各种样式属性、CSS选择器与标签类型、理解盒子模型与CSS重置、浮动与定位、利用photoshop工具测量样式、HTML+CSS开发网页、实战：高仿电商首页效果）
4.CSS3基础
内容包括：（css3常见样式、css3选择器、变形与动画、3D效果与关键帧、弹性盒模型、5.移动端布局、移动端基本概念、viewport窗口设置、移动端布局方案、rem、vh、vw等单位、响应式布局、bootstrap框架）
6. JavaScript基础
内容包括：（JS简介、JS变量、数据类型与类型转换、运算符与优先级、
流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for循环、break、continue语法、函数定义与调用、全局变量与局部变量、函数传参与返回值、函数作用域与变量作用域。
而且还有DOM的基本操作、定时器使用、this指向与修改指向、数组、字符串等方法操作、时间对象与正则对象、掌握常见BOM操作、常见事件与事件细节、JSON与AJAX、JSONP跨域操作、前端cookie的使用、实战：JS配合HTML与CSS完成电商项目）
7.jquery框架
内容包括：（jquery框架介绍及优势介绍、jquery核心思想、jquery常见方法、jquery动画操作、jqueryAJAX操作、jquery工具方法、利用jquery快速开发网页）
8.PHP基础
内容包括：（PHP简介与基本语法、mysql数据库及sql语法、apache服务器与集成开发工具、PHP链接数据库、PHP与AJAX交互、实战：留言板、登录、注册等）
9.H5基础项目
内容包括：（项目简介、项目功能演示、项目划分及框架、编写HTML页面结构、设置CSS样式、添加JS交互、可选框架：bootstrap、jquery、PHP等、项目调试及兼容、项目验收）
相似回答
