程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 更多關於編程 >> 10個技能讓你成為一位好的Web開發人員

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

編輯:更多關於編程

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

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

      正則表達式

      基本SEO

      不錯的Javascript庫

      跨浏覽器調試

      圖片處理和優化

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

      版權/基本網絡法規

      Apache rewrite

      調試軟件

      版本控制

      1. 正則表達式

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

      正則表達式 常用於字符串的解析。其最基礎的運用便是文本中字符的查找與替換了。而這看起來並不算什麼,正則表達式的多樣性是其真正強大的原因。往往可以通過很多方法來優化你的正則表達式,這也意味著你的應用程序的性能的大幅提升。 正則表達式適用於任何一種編程語言,像JavaScript的replace() ,PHP的 preg_replace(), Apache rewrites等等。 奇怪是的只有為數不多的web開發者認為正則表達式相當有用,如果你還沒有學習,那就准備好開始吧 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 更加整潔(只要你了解正則表達式)。你可以將難看的地址: 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很不錯.

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved