基础入门

HTML 篇

准备就绪之后，开始学习，首先从 HTML 开始。

HTML名为「超文本标记语言」，是整个页面的结构基础，它承载了我们的页面内容。

1. 基础

w3school 在线教程：内容基础，适合小白学习，对 HTML 有一个入门了解。

2. 进阶

MDN HTML：内容质量更好，错误更少，内容更全面。
HTML和CSS编码规范：掌握一些代码技巧，写出更好，更高质量的代码。

CSS 篇

HTML 承载了页面的内容，但是有时候会略显单调与「丑陋」，CSS 的作用就是为这些内容加上样式，网页的内容也是需要穿上一件漂亮的外衣去吸引用户。而 CSS 则完成了这个装饰。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化.

1. 基础

CSS布局
CSS参考手册：对CSS可以有一个全面入门的学习。
w3school CSS 参考手册：同上也是非常基础的知识，适合入门。

2. 进阶

书籍
MDN CSS：和 HTML 都是 MDN 社区文档，质量保障。
HTML和CSS编码规范：写出更好，更高质量的代码。
大漠老师的CSS系列：实践经验。
大漠老师的SASS系列：sass 文章系列。
SASS中文网：成熟、稳定、强大的 CSS 扩展语言解析器，它可以让你使用变量，条件语句等书写 CSS。

知识点：

Flex 布局教程：语法篇：阮一峰老师的flex讲解。
Flex 布局教程：实例篇：阮一峰老师的flex讲解。
“CSS相关”目录存档：
CSS绘制的40种形状和图形：利用CSS绘制出的40各种图形形状。
CSS-大前端：CSS 的知识点。

JavaScript 篇（重点）

JavaScript是面向 Web 的编程语言，获得了所有网页浏览器的支持，是目前使用最广泛的脚本编程语言之一，也是网页设计和 Web 应用必须掌握的基本工具

有了 HTML 与 CSS，网页也就有了内容和样式，但是会缺少与用户的互动，所有的内容都静静的躺在那里死气沉沉。JavaScript使网页增加互动性。

1. 基础

必看书籍
《JavaScript权威指南 （第6版）》：俗称「犀牛书」，JS 的经典之作，提升JS技能的必备书籍
《JavaScript高级程序设计（第4版）》：俗称「红宝书」，JavaScript 超级畅销书

在线系列
JavaScript MDN教程：可以简单了解下，JavaScript 发展由来，有基础的入门教程
现代 Javascript 教程：非常全面的，从基础到高阶，非常详细，相信你会爱上它的。
廖雪峰的JavaScript教程：廖雪峰系列教程。
JavaScript 标准参考教程（alpha）：阮一峰老师的系列教程，通俗易懂，案例丰富。

2. 进阶

JavaScript 秘密花园：对 JS 一些的核心知识点进行梳理讲解，例如：this，闭包/作用域，构造函数，原型等等，都是面试必考知识点。
ECMAScript 6 入门：阮一峰老师ES6入门书籍，全面介绍 ECMAScript 6 新引入的语法特性。
JavaScript使用技巧：可以认识到一些你平时没有接触过的小技巧。
深入理解javascript原型和闭包系列：详细解释了原型和闭包，看完之后对原型与闭包让你彻底明白。
大漠老师的JavaScript系列：大漠老师的JavaScript系列文章。
学用 JavaScript 设计模式：阐述JavaScript编程语言中经典和现代的设计模式。
你不懂JS（系列丛书）

Jquery篇

jquery是基于JavaScript语言写出来的一个框架，
极大地简化了 JavaScript ，jquery代码比沉重的JavaScript轻灵多了，jquery设计的初衷就是要用更少的代码，漂亮的完成更多的功能。

jQuery API中文文档：JQuery 中文教程。

Ajax篇

掌握了的HTML、CSS、JavaScript时，这时候可以尝试自己做一些项目了，而项目中肯定会有数据的交互，这时候就是 Ajax 的用武之地了。

廖雪峰AJAX：廖雪峰大佬的博客知识。
XMLHttpRequest 对象：阮一峰老师的AJAX详解。