Web開發(fā)ABC：初學(xué)者必知的26個(gè)概念和技術(shù)
A——AJAX
AJAX是異步JavaScript和XML的意思，它是近些年你使用的所有流暢的Web應(yīng)用背后的主要驅(qū)動(dòng)力。AJAX作為一項(xiàng)技術(shù)來說，使用已經(jīng)很普遍了。Gmail，F(xiàn)lickr等，你甚至還可以在WordPress的管理員面板里找到它。那么它到底是什么以及它如何實(shí)現(xiàn)的呢?
說到底它的核心是XMLHttpRequest，這允許在頁面完全渲染之后發(fā)送請求并接收返回，而無需關(guān)聯(lián)頁面其它部分。這意味著web程序不需要為每一個(gè)操作而刷新整個(gè)頁面。這提供了非常流暢，動(dòng)感的類似桌面應(yīng)用的用戶體驗(yàn)。
相關(guān)閱讀
用Dojo實(shí)現(xiàn)Ajax請求：XHR、跨域、及其他
盤點(diǎn)ASP.NET Ajax工具箱的10大頂級控件
B——Browser(瀏覽器)
瀏覽器是能理解你的網(wǎng)站或應(yīng)用杰作的結(jié)構(gòu)的東西。它不僅僅可以用來上網(wǎng)，現(xiàn)代的瀏覽器還是一個(gè)多任務(wù)的平臺(tái)。比如我安裝的，帶有IRC，F(xiàn)TP和同步信息到每個(gè)設(shè)備的功能。你可能已經(jīng)知道，瀏覽器及時(shí)寶貴的開發(fā)工具，又會(huì)帶來很多麻煩。每個(gè)必須保證他們的作品在每個(gè)瀏覽器下都看起來很完美的開發(fā)者應(yīng)該很能理解這個(gè)痛苦。
相關(guān)閱讀
微軟證實(shí)BROWSER協(xié)議中的系統(tǒng)漏洞
C——CSS
CSS是前端開發(fā)的一把利劍。CSS是層疊樣式表單的縮寫，它是一門可以定義網(wǎng)頁如何顯示的語言。在Web開發(fā)最恐怖的年代，開發(fā)者經(jīng)常把樣式代碼寫到HTML源代碼中去。CSS則非常好地將樣式從內(nèi)容中分離出來。
相關(guān)閱讀
20個(gè)HTML 5和CSS3的免費(fèi)網(wǎng)站模板與教程
D——DOM
DOM是文檔對象模型的縮寫，這是與HTML或XML文檔交互的公認(rèn)的約定。DOM API提供了用程序遍歷和操作文檔的功能。“DOM為分析后的HTML文檔創(chuàng)建了一個(gè)相符的層級結(jié)構(gòu)。子元素叫做節(jié)點(diǎn)或DOM節(jié)點(diǎn)”。如果你聽到人家談?wù)揇OM，其實(shí)他們是在說DOM腳本。這以前是描述通過JavaScript訪問和操作DOM的術(shù)語。這是大多數(shù)你現(xiàn)在看到的現(xiàn)代網(wǎng)站和應(yīng)用背后的技術(shù)。
相關(guān)閱讀
jQuery1.5的六大細(xì)節(jié)改進(jìn):DOM操作更簡單
JavaScript獲取HTML DOM節(jié)點(diǎn)元素詳解
大話HTML DOM與XML DOM的區(qū)別與聯(lián)系
E——Events(事件)
現(xiàn)代Web應(yīng)用是深層事件驅(qū)動(dòng)的。那么什么是事件呢?你在網(wǎng)頁上做的大多數(shù)事情都組成一個(gè)事件。鼠標(biāo)放在鏈接上，點(diǎn)擊按鈕，按下Tab鍵等都是有效的事件。事件處理指的是當(dāng)某個(gè)事件發(fā)生時(shí)執(zhí)行一段指定的代碼。這也是你必須掌握的現(xiàn)代web開發(fā)背后的基本概念。
相關(guān)閱讀
JavaScript from Null: Chapter 5 – Events(http://net.tutsplus.com/tutorials/javascript-ajax/javascript-from-null-chapter-5-events/)
F——Firebug
工欲善其事，必先利其器。Web開發(fā)者也一樣。一個(gè)很強(qiáng)大的工具就是Firebug。Firebug是一個(gè)可以貫穿你的工作的firefox擴(kuò)展。它讓你在運(yùn)行中編輯和監(jiān)控一個(gè)頁面的方方面面。這里不能詳細(xì)說它的特性，所以點(diǎn)擊下面的鏈接吧。
相關(guān)閱讀
Web開發(fā)者可能不知道的12個(gè)Firebug技巧
FirePHP：像Firebug那樣調(diào)試你的PHP代碼
G——Grid(網(wǎng)格)
網(wǎng)格是頁面結(jié)構(gòu)化的可視化框架。它從一度發(fā)達(dá)的印刷工業(yè)移植過來，網(wǎng)格是當(dāng)前Web開發(fā)中必不可少的一部分。有很多CSS框架可以用來創(chuàng)建基于網(wǎng)格的布局，對于非常大數(shù)量的頁面和布局需要高強(qiáng)度的練習(xí)。
相關(guān)閱讀
ASP.NET MVC 3 Beta初體驗(yàn)之WebGrid
ASP.NET DataGrid技巧：關(guān)鍵任務(wù)彈出確認(rèn)對話框
#p#
H——HTML
如果你現(xiàn)在在閱讀這篇文章，你可能對它的概念有一些模糊的認(rèn)識(shí)了。如果你被這個(gè)鏈接欺騙了，請繼續(xù)閱讀。順便歡迎大家訪問rockux，我們提供很多有關(guān)web開發(fā)的文章。HTML是超文本標(biāo)記語言的縮寫，是網(wǎng)頁語言事實(shí)上的標(biāo)準(zhǔn)。HTML由幾個(gè)組件或元素組成：標(biāo)簽，標(biāo)簽屬性和標(biāo)簽中包含的內(nèi)容。HTML標(biāo)準(zhǔn)的最新版本，HTML5，給我們帶來了很多新特性，并解決了一些兼容性問題。
相關(guān)閱讀
專題：HTML 5 下一代Web開發(fā)標(biāo)準(zhǔn)詳解
HTML 5聯(lián)手jQuery實(shí)現(xiàn)超酷圖像灰度漸變效果
10個(gè)國外開發(fā)的HTML 5精彩應(yīng)用
I —— IE
呃，Internet Explore。這個(gè)名字喚起敬畏和憤怒。曾經(jīng)它是一個(gè)英雄，帶來了四個(gè)令人興奮的新功能，推動(dòng)了整個(gè)工業(yè)的向前發(fā)展，它也結(jié)束了瀏覽器停滯不前的歷史。直到今天，它依然引領(lǐng)著前端開發(fā)者。經(jīng)過十年的戰(zhàn)爭，IE的最后版本是9，它重新走向了正確的創(chuàng)新方向。不管你對IE的態(tài)度如何，它始終是Web開發(fā)過程逃脫不掉的。
相關(guān)閱讀
J —— JavaScript
JavaScript是基本web開發(fā)三件套中的最后一個(gè)成員。JavaScript，不是Java，是Web的腳本語言。有幾十億的網(wǎng)頁在使用它，更重要的是網(wǎng)站支撐了這個(gè)說法。你通過JavaScript定義行為，管理事件，處理DOM并與服務(wù)器交互。歸功于不可思議的類庫的使用，如jQuery，對JavaScript的理解和知識(shí)逐年增長。我覺得可以很合適地說JavaScript是每個(gè)現(xiàn)代web開發(fā)者絕對必備的。
相關(guān)閱讀
專題：JavaScript學(xué)習(xí)筆記 有問有答
示例：JavaScript中的后續(xù)傳遞風(fēng)格
10個(gè)令人驚奇的HTML5和JavaScript效果
K —— Keyword Optimization(關(guān)鍵詞優(yōu)化)
SEO只與Web開發(fā)有關(guān)系，但是即使是這樣，web開發(fā)者掌握一些什么是SEO以及它能做什么之類的基本知識(shí)是非常重要的。關(guān)鍵詞優(yōu)化指的是為你的網(wǎng)站選擇正確的關(guān)鍵詞并且優(yōu)化它們以使你的訪客可以找到你的網(wǎng)站。而當(dāng)你涉足所有SEO的原則時(shí)，記住：內(nèi)容是王道。如果你擁有非常棒的SEO但是內(nèi)容很差勁，用戶可能會(huì)找到你但是很快就會(huì)離開。如果你有好的內(nèi)容，用戶會(huì)找到你并留下來。
相關(guān)閱讀
認(rèn)清SEO攻擊方式 防范網(wǎng)站被惡意攻擊黑掉
SEO實(shí)戰(zhàn)密碼--60天網(wǎng)站流量提高20倍
ASP.NET中利用HTTP報(bào)頭狀態(tài)碼實(shí)現(xiàn)SEO
L —— Less
Less是一門帶刺玫瑰式的樣式語言。它們的網(wǎng)站描述到LESS擴(kuò)展了CSS的動(dòng)態(tài)行為，例如變量，混合類型，操作符和函數(shù)，我也傾向于贊成這種做法。LESS是CSS合成類固醇。是的它對于我來說聽起來更好一些，但是你知道它是什么意思。它將動(dòng)態(tài)語言的特性帶到CSS中，因此使得樣式表更加強(qiáng)大和容易管理。
相關(guān)閱讀
How to Squeeze the Most out of LESS(http://net.tutsplus.com/tutorials/php/how-to-squeeze-the-most-out-of-less/)
M —— MVC
模型視圖控制模式，更為人所知的是MVC模式，是web開發(fā)中用得最多的模式之一。這是一個(gè)架構(gòu)模式，它將web應(yīng)用的每一部分分割到邏輯的大塊以方便維護(hù)—— 模型處理數(shù)據(jù)，視圖處理展現(xiàn)而控制器負(fù)責(zé)這兩部分之間的數(shù)據(jù)流。
如果你使用現(xiàn)代web開發(fā)框架，你就使用了MVC。Ruby on Rails，Code Igniter和Zend Framework都使用這種模式。
相關(guān)閱讀
專題：如何在ASP.NET MVC 2中使用jQuery UI控件
N —— node.JS
node.JS引領(lǐng)Web開發(fā)走進(jìn)了一個(gè)新的時(shí)代。它使在非?？斓腣M(V8)引擎上運(yùn)行JavaScript成為可能。這個(gè)思考模式的轉(zhuǎn)移的結(jié)果可能不會(huì)馬上就顯現(xiàn)出來，但是過一段時(shí)間就會(huì)明顯展現(xiàn)出它的優(yōu)勢了。
驚人的速度以及管理成千上萬的并發(fā)IO事件是全世界JavaScript開發(fā)者主要的談?wù)擖c(diǎn)。
相關(guān)閱讀
Learning Server-Side JavaScript with Node.js(http://net.tutsplus.com/tutorials/javascript-ajax/learning-serverside-javascript-with-node-js/)
O —— Object
面向?qū)ο缶幊桃驗(yàn)樗撵`活性已經(jīng)被編程社區(qū)廣泛接受。使用OOP你可以寫很少行的代碼，使得它更干凈因此也更容易維護(hù)。但是究竟什么是對象呢?很難用一兩句話去解釋清楚，看下面的鏈接吧。
相關(guān)閱讀
2月編程語言排行榜：Objective-C的詠嘆調(diào)
#p#
P —— PHP
PHP無疑是最流行的服務(wù)器端語言—— 它支撐著上百萬，可能是幾十億的網(wǎng)頁和應(yīng)用。
雖然面對一系列的更新的，爭論說更好的選擇來寫web應(yīng)用程序，PHP不但生存下來了，而且來興旺繁榮起來。WordPress，Joomla，Drupal，MediaWiki都使用PHP作為后端語言。一個(gè)主要的原因是部署容易并且你相對容易找到支持PHP的主機(jī)。
相關(guān)閱讀
10個(gè)免費(fèi)的PHP腳本資源下載網(wǎng)站推薦
PHP企業(yè)級應(yīng)用之常見緩存技術(shù)深入解讀
Q —— Query(查詢)
在我們文章中查詢可以代表很多東西。查詢語言用于向外部系統(tǒng)獲取數(shù)據(jù)的接口。SQL是一個(gè)很好的例子，它從關(guān)系型數(shù)據(jù)庫中獲取信息。
另一方面，查詢字符串是作為URL一部分傳遞給web應(yīng)用的一塊。這個(gè)數(shù)據(jù)可能是用戶要訪問驗(yàn)證ID或交易的頁面中的任何東西。查詢字符串被格式化為鍵值對。
相關(guān)閱讀
詳解MySQL limit查詢優(yōu)化的實(shí)際操作步驟
R —— Regular Expressions(正則表達(dá)式)
正則表達(dá)式提供一種靈活的方式來按指定的模式匹配文本中的字符串。它以一種特定的語言書寫，并有解釋器解析。所有現(xiàn)代語言都支持正則表達(dá)式。
相關(guān)閱讀
微軟發(fā)布SDL Regex Fuzzer正則表達(dá)式安全檢測工具
學(xué)習(xí)筆記 全面認(rèn)識(shí)Perl正則表達(dá)式
S —— Source Control(源碼控制)
源碼控制是一個(gè)團(tuán)隊(duì)開發(fā)過程中流行的做法，無論他們關(guān)注哪一個(gè)方面—— 任何領(lǐng)域的程序員都使用源碼控制。但是它到底是什么呢?簡單地說，源碼控制讓團(tuán)隊(duì)開發(fā)人員在一個(gè)文件集合上工作，跟蹤并標(biāo)識(shí)每個(gè)成員的更改。每個(gè)版本的代碼都可以合來比較，合并甚至是還原。
相關(guān)閱讀
Terminal, Git, and GitHub for the Rest of Us: Screencast(http://net.tutsplus.com/tutorials/tools-and-tips/terminal-git-and-github-for-the-rest-of-us-screencast/)
T —— TDD(測試驅(qū)動(dòng)開發(fā))
這又是一個(gè)所有開發(fā)者中普遍的元素。TDD是測試驅(qū)動(dòng)開發(fā)的簡寫，指的是代碼和自動(dòng)這個(gè)代碼的測試用例同時(shí)進(jìn)行的過程。這移除了許多乏味的軟件測試并且鼓勵(lì)開發(fā)者更多的測試。
相關(guān)閱讀
Clearwire LTE戰(zhàn)略從FDD向TDD轉(zhuǎn)移
Viual Studio 2010中的TDD開發(fā)初探
TDD/BDD會(huì)導(dǎo)致不完整的單元測試嗎？
U —— Unit Testing(單元測試)
單元測試是一系列的TFF，小的代碼單元被測試以確保他們是可發(fā)布的。然而單元測試經(jīng)常與OPP中的方法有關(guān)，通常它意味著程序的中可以獨(dú)立的測試最小單元。
相關(guān)閱讀
V —— VIM
VIM是一個(gè)非常極端的文本編輯器。Vim是免費(fèi)，開源的，有無數(shù)的功能包可以選擇。另一方面，它的學(xué)習(xí)曲線幾乎是難以忍受的陡峭，如果沒有好的資源，你可能會(huì)很長一段時(shí)間會(huì)迷失。點(diǎn)擊下面的鏈接查看為什么它值得你去投靠。
相關(guān)閱讀
#p#
W —— WordPress
WordPress以最小的博客系統(tǒng)為起點(diǎn)，但是它現(xiàn)在已經(jīng)驚人地?cái)U(kuò)張了。它的可擴(kuò)展性使得它被用作從CMS到電子商務(wù)系統(tǒng)等各種用途。它還擁有很多狂熱愛好者和追隨者，包括開發(fā)和設(shè)計(jì)人員，他們想把它做成你將來網(wǎng)站可以依賴的可靠平臺(tái)。
相關(guān)閱讀
BLOG啟示錄——WordPress博客建設(shè)與經(jīng)營
X —— XSS
XSS表示跨站腳本(Cross-site scripting)。這是當(dāng)你創(chuàng)建網(wǎng)站時(shí)可能需到的眾多安全問題之一。XSS指的是加載帶有惡意腳本的易受攻擊的網(wǎng)站或程序，以提升權(quán)限或獲取敏感信息的行為，通常是二者都有。
相關(guān)閱讀
Y —— YUI
Yahoo用戶界面庫是一個(gè)JavaScript庫，它簡化了創(chuàng)建交互式網(wǎng)站就用的過程。與大多數(shù)現(xiàn)代的類庫一樣，它提供了DOM操作和立即可以使用的AJAX。雖然沒有jQuery出名，YUI依然擁有非常龐大的用戶基礎(chǔ)，并且它一直在活躍的開發(fā)中。
相關(guān)閱讀
大師之間的論戰(zhàn) jQuery之父談YUI3差在哪
Z —— Z index
Z-Index是一個(gè)CSS屬性，它定義了一個(gè)元素在頁面上如何堆疊—— 它定義了一個(gè)元素離視口頂端有多近。數(shù)值大表明它將出現(xiàn)在數(shù)值小的元素的上面。然而這個(gè)屬性可能相對專業(yè)，當(dāng)你創(chuàng)建widgets或更復(fù)雜的網(wǎng)頁設(shè)計(jì)時(shí)它立刻就會(huì)起作用。
相關(guān)閱讀
我們講完了。希望你完整的看完了這些我收集起來的文章。 非常感謝閱讀!
【編輯推薦】
