Web开发经常会是非常复杂的事情。今天，针对初学者，我希望向你介绍26个概念和技术，每个都对应英文字母的一个字母。听起来很奇怪吧，那让我们开始吧。

A——AJAX

AJAX是异步JavaScript和XML的意思，它是近些年你使用的所有流畅的Web应用背后的主要驱动力。AJAX作为一项技术来说，使用已经很普遍了。Gmail，Flickr等，你甚至还可以在WordPress的管理员面板里找到它。那么它到底是什么以及它如何实现的呢？

说到底它的核心是XMLHttpRequest，这允许在页面完全渲染之后发送请求并接收返回，而无需关联页面其它部分。这意味着web程序不需要为每一个操作而刷新整个页面。这提供了非常流畅，动感的类似桌面应用的用户体验。

相关阅读

How to Make AJAX Requests With Raw Javascript

24 Best Practices for AJAX Implementations

Submit A Form Without Page Refresh using jQuery

B——Browser（浏览器）

浏览器是能理解你的网站或应用杰作的结构的东西。它不仅仅可以用来上网，现代的浏览器还是一个多任务的平台。比如我安装的，带有IRC，FTP和同步信息到每个设备的功能。你可能已经知道，浏览器及时宝贵的开发工具，又会带来很多麻烦。每个必须保证他们的作品在每个浏览器下都看起来很完美的开发者应该很能理解这个痛苦。

相关阅读

13 Ways to Browser Test and Validate Your Work

Top 5 Ways to Browser-Test your Website

9 Most Common IE Bugs and How to Fix Them

C——CSS

CSS是前端开发的一把利剑。CSS是层叠样式表单的缩写，它是一门可以定义网页如何显示的语言。在Web开发最恐怖的年代，开发者经常把样式代码写到HTML源代码中去。CSS则非常好地将样式从内容中分离出来。

相关阅读

The 30 CSS Selectors you Must Memorize

30 CSS Best Practices for Beginners

Understanding CSS Specificity

CSS: Noob to Ninja – The Complete Video Series

D——DOM

DOM是文档对象模型的缩写，这是与HTML或XML文档交互的公认的约定。DOM API提供了用程序遍历和操作文档的功能。“DOM为分析后的HTML文档创建了一个相符的层级结构。子元素叫做节点或DOM节点”。如果你听到人家谈论DOM，其实他们是在说DOM脚本。这以前是描述通过JavaScript访问和操作DOM的术语。这是大多数你现在看到的现代网站和应用背后的技术。

相关阅读

JavaScript and the DOM Series: Lesson 1

Javascript and the DOM: Lesson 2

The Dom is a Mess – Lecture by John Resig

E——Events（事件）

现代Web应用是深层事件驱动的。那么什么是事件呢？你在网页上做的大多数事情都组成一个事件。鼠标放在链接上，点击按钮，按下Tab键等都是有效的事件。事件处理指的是当某个事件发生时执行一段指定的代码。这也是你必须掌握的现代web开发背后的基本概念。

相关阅读

JavaScript from Null: Chapter 5 – Events

JavaScript Events from the Ground Up

JavaScript from Null: Cross-Browser Event Binding

JavaScript Event Delegation in 4 Minutes

F——Firebug

工欲善其事，必先利其器。Web开发者也一样。一个很强大的工具就是Firebug。Firebug是一个可以贯穿你的工作的firefox扩展。它让你在运行中编辑和监控一个页面的方方面面。这里不能详细说它的特性，所以点击下面的链接吧。

相关阅读

10 Reasons Why You Should Be Using Firebug

How to Theme any CMS Using Firebug

Firebug: White to Black Belt

G——Grid（网格）

网格是页面结构化的可视化框架。它从一度发达的印刷工业移植过来，网格是当前Web开发中必不可少的一部分。有很多CSS框架可以用来创建基于网格的布局，对于非常大数量的页面和布局需要高强度的练习。

相关阅读

A Detailed Look at the 960 CSS Framework

A Closer Look At the Blueprint CSS Framework

Crash Course: YUI Grids CSS

Mastering the 960 Grid System