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前端工程师的需求只会越来越大。