在此给大家推荐一些提高效率的工具。
思维导图工具-XMind，免费，Windows/Mac平台都有,当大家学习知识的时候，仔仔一直坚信理解并梳理清楚才能够算真学会了。所以偶会结合博客和XMind，让知识体系更为清晰。图形类工具-PowerPoint，Mac平台OmniGraffle，可能你也发现了，这篇文章里面的配图很多都是用Omni制作的。不会休息的程序员不是好的切图仔，所以使用Pomodoro管理大家自己的节奏吧，写上20分钟，休息上5分钟，在5分钟的时候思考那些没解决的bug，保证会比坐在电脑前想着要舒服，值得高兴的是，它又是一个全平台产品。
下面是学习前端的一些学习路线：
HTML部分对HTML5的理解，Web语义化，SEO页面加载的过程结构组织新增API 如本地存储、CanvasCSS部分CSS3 transition transform animatew3c盒子模型 和 IE盒子模型，box-sizing属性BFC选择器优先级less 与 sassbackground-* 系列属性，这个不要忽视了，还是很重要的JS部分原型 闭包声明提升基本数据类型高阶函数JSON、JSONP 跨域 iframe 通信Ajax原生DOM操作（比如 逆序DOM节点）事件捕捉，捕获，冒泡，代理Array常用函数String常用函数ES5 + ES6VUE框架部分（大部分按照简历来）HTTP1/2 理解、状态码、优化、缓存控制（必考）TCP三次握手，四次挥手XSS与CSRF（必考）学习经历和方法性能优化单元测试React + Redux总结
有一个好的学习方法比什么都重要，虽然这篇文章是讨论前端的，但是学习的方法并不局限在前端上，掌握好的学习方式，可以无形中减少大家的学习成本，努力不是用消耗的时间来衡量的，大家需要的是学好，更需要玩好，开心才是最重要的。
@ 零基础的前端开发初学者应如何系统地学习？
所以语言来学习都有共同之处。作为一名年轻数的前端开发转的话，如果从零到一去学习前端开发知识，偶给出以下建议。
第一，学习HTML和CSS的基础知识。
这里你需要熟悉HTML各个标签的功能和作用，学习css的各种属性等。因为你拿到美工提供给你的设计之后，把它开发成一个精美页面，就在是内容来说，需要HTML和css的知识。如果你不清楚每一个属性是什么样子的，那么你在开发的时时候效率比较低，还先查一下需要用什么属性再进行开发。
这类知识的学习可以充分利用目前的在线平台，例如菜鸟教程，慕课网等等。如果你想通过书本学习，可以找销量比较高的书。
第二点，学习JavaScript相关知识。
在前端里js是非常重要的，页面中的联动数据处理，或者是弹窗或者是一些触发事件等等，都是需要js来实现的。
js就要比html和css复杂很多，你可以用js实现一个算法，而另外两种不能。书籍的话推荐《avaScript DOM 编程艺术》、大厚本里Zakas的《JavaScript高级程序设计》 、犀牛书《JavaScript权威指南》、《高性能JavaScript》等等
JavaScript学习可以参考上面提到，从零到一，从一到N，循序渐进掌握。此外，还需要学习AJAX、jQuery相关知识，一个是跟后端交互，一个是快速、简洁的JavaScript框架。
第三点，学习前端框架
web前端三大主流框架都是Angular、React、Vue。前端框架的使用可以让你如虎添翼，更方便快速的开发。
(1) Angular
Angular原名angularJS诞生于，之前都是用jquery开发，自从angular的出现让开发者有了新的选择，这个框架之前开发中有使用过，它把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。
(2) React
React，facebook出品，正式版推出是在，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。 特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。
(3) Vue
Vue作为最晚推出的框架（），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。国内目前使用vue的开发者越来越多，的确也比较好用
第四点，着手开发一个练手的应用。
除了一系列基础知识的学习之外，必要的开发练习还是很重要的。你在学习基础知识的时候同时加以练习，这样你可以知道每一个变量它具体实现的是什么样的效果。
其实是将你学过的所有知识给偶废话哦。开发一个完整的应用，将你所学的知识尽可能的应用其中，这样对你会有更大的提升，因为学习编程语言的目的最终的结果就是开发出一个完整的应用。偶实际开发应用的过程中，你就会知道某个方法在具体场景下如何使用。
