WEB0001: 網頁設計 未來進化

網頁設計已由新科技轉為講求學問，因為網站設計知識已經普及。因此，人們會開始研究把網站設計技術不斷改良及開發，還須再進化。以下是一些建議，幫助你提升設計網頁的技術。
 
充分運用軟體框架
 
即使程式設計的功力已登峰造極，也應該善用網站開發框架。它提供一系列良好的實務做法以及程式庫，讓你不必浪費時間多此一舉，能夠心無旁騖的設計網站。此外還有模版、俐落的網址、整合管理、物件關聯等等。網頁設計框架讓你輕鬆管理程式，而且把可能產生的資訊安全網問題最小化，所以也許你該考慮好好運用它。
 
使用版本控制
 
版本控制系統顧名思義，就是讓你追蹤修改程式碼的過程、比較變動前後差異，與團隊成員協作。現時的網頁設計系統很容易上手。只需單一的 init 命令，就能把你的專案資料夾轉換成軟體套件庫。
 
重複利用程式碼
 
很多網頁開發者可能都有這樣的經驗：一整天浸泡在苦思程式的情境中，自我感覺生產力高昂，沒想到偶然花了 30 秒 Google 赫然發現一座程式庫裡頭早有你好不容易建構出來的程式碼。多此一舉是網頁開發者經常面臨的問題。優異開發者有個特徵是，在親自動手解決問題前，他們能夠搜尋程式庫看看是否已有解法，免得浪費時間。
 
養成自動化測試的好習慣
 
就算每次重新整理瀏覽器，網頁都順利運作，也千萬不要對自己的程式過度自信，意外永遠無法預料也令人措手不及。出色的網頁設計者理解，每次程式碼變動後都進行自動化測試，是避免狀況發生的唯一方法。網頁開發框架也許就有內建的測試工具，可以幫助你模擬使用者與網站互動的形式。
 
重視資安問題
 
CSRF、SQL 資料隱碼攻擊（SQL injection attack）、XSS、固定攻擊（session fixation）、MITM 攻擊這些常見的網路攻擊只是冰山一角，對資安有意識的開發者都該警覺。雖然網頁開發框架的作者才需要擔心這個議題，但你最好還是了解一下，並且知道如何降低威脅。
 
勤做註解
 
經驗豐富的開發者知道，「程式只寫一次，卻會讀很多次」的道理。這就是為何他們總費心為變數與函式命名，並且留下許多註解，就只為了程式碼改造為「好讀版」。每種程式語言都有約定成俗的註解區塊（doc blocks），亦即每個 class 或 method 前面出現的描述。有心的開發者甚至花時間在 wiki 頁面或其它文件中紀錄 app 的架構與其背後的技術決策。這種文檔對團隊合作貢獻不斐，畢竟成員來來去去，新人加入時若有清楚的注解可參考，才不用浪費時間瞎子摸象。
 
從零開始架設伺服器
 
身為一名網站開發者，擁有基本的管理技能能夠幫助你在這條路上走得長久。畢竟所有你建立的網站都是在網路伺服器上運作。理解這些事情，有助於你解除問題、設定開發環境，自己架伺服器還可以省錢。此外，這樣的技能也能運用在設置部署策略上，透過 FTP 上傳資料容易出錯也不安全。
 
掌握最新的程式庫與工具
 
網頁開發日新月異，每年都有重要的新程式庫、自動化工具、建構系統、CSS 框架、預處理器、甚至最終會編譯為 JavaScript 的新語言。如果自認是優秀的開發者，就應該隨時跟上新浪潮，而且樂於改變，但也不是隨波逐流，他們珍惜寶貴時間，視學習為投資。一個程式庫應當包含活躍且熱心的社群、良好的文件，以隨時跟上網站開發的最新趨勢。
 

每周定期更新 linCogN Blog