前端

一个网站的在用户浏览器上运行的那部分东西，可以称为是网站的前端。它决定了网站的界面，布局，元素的样式，与用户的交互方式等等。HTML，CSS，JavaScript，是前端设计与开发的基础。

学习

准备好一个文本编辑器就可以学习前端技术了，推荐使用 Atom 编辑器。你可以使用 Gulp 配置一个自动化的任务，当你保存所编辑的文件以后，自动刷新浏览器。

HTML + CSS

一张网页，内容是 HTML，样式是 CSS。学习 HTML，你需要认识一些 HTML 的标签，不同的标签用在不同的内容上，比如标题要放到标题标签里（h1..h6），段落的文字要放到 p 标签里，图片要用到 img 标签，一块内容可以用 div 标签包装一下。

学习 CSS，你要知道表示样式的属性，属性的值，怎么把样式应用到对应的地方。标题文字的大小、颜色，段与段之间的距离，图片的边框与阴影，一块内容的宽度与位置等等，这些都是由 CSS 控制的。

CSS 基础 CSS 选择器网格系统响应式网页设计

JavaScript

JavaScript 可以控制与处理网页上的元素，比如找到页面上的大标题，给它添加一个特别的样式。找到包含特定内容的链接，在它前面添加一个小图标。

JavaScript 可以根据网页上发生的事情去执行你指定的动作，比如页面加载以后，用户点击了按钮，鼠标放到某个元素上的时候，按下特定的按键，这些事情发生以后，你想做什么，这就需要用到 JavaScript。

你可以把要做的事情使用 JavaScript 的方式编辑成文件，嵌入到网页上，浏览器在显示网页的时候，会执行这些 JavaScript 文件。

CSS 基础 JavaScript 基础 jQuery 基础 Backbone 基础 Underscore 基础

CSS 预处理

现在你需要一种更好的写 CSS 样式的方法，就是使用 CSS 预处理语言。它可以让你用一种更灵活，有效的方法去写 CSS，比如使用变量表示可以重复使用的值，使用 Mixin 创建带参数的并且可以重复使用的样式块等等。你有两个选择，Sass 与 Less，它们的用法很像，学会其中的一个，就可以很容易学会另外一个。

Sass 基础