Web開發ABC：初學者必知的26個概念和技術

A --- AJAX

    AJAX是異步JavaScript和XML的意思，它是近些年你使用的全部流暢的Web應用背後的主要驅動力。AJAX做爲一項技術來講，使用已經很廣泛了。Gmail，Flickr等，你甚至還能夠在WordPress的管理員面板裏找到它。那麼它究竟是什麼以及它如何實現的呢？ 說到底它的核心是XMLHttpRequest，這容許在頁面徹底渲染以後發送請求並接收返回，而無需關聯頁面其它部分。這意味着web程序不須要爲每個操做而刷新整個頁面。這提供了很是流暢，動感的相似桌面應用的用戶體驗。

B --- Browser

    瀏覽器是能理解你的網站或應用傑做的結構的東西。它不只僅能夠用來上網，現代的瀏覽器仍是一個多任務的平臺。好比我安裝的，帶有IRC，FTP和同步信息到每一個設備的功能。你可能已經知道，瀏覽器及時寶貴的開發工具，又會帶來不少麻煩。每一個必須保證他們的做品在每一個瀏覽器下都看起來很完美的開發者應該很能理解這個痛苦。

C --- CSS

    CSS是前端開發的一把利劍。CSS是層疊樣式表單的縮寫，它是一門能夠定義網頁如何顯示的語言。在Web開發最恐怖的年代，開發者常常把樣式代碼寫到HTML源代碼中去。CSS則很是好地將樣式從內容中分離出來。

D --- DOM

    DOM是文檔對象模型的縮寫，這是與HTML或XML文檔交互的公認的約定。DOM API提供了用程序遍歷和操做文檔的功能。「DOM爲分析後的HTML文檔建立了一個相符的層級結構。子元素叫作節點或DOM節點」。若是你聽到人家談論DOM，其實他們是在說DOM腳本。這之前是描述經過JavaScript訪問和操做DOM的術語。這是大多數你如今看到的現代網站和應用背後的技術。

E --- Events

    現代Web應用是深層事件驅動的。那麼什麼是事件呢?你在網頁上作的大多數事情都組成一個事件。鼠標放在連接上，點擊按鈕，按下Tab鍵等都是有效的事件。事件處理指的是當某個事件發生時執行一段指定的代碼。這也是你必須掌握的現代web開發背後的基本概念。

F --- Firebug

    工欲善其事，必先利其器。Web開發者也同樣。一個很強大的工具就是Firebug。Firebug是一個能夠貫穿你的工做的firefox擴展。它讓你在運行中編輯和監控一個頁面的方方面面。這裏不能詳細說它的特性，因此點擊下面的連接吧。

G --- Grid

    網格是頁面結構化的可視化框架。它從一度發達的印刷工業移植過來，網格是當前Web開發中必不可少的一部分。有不少CSS框架能夠用來建立基於網格的佈局，對於很是大數量的頁面和佈局須要高強度的練習。

H --- HTML

    若是你如今在閱讀這篇文章，你可能對它的概念有一些模糊的認識了。若是你被這個連接欺騙了，請繼續閱讀。順便歡迎你們訪問rockux，咱們提供不少有關web開發的文章。HTML是超文本標記語言的縮寫，是網頁語言事實上的標準。HTML由幾個組件或元素組成：標籤，標籤屬性和標籤中包含的內容。HTML標準的最新版本，HTML5，給咱們帶來了不少新特性，並解決了一些兼容性問題。

I --- IE

    呃，Internet Explore。這個名字喚起敬畏和憤怒。曾經它是一個英雄，帶來了四個使人興奮的新功能，推進了整個工業的向前發展，它也結束了瀏覽器停滯不前的歷史。直到今天，它依然引領着前端開發者。通過十年的戰爭，IE的最後版本是9，它從新走向了正確的創新方向。無論你對IE的態度如何，它始終是Web開發過程逃脫不掉的。

J --- JavaScript

    JavaScript是基本web開發三件套中的最後一個成員。JavaScript，不是Java，是Web的腳本語言。有幾十億的網頁在使用它，更重要的是網站支撐了這個說法。你經過JavaScript定義行爲，管理事件，處理DOM並與服務器交互。歸功於難以想象的類庫的使用，如jQuery，對JavaScript的理解和知識逐年增加。我以爲能夠很合適地說JavaScript是每一個現代web開發者絕對必備的。

K —— Keyword Optimization

    SEO只與Web開發有關係，可是即便是這樣，web開發者掌握一些什麼是SEO以及它能作什麼之類的基本知識是很是重要的。關鍵詞優化指的是爲你的網站選擇正確的關鍵詞而且優化它們以使你的訪客能夠找到你的網站。而當你涉足全部SEO的原則時，記住：內容是王道。若是你擁有很是棒的SEO可是內容不好勁，用戶可能會找到你可是很快就會離開。若是你有好的內容，用戶會找到你並留下來。

L --- Less

    Less是一門帶刺玫瑰式的樣式語言。它們的網站描述到LESS擴展了CSS的動態行爲，例如變量，混合類型，操做符和函數，我也傾向於同意這種作法。LESS是CSS合成類固醇。是的它對於我來講聽起來更好一些，可是你知道它是什麼意思。它將動態語言的特性帶到CSS中，所以使得樣式表更增強大和容易管理。

M --- MVC

    模型視圖控制模式，更爲人所知的是MVC模式，是web開發中用得最多的模式之一。這是一個架構模式，它將web應用的每一部分分割到邏輯的大塊以方便維護—— 模型處理數據，視圖處理展示而控制器負責這兩部分之間的數據流。

若是你使用現代web開發框架，你就使用了MVC。Ruby on Rails，Code Igniter和Zend Framework都使用這種模式。

N --- node.JS

    Node.js引領Web開發走進了一個新的時代。它使在很是快的VM(V8)引擎上運行JavaScript成爲可能。這個思考模式的轉移的結果可能不會立刻就顯現出來，可是過一段時間就會明顯展示出它的優點了。 驚人的速度以及管理成千上萬的併發IO事件是全世界JavaScript開發者主要的談論點。

O --- Object

    面向對象編程由於它的靈活性已經被編程社區普遍接受。使用OOP你能夠寫不多行的代碼，使得它更乾淨所以也更容易維護。可是究竟什麼是對象呢?很難用一兩句話去解釋清楚，看下面的連接吧。

P --- PHP

    PHP無疑是最流行的服務器端語言—— 它支撐着上百萬，多是幾十億的網頁和應用。 雖然面對一系列的更新的，爭論說更好的選擇來寫web應用程序，PHP不但生存下來了，並且來興旺繁榮起來。WordPress，Joomla，Drupal，MediaWiki都使用PHP做爲後端語言。一個主要的緣由是部署容易而且你相對容易找到支持PHP的主機。

Q --- Query

    在咱們文章中查詢能夠表明不少東西。查詢語言用於向外部系統獲取數據的接口。SQL是一個很好的例子，它從關係型數據庫中獲取信息。 另外一方面，查詢字符串是做爲URL一部分傳遞給web應用的一塊。這個數據多是用戶要訪問驗證ID或交易的頁面中的任何東西。查詢字符串被格式化爲鍵值對。

R --- Regular Expressions

    正則表達式提供一種靈活的方式來按指定的模式匹配文本中的字符串。它以一種特定的語言書寫，並有解釋器解析。全部現代語言都支持正則表達式。

S --- Source Control

    源碼控制是一個團隊開發過程當中流行的作法，不管他們關注哪個方面—— 任何領域的程序員都使用源碼控制。可是它究竟是什麼呢?簡單地說，源碼控制讓團隊開發人員在一個文件集合上工做，跟蹤並標識每一個成員的更改。每一個版本的代碼均可以合來比較，合併甚至是還原。

T --- TDD(測試驅動開發)

    這又是一個全部開發者中廣泛的元素。TDD是測試驅動開發的簡寫，指的是代碼和自動這個代碼的測試用例同時進行的過程。這移除了許多乏味的軟件測試而且鼓勵開發者更多的測試。

U --- Unit Testing(單元測試 )

    單元測試是一系列的TFF，小的代碼單元被測試以確保他們是可發佈的。然而單元測試常常與OPP中的方法有關，一般它意味着程序的中能夠獨立的測試最小單元。

V --- VIM

    VIM是一個很是極端的文本編輯器。Vim是免費，開源的，有無數的功能包能夠選擇。另外一方面，它的學習曲線幾乎是難以忍受的陡峭，若是沒有好的資源，你可能會很長一段時間會迷失。

W --- WordPress

    WordPress以最小的博客系統爲起點，可是它如今已經驚人地擴張了。它的可擴展性使得它被用做從CMS到電子商務系統等各類用途。它還擁有不少狂熱愛好者和追隨者，包括開發和設計人員，他們想把它作成你未來網站能夠依賴的可靠平臺。

X --- XSS

    XSS表示跨站腳本(Cross-site scripting)。這是當你建立網站時可能需到的衆多安全問題之一。XSS指的是加載帶有惡意腳本的易受攻擊的網站或程序，以提高權限或獲取敏感信息的行爲，一般是兩者都有。

Y --- YUI

    Yahoo用戶界面庫是一個JavaScript庫，它簡化了建立交互式網站就用的過程。與大多數現代的類庫同樣，它提供了DOM操做和當即可使用的AJAX。雖然沒有jQuery出名，YUI依然擁有很是龐大的用戶基礎，而且它一直在活躍的開發中。

Z --- Z index

    Z-Index是一個CSS屬性，它定義了一個元素在頁面上如何堆疊---它定義了一個元素離視口頂端有多近。數值大代表它將出如今數值小的元素的上面。然而這個屬性可能相對專業，當你建立widgets或更復雜的網頁設計時它馬上就會起做用。

更多請看：Web開發ABC：初學者必知的26個概念和技術