因为你的能力还处在初始阶段，你根本不知道你缺少哪方面的知识。
所以，在正式学习之初，你非常有必要先了解一下前端的能力模型。
前端工程师，都需要掌握哪些能力呢？
简单粗暴点，只需要掌握这张图里的能力就行了。
开个玩笑，新手的话，还是要循序渐进。
LV1：学会制作静态页面（Web + Mobile）
HTML、HTML5：
理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点。
CSS:
基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型
LV2：学会制作动态页面
JavaScript ：
基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象
（有了这三个，你基本可以写一些简单的页面了，但是仍然需要学一些经典的库和框架。）
经典库：比如 jQuery,YUI2,YUI3
经典框架：比如 Bootstrap
LV3：前后端分离，打造 Web App
Vue.js/AngularJS2/React
Node.js，使用 Express/Koa 配合 MongoDB/Redis 涉足到后端领域
自动化测试
其他：
熟悉 Git 与 Shell 的使用
学习路径
1.入门 HTML + CSS
这里推荐一本书，Head First HTML与CSS（第2版）。从原理到方法都介绍得很详细，通俗易懂，活泼有趣。html和css入门力荐。学完大概 1-2 个周。
2.JavaScript + jQuery
JS：看 w3school 教程，花 2-3 天，但 w3school 教程有点过时，看完只能了解个基础，深入学习的话，推荐看《JavaScript 权威指南》，《JavaScript 高级程序设计》。两部都是大部头。看完还需要在去网上找 ES6 资料学习，推荐 ECMAScript 6入门，深入浅出ES6。
jQuery 的话，去官方文档看即可。
熟练掌握大概需要1个月。
3.Vue.js/Angular 2/React
Vue.js：查看官方中文文档大约需要 3 天左右。Vue 上手容易，但没有其他前端框架使用基础的人只看官方文档难以理解 Vue 高级用法以及在生产环境中的运用。目前 Vue 社区还比较小，除官方文档外难以找到优秀资料。
4.webpack & 测试
webpack 是目前应用最广泛的前端模块管理工具，功能强大。
测试相关的框架多且杂，大多是社区产物，较难系统学习。
以上的这些资源足够你学习几个月的，但它们不会带你走得更远。
但是，如果你已经学了这么多，你已经有足够的能力去继续前端的学习，直到你可以完美胜任一个前端工程师的要求。
最后留一点小的建议
你会经常地遇到 bug 和其它一些问题。这可能会让人沮丧，但你要尽量保持冷静，并系统地去思考。记住实践是解决问题的最佳方法。
大家采集的是石头，但是必须时刻展望未来的大教堂。
持续做一些小改进，慢慢地你就会惊奇地发现你的经验得到了怎么样的发展，你的技能得到了怎样的提升。
对于WEB前端是否需要学框架这个问题，答案是肯定。
WEB前端随着近些年来的高速发展，已经成为了非常热门的开发方向，而且WEB前端所包含的内容，也越来越广泛，已经不仅仅是过去大家提到的“做页面”了。
而造成这一现象的一部分原因，就是目前前端框架百花齐放，使得前端开发选择性更多，而且灵活性也更强。如React，Angular，Vue等等，这些框架都是热门的选择，掌握其中的一种或者更多，几乎已经成为了目前一个合格的前端工程师的必备条件了。
那么面对如今日新月异的前端开发环境，作为前端开发者如何才能更快的学习新的内容呢？下面谈谈偶的看法。
首先应该扎实基础，众所周知，前端框架更新非常快，也总会有新的框架产生，但是，万变不离其宗，这些框架都是基于HTML, CSS, Javascript或者其衍生产品进行开发的。所以扎实基础，对HTML,CSS,Javascript尽可能的精通，那么就可以“以不变应万变”。
其次，对于前端框架的学习绝对不能仅停留在应用层面，而应该对其源码进行学习和研究。其实这两者是相辅相成的，对于框架的应用其实就是为了解决遇到的问题，而解决问题的最有效的途径就是从源码分析，而阅读源码又能更深入的掌握框架的应用。
接下来，还应该对业界信息保持一定的敏感度，多关注社区信息，可以及时的了解各种框架的发展，是否有新框架产生等等。然后对于前端框架应该尽可能做到T字形程度掌握，什么是T字形呢？其实就是一专多能，对于一种框架深入了解，同时又能对其他的热门框架有所了解，如果新的框架产生，也可以有初步了解。这样如果以后需要使用某种框架，那么就可以基于你已经了解的内容再去学习，这样就可以节省大量的时间了。
最后要说的，WEB前端开发虽然是目前很火热的行业，当时由于其发展迅速，就需要开发者不断地学习，才能保持自己的竞争力，不被行业所淘汰。
现在的Web前端开发不得不说是火透了整个互联网，Web前端、微信、小程序似乎已经是不得不谈的未来趋势。市场火证明未来缺口大，不少人认为学习Web前端开发，高薪指日可待。
第一：基础的重要性
无论做什么都一定要有扎实的基础，只有基础牢固，才能更深入的学习新技能。Web前端开发的入门门槛其实很低的，与其他语言先慢后快的学习节奏相比，他是一个先快后慢的过程。所以在前期的学习过程中，你会很容易的掌握其基础的技能。而随着Web前端技术的广泛应用，学习也会变得更加简单。
第二：细节的重要性
有句俗语是这样说的：“细节决定成败”，很多Web前端开发者在工作过程中为了追求速度，而忽略了一些细节性的东西。比如：给代码加备注，代码的命名规范，代码的简洁等。所有的这些看似不重要，其实却严重影响了项目的进度以及自身能力的提升。在开发过程中，适当的添加备注，能够加深对技术点的印象，也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通，提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。
第三：网站布局的重要性
做网站的目的除了向大众群体直观的展现公司的形象以外，更重要的还是便于SEO优化，为了提升网站在百度搜索引擎中的排名，以获取更多的浏览量。因为网站没有排名，不能让更多的人了解到公司，盈利从何谈起呢?
第四：学习的重要性
优秀的Web前端开发工程师之所以优秀，不是因为工作的年限有多久，而是具备快速学习的能力。Web前端开发是一个特殊的工作，涵盖的知识面非常广，而且互联网行业技术的更新速度是非常快的，如果没有快速学习的能力，就很难跟上时代的步伐。所以，作为Web前端开发工程师一定要不断的学习，提升技能。
如果你想快速的掌握Web前端技术，想要了解这方面的学习内容，可以报班专业学习，建议你实地考察一下，先了解具体情况后，再做要不要学习的决定。
网站前端开发需要学习什么 Web前端要掌握哪些技能 零基础小白能学前端吗 – 前端技术 – 前端
