Web前端开发的基本内容
这是一个看脸的时代，不论是WebPage还是WebAPP，后端的利索有趣更需要美观高效实用的前端来提高美好体验，比如沉浸阅读与响应式前端。
以下从概念与工具的角度罗列一下Web前端开发的基本内容。
Web前端开发是从WEB1.0时代的网页美工演变而来的，Web前端开发技术包括三个要素：HTML、CSS和JavaScript。在具体工作中，前端UI工程师（Front-end Engineer）通常又分成前端UI工程师（负责HTML+CSS）和前端JS工程师（负责JavaScript）。
HTTP，HyperText Transfer Protocol
HTML，Hypertext Marked Language
超文本标记语言，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML4.01 是常见的版本。
HTML5
万维网的核心语言、标准通用标记语言下的一个应用HTML的第五次重大修改。TML5的设计目的是为了在移动设备上支持多媒体。
XHTML，The Extensible HyperText Markup Language
在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。
XML，The Extensible Markup Language
可扩展标记语言，是一种用于标记电子文件使其具有结构性的标记语言。XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。
CSS，Cascading Style Sheets
层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
DIV
DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。
JavaScript
JavaScript是一种属于网络的直译式脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
jQuery
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
node.js
Node.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。
DOM，Document Object Model
文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口，定义了访问HTML和XML文档的标准。
DOM提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。
前端开发框架
前端开发框架是各种Web前端应用程序开发解决方案的叫法，早期的如Adobe Flex（Apache Flex）、Microsoft Silverlight、Yahoo! UI Library等。但前端开发的流派很多，各类开源方案更是五花八门，流行程度和工程寿命随时更新排位，需要根据前端工程师的知识基础、爱好以及工程需求确定。目前的前端开发框架通常是集成TML、CSS及JavaScript框架功能的一体化布置工具，以下简要介绍两款。
Sencha
Sencha是由Ext JS、jQTouch以及Raphael三个项目合并而成的一个开源项目。Sencha Touch是全球领先的应用程序开发框架，其设计旨在充分利用HTML5、CSS3 和Javascript来实现最高级别的功能、灵活性和优化。Sencha Touch是针对下一代具有触摸屏设备的跨平台框架。
Bootstrap
Bootstrap是最受欢迎的一组用于网站和网络应用程序开发的开源前端框架，包括HTML、CSS及JavaScript的框架，提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展，旨在使动态网页和Web应用的开发更加容易，用于开发响应式布局、移动设备优先的WEB项目。
Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton编写，本意是制作一套可以保持一致性的工具和框架。在Bootstrap之前，开发界面需要使用不同的代码库，这样很容易导致不一致的问题，从而增加了维护的负担。
下面引用@qiu-deqing推荐的Web前端开发基本开发工具（https://github.com/qiu-deqing/）
恰当的工具能有效提高学习效率，将重点放在知识本身，在出现问题时能快速定位并 解决问题，以下是个人觉得必备的前端开发工具：
文本编辑器：推荐Sublime Text，支持各种插件、主题、设置，使用方便
浏览器：推荐Google Chrome，更新快，对前端各种标准提供了非常好的支持
调试工具：推荐Chrome自带的Chrome develop tools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等
辅助工具：PhotoShop编辑图片、取色，fireworks量尺寸，AlloyDesigner对比尺寸，以上面提到的Chrome develop tools。
