对于一些没有编程经验的人来说，一开始学习web前端可能会让你觉得吃力。因为你的能力还处于初级阶段，你不知道自己缺少什么样的知识。所以，在开始正式学习的时候，了解一下前端能力模型是非常有必要的。前端工程师需要掌握哪些技能？简单粗暴的说，你只要掌握这张图中的能力即可。开个玩笑，如果你是新手，还是要一步步来。LV1：学习制作静态页面（Web+Mobile）HTML、HTML5：了解如何浏览和创建网页，基本语法规范，常用标签和属性，网页之间的链接和跳转，标签节点层级节点。CSS：基本语法和三种书写位置、选择器和格式化、盒子模型的高级用法、常见的布局模型LV2：学习制作动态页面JavaScript：基本语法和变量、数据类型和数据类型转换、条件判断、循环Built-在语句、函数、数组等对象中（有了这三个基本就可以写出一些简单的页面了，但还是要学习一些经典的库和框架。）经典库：如jQuery、YUI2、YUI3经典框架：如如BootstrapLV3：前后端分离，创建WebAppVue.js/AngularJS2/ReactNode.js，使用Express/Koa配合MongoDB/Redis涉足后端领域自动化测试其他：熟悉使用Git和Shell学习路径1.HTML+CSS入门这里推荐一本书，HeadFirstHTMLandCSS(2ndEdition)。从原理到方法，都非常详细，通俗易懂，生动有趣。推荐用于html和css入门。大约需要1-2周才能完成。2.JavaScript+jQueryJS：看w3school教程需要2-3天时间，但是w3school教程有点过时了。看完之后，你只能了解基础知识。如果你想了解更多，我推荐看《JavaScript 权威指南》、《JavaScript 高级程序设计》。两者都很笨重。看完之后，还是需要去网上找ES6的资料来学习。推荐入门ECMAScript6，深入浅出讲解ES6。对于jQuery，只需转到官方文档即可。大约需要1个月的时间才能熟练。3.Vue.js/Angular2/ReactVue.js：查看官方中文文档需要3天左右。Vue上手容易，但对于没有使用其他前端框架基础的人来说，仅仅阅读官方文档很难了解Vue的高级用法和在生产环境中的使用。目前Vue社区还比较小，除了官方文档很难找到优秀的资料。4.webpack&testingwebpack是目前使用最广泛的前端模块管理工具，功能强大。测试相关的框架很多而且很杂，大部分都是社区产品，很难系统地学习。上面的资源足以让您开始几个月，但它们不会带您走得太远。但是，学了这么多，也有足够的能力继续前端的学习，直到可以完美的达到一个前端工程师的要求。最后的小提示你会经常遇到bug和其他问题。这可能令人沮丧，但请尽量保持冷静并系统地思考。记住实践是解决问题的最好方法。我们收集石头，但我们必须永远期待未来的大教堂。不断进行小的改进，随着时间的推移，您会惊讶于您的经验如何发展以及您的技能如何提高。如果你急需提升能力，>这里推荐我的前端学习exchange=q=u=n=:491404389，都是从最基础的HTML+CSS+JS开始学习前端【酷特效果、游戏、插件封装、设计模式】移动端HTML5项目实战学习资料整理，送给各位前端小伙伴。最新技术，与企业需求同步，小伙伴们在里面学习交流，每天都会有大牛定时讲解前端技术！点击：加入
