给你一份完整的Web前端学习路线图

随着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 技术。

如果通过这套学习路线图学完，那么就业是毫无压力的，但是做为有志向的码奴，我们还需要展望未来和扩展眼界。

一提到扩展眼界，有些人就会，疯狂的拿来一本永远不用技术的书，啃起来，比如你是用 html5 写前端界面的，永远用不上 QT 写界面，你买本QT 津津有味的学起来，如果你感觉不错，那就学吧。

写在最后

其实，很多想学习技术的同学都一方面是兴趣使然一方面是想找一份满意的工作，如果你学的技术对企业没有实际价值，那么也白瞎，(除非你是理论计算机学家)，就目前在“互联网+”趋势的引导下，Web前端工程师的需求只会越来越大。

原文链接： https://blog.csdn.net/moondaim/article/details/89259226
作者：首席前端开发深套