從A到Z來說說Web開發

作者: rockux  發布時間: 2011-03-30 13:29  閱讀: 847 次  推薦: 0   原文鏈接   [收藏]  
摘要：Web開發經常會是非常復雜的事情。今天，針對初學者，我希望向你介紹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或更復雜的網頁設計時它立刻就會起作用。
　　相關閱讀

　　我們講完了。希望你完整的看完了這些我收集起來的文章。 非常感謝閱讀！[English]

　　轉載請注明：
　　作者：RockUX–WEB前端
　　出自：Web開發ABC

0
0
 
標簽：Web
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄