10個技能讓你成為一位好的Web開發人員

　　我最喜歡web開發的一點是，它包括許多許多不同的技能。作為一個好的開發人員，一定要好好學習，天天向上，因為我們有很多重要的技能要學習，而且它們總是在不停的發生變化。

　　這裡我列出了其中最為重要的10個技能，它們有點傾向於前端開發，但總體上適合所有的開發人員：

　　Regex

　　基本SEO

　　不錯的Javascript庫

　　跨瀏覽器調試

　　圖片處理和最佳化

　　用有效HTML/CSS進行布局(不適用表)

　　著作權/基本網路法規

　　Apache rewrite

　　調試軟體

　　版本控制

　　1. Regex

　　Regex 常用於字串的解析。其最基礎的運用便是文本中字元的尋找與替換了。而這看起來並不算什麼，Regex的多樣性是其真正強大的原因。往往可以通過很多方法來最佳化你的Regex，這也意味著你的應用程式的效能的大幅提升。 Regex適用於任何一種程式設計語言，像JavaScript的replace() ，PHP的 preg_replace()， Apache rewrites等等。 奇怪是的只有為數不多的web開發人員認為Regex相當有用，如果你還沒有學習，那就準備好開始吧 learn regular expressions。

　　2. 基本的搜尋引擎最佳化

　　對於網路開發人員來說，瞭解搜尋引擎最佳化的基本資料是必須的。雖然你可以預留導向你用戶端的關鍵字，開發人員應該用有更合理的在頁面上安排這些關鍵字的策略。這意味著，在整理前端的標記，好好利用 《TITLE》、《META》、《h1》和《h2》標籤，同時在後端組織更加穩固的的連結和目錄結構。 我找到的學習SEO的最佳資源是 Beginner’s Guide to Search Engine Optimization 和 Search Engine Ranking Factors v2，二者都來自 SEOmoz。

　　3. 一個優秀的Javascript庫

　　即使你不太寫Javascript代碼，掌握一個優秀的Javascript庫也會帶來很大的協助。無論是jQuery(我的最愛)、 Mootools，還是其它什麼庫，都可以讓你的Javascript開發工作事半功倍。首先，這些庫都提供了跨瀏覽器的功能，使你可以直接上手，不需要再去管這方面的事情。而且，它們都提供了大量簡單的動畫，像在DOM中選擇節點這類工作變得易如反掌。 更大膽的Javascript程式員也許會想要接觸Javascript UI語言。以上說的幾種庫都有相關的外掛程式，但我個人推薦Dojo with Dijit。

　　4. 跨瀏覽器調試

　　為了讓網站被更多的人看到，顯然應該讓它支援所有主流瀏覽器(IE6、IE7、IE8、FF2、FF3、Safari 4和Opera 9)。每個人都很厭惡跨瀏覽器調試，但 最好的方式是預防，從有效HTML和良好的reset樣式表開始。就我來說，是使用* {magin:0; padding： 0}。不過，大家也可以使用其它更健壯的方式。 另外，還應瞭解某些瀏覽器的怪癖。最著名的當然是IE家族，特別是IE6(沒錯，一直是它，依然是它)。儘管大多數問題可以歸結為臭名昭著的 haslayout bug，但你不能依賴某些笨拙的方式來解決它，例如* {zoom： 1}。

　　5. 圖片處理和最佳化

　　儘管大多數程式員都是靠專業的設計師來設計圖片，但懂點Photoshop對程式員來說也很重要。掌握一些圖片處理技術之後，一些小修改就不需要再踢回給設計師，直接自己改了就是，而且，在修改設計時，你還會馬上知道是否可行。 圖片最佳化是Photoshop技能裡對web程式員最為重要的一項。圖片的大小往往是對頻寬最大的威脅，圖片最佳化直接關係到網站的載入時間。 Photoshop和Illustrator的「Save for Web」選項極大地簡化了圖片最佳化環節，大家只需要在PC上按下Ctrl-Alt-Shift-S或在Mac上按下Command-Alt-Shift- S即可進入這一嚮導。

　　6. 使用有效 HTML/CSS 進行頁面配置(而非表格)

　　我們需要重視：現在已經不是1996年了，即時是後端開發人員也應該知道如何寫好前端代碼，——使用有效 HTML 和 CSS——而非一堆表格。標記應當整潔，CSS 和其它類型的文檔應當同 HTML 分離，這樣，就不會有內聯樣式，特別是不會有 《font》 標籤。 初學者應當學學到 CSS 標籤 以及 CSS 盒子模型。然後學學 W3C規則，瞭解如何寫出合理的代碼 你寫的 HTML 應該符合 xHTML 規則;應該有著合理的嵌套、閉合且含有 alt 屬性資訊的圖片標籤等等。然後你可以去瞭解那些節點能夠嵌套在其它節點中，已經其它的複雜內容。最後，你會發現 w3c 的HTML標記驗證程式 不再報錯，這樣真的很爽。

　　7. 著作權/網路法規的基礎

　　雖然無需法學學位，但開發人員最好能夠對著作權和網路法規有基本的瞭解。 因為網頁從本質上來講，是一種出版物，而著作權則是網站最常見的法律問題。從使用者產生的盜取Flicker 圖片的內容到對紐約時報內容大段的引用，如果不想被起訴，或是收到投訴信件，你最好瞭解這些。當然，如果你想提起訴訟或是投遞投訴信，你也最好瞭解這些。 除了著作權法之外，簽訂註冊/使用主機託管或是軟體的協議時，你最好也好好看看隱私協議和 COPPA(美國兒童網路隱私保護法) 的規定。

　　8. Apache 重寫

　　Apache 的重寫功能使原本淩亂的 URL 更加整潔(只要你瞭解Regex)。你可以將難看的地址： index.php?section=about&page=bioand 重寫位更漂亮的：about/bio。 不僅限於規整 URL，使用 Apache 的 mod_rewrite 能夠很容易的將簡單的一個頁面變成包含路徑的完整應用。只需要將查詢的變數重寫為路徑即可。

　　同樣，你要注意： Apache 重寫也是出了名的不好調試。重寫規則無法包含任何調試資訊，且常常忽略你引用的其它方法的資訊。因此，重寫也會導致一些無法追蹤的錯誤。

　　9. 調試工具

　　一個好的調試器能讓你更快的進行網頁編程。 當進行前端調試時，我喜歡用 Firebug ，你可以點擊頁面上的元素，它將統計樣式表中的那些生效的設定。你可以添加或刪除樣式，同時也可以修改頁面。 Firebug 也可以用來調試 Javascript。作為 Javascript 的運行控制台，它能夠更好的組織錯誤資訊，顯示 fromconsole.log() 的輸出內容。最後，它還提供網路資訊，顯示頁面元素載入事件，以及那些無法載入，無法擷取的內容。 我不知道如何進行後端調試，不過我聽說 PHP 有個叫做 xDebug 的東東。

　　10. 版本控制

　　最後但很重要的一點， 一個好的程式員應該學會控制你的版本。版本控制不僅僅是對你工作的備份的一種途徑，而且也是你跟其他開發人員合作的重要方式。 我個人比較喜歡 distributed as opposed to centralized (分布式相對集中)版本控制的方式， 因為它有兩個不同層級的版本控制：你可以先將你的部分修改提交到本機存放區中心，之後將所有的更改推送到伺服器端儲存。這樣允許你在本地做一個小幅度不穩定的修改，然後將團隊中的更新集中提交。 如果採用分布式的版本控制我比較看好 Mercurial， 而如果是集中是的 Subversion很不錯.