Web开发ABC_HTML,ASP,JSP,PHP

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

　　A——AJAX

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

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

　　24 Best Practices for AJAX Implementations

　　Submit A Form Without Page Refresh using jQuery

　　B——Browser（浏览器）

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

　　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 Events from the Ground Up

　　JavaScript from Null: Cross-Browser Event Binding

　　JavaScript Event Delegation in 4 Minutes

　　F——Firebug

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

　　How to Theme any CMS Using Firebug

　　Firebug: White to Black Belt

　　G——Grid（网格）

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

　　A Closer Look At the Blueprint CSS Framework

　　Crash Course: YUI Grids CSS

　　Mastering the 960 Grid System

　　H——HTML

　　如果你现在在阅读这篇文章，你可能对它的概念有一些模糊的认识了。如果你被这个链接欺骗了，请继续阅读。顺便欢迎大家访问rockux，我们提供很多有关web开发的文章。HTML是超文本标记语言的缩写，是网页语言事实上的标准。HTML由几个组件或元素组成：标签，标签属性和标签中包含的内容。HTML标准的最新版本，HTML5，给我们带来了很多新特性，并解决了一些兼容性问题。

　　相关阅读

　　“HTML5 and You” Course

　　30 HTML Best Practices for Beginners

　　28 HTML5 Features, Tips, and Techniques you Must Know

　　The 10 HTML Tags Beginners Aren’t Using

　　I —— IE

　　呃，Internet Explore。这个名字唤起敬畏和愤怒。曾经它是一个英雄，带来了四个令人兴奋的新功能，推动了整个工业的向前发展，它也结束了浏览器停滞不前的历史。直到今天，它依然引领着前端开发者。经过十年的战争，IE的最后版本是9，它重新走向了正确的创新方向。不管你对IE的态度如何，它始终是Web开发过程逃脱不掉的。

　　相关阅读

　　The Things Internet Explorer Got Right

　　9 Most Common IE Bugs and How to Fix Them

　　Did Internet Explorer get the Box Model Right?

　　J —— JavaScript

　　JavaScript是基本web开发三件套中的最后一个成员。JavaScript，不是Java，是Web的脚本语言。有几十亿的网页在使用它，更重要的是网站支撑了这个说法。你通过JavaScript定义行为，管理事件，处理DOM并与服务器交互。归功于不可思议的类库的使用，如jQuery，对JavaScript的理解和知识逐年增长。我觉得可以很合适地说JavaScript是每个现代web开发者绝对必备的。

　　JavaScript from Null: Video Series

　　33 Developers you MUST Subscribe to as a JavaScript Junkie

　　K —— Keyword Optimization（关键词优化）

　　SEO只与Web开发有关系，但是即使是这样，web开发者掌握一些什么是SEO以及它能做什么之类的基本知识是非常重要的。关键词优化指的是为你的网站选择正确的关键词并且优化它们以使你的访客可以找到你的网站。而当你涉足所有SEO的原则时，记住：内容是王道。如果你拥有非常棒的SEO但是内容很差劲，用户可能会找到你但是很快就会离开。如果你有好的内容，用户会找到你并留下来。

　　相关阅读

　　The Only SEO Tools You’ll Ever Need

　　L —— Less

　　Less是一门带刺玫瑰式的样式语言。它们的网站描述到LESS扩展了CSS的动态行为，例如变量，混合类型，操作符和函数，我也倾向于赞成这种做法。LESS是CSS合成类固醇。是的它对于我来说听起来更好一些，但是你知道它是什么意思。它将动态语言的特性带到CSS中，因此使得样式表更加强大和容易管理。

　　相关阅读

　　How to Squeeze the Most out of LESS

　　You Need to Check out LESS.js

　　Never Type a Vendor Prefix Again

　　M —— MVC

　　模型视图控制模式，更为人所知的是MVC模式，是web开发中用得最多的模式之一。这是一个架构模式，它将web应用的每一部分分割到逻辑的大块以方便维护—— 模型处理数据，视图处理展现而控制器负责这两部分之间的数据流。

　　如果你使用现代web开发框架，你就使用了MVC。Ruby on Rails，Code Igniter和Zend Framework都使用这种模式。

　　相关阅读