Web开发ABC.doc

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 mon 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 – plete 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应用是深层事件驱动的。那么什么是事件呢?你在