文章声明：转载来源：https://www.zhihu.com/question/27133608/answer/1623422341

首先，先送给大家一句话。“every master today was a beginner yesterday.”，这句话的中文翻译就是“今天的大师昨天都是初学者。”
因此，今天我的目标是提供一个简单的方法，从头开始学习前端开发。
什么是web开发？
如果要把一个人设计成 HTML 代码。基本上来说，人有一个头，身体和脚(就好像我们的html代码一样) ，但是它看起来不是很好看。

普通 HTML：

这个时候，让你给上面的骷髅身体一个好看的样式吗？
当然，你必须可以，这就是我们css的来源。我们可以修饰我们的HTML代码（上图的骷髅），用的呢，就是我们的CSS了。

HTML + CSS:

上图，给骷髅添加了CSS样式之后，就变得有血有肉了，你能用CSS把HTML做成任何你想要的样子。这里时候，HTML和CSS只能构建结构，只是让人有的外表，如果需要让人举起双手，露出笑容，那就需要使用JavaScript为我们的结构增加一些事件和方法。通过JavaScript可以给上图的人，一种生命，具有我们想赋予给他的一种交互性。

HTML + CSS + Javascript：

1. 使用 Javascript，我们可以让人跳起舞来
2. 使用 Javascript，我们可以让人走路，跑步，吃饭和其他活动综上所述，

我们已经知道了，HTML 和 CSS 可以装饰我们的web，JavaScript可以给我们的web添加事件和交互。那么 Javascript 库有什么用呢？
Javascript 库让交互变得更加简单，因为 Javascript 允许web相互交互，但是它的库使得 相互作用 变得更加容易。
举个例子: 现在用JS 实现人吃饭(所以，他/她可能吃得很慢，直接用嘴吃饭(不用手)或者吃饭的方式不正常或者人类通常吃饭的方式)。因此，JavaScript库出现了，它们让人们以一种平常而恰当的方式吃饭。JavaScript库让我们的工作变得简单而高效。那为什么有这么多 Javascript 库？现在让我们回到前面的例子，地球上的每个人吃饭的方式都一样吗？ 显然不是，所有的 JS 库不都是一样的，每个 JS 库都有自己的风格和方式。举个例子说， React.js 将 UI 划分为它们自己的独立组件(甚至可以用于重复)。同样地，Angular也有自己的风格和其他一些风格。

JS + Library：

你是刚接触前端吗？别担心，我会根据我的一些经验，给你一些小建议。
首先，你要学习HTML和CSS，作为前端入门的基础，并且能够学会HTML5+CSS3进行页面的开发，这个期间不要试着学习其他任何东西。
然后，开始学习原生的JavaScript，包括一些JavaScript的语法，类型，和底层逻辑。
这个期间，用最开始用HTML5+CSS3开发的页面加上我们后面所学习的JavaScript结合起来，做出你想要的一些效果。
接下来，就是选择你自己需要学习的JS库了。前面的学习，你已经获得足够的知识来选择自己的JS库，但是我建议，选择JS库之前，先花点时间在jQuery上，因为jQuery是最经典的JS库，你了解它之后，你会更加清楚的了解JS库到底是做什么的。

大家通过这一整套的学习之后，会对web前端有更加深刻的了解。
祝大家都能找到一个满意的工作.