原文連結： 20 Useful Docs and Guides for Front-End Developers

看到上面的文章收集了許多前端開發參考資訊，覺得非常實用，故將重點整理如下：

在 Single Page Design 中，我們常會把落落長的頁面分成幾個區塊，然後在上方或側邊選單中以這些區塊的標題來做為選單項目。

在官方手上的有關開發 Laravel 4 套件的章節，內容其實寫得滿詳盡了。只是它缺少了有關單元測試的說明，以下我將介紹一些自己的做法和經驗。

這陣子為了公司的網站搞得自己焦頭爛額，其實自己很清楚在系統這個方面的涉獵並不深，但既然接了這個任務就得想辦法做好。

不過也因為不夠熟悉，讓系統出了很多問題。因此公司就請了我的好友 John 和他的師父來給我們一些系統層面的建議。這份筆記是主要是記錄我從他們口中所得到的心得，當然詳細的資訊還是需要花時間去研究與實作。而裡面有一些名詞是我沒有聽過的，所以可能記錯。

以下就是我個人覺得比較關鍵的部份：

前言

這篇主要是對 Web 技術的發展史做一個概略的介紹，讓大家對目前 Web 技術的演變能有初步的認知。

不過製作網站的技術很多，這裡我僅針對瀏覽器、 HTML 、 CSS 及 JavaScript 做粗略的演進說明，細節部份就請大家參考維基百科或其他更深入的資訊。

另外文章內容或多或少會帶有我個人的主觀意見，而我也儘可能透過網路上的資訊作查證，但一定會有錯誤及不足之處，還望大家能夠指正或補足。

這是工作筆記，介紹如何用 Imagick 製作出 CSS Sprites 。

時程一直是專案很難掌握的東西，尤其是上頭訂下一個尷尬的死線時。然後自己明知道不可為，但為了面子就只能勉強答應下來。

所以新網站在還沒完全測試後就上線了，只好邊看規格邊修 Bug 。

這時腦海裡突然浮現出一首歌的旋律，心有七七煙的我，就改出了以下的歌詞：

MVC 一直以來是初學者很難跨過的一個觀念障礙，因此前陣子，我便在 PHP 讀書會中分享了這個主題：深入淺出 MVC 。

這次的內容主要介紹了 MVC 與 MVP 的觀念，以及簡易的 PHP 及 JavaScript 實作，希望能讓大家對 MVC 有進一步的認識。

從幾年前開始接觸設計模式之後，一直覺得設計模式真的是太酷了！而這其間看了一些設計模式的書籍與文章，也實作了一些模式，深深覺得大師們的教導是對的。

但要到達大師所體悟的境界，以我目前的程度來說還差得很遠；所以就我個人所學的過程，我簡單整理出一句話，那就是：

找出模式，熟悉模式，模仿模式，忘掉模式，而後領悟模式。

重構對一般開發者來說，實在是一件吃力不討好的事情，更別說想要把程式以模式來重構了。

在這次的讀書會報告裡，我首次挑戰這樣的題目，為大家介紹如何將模式真正地應用到重構裡，也以實際的例子來展現重構與模式的威力。

當然以我個人的能力，還是有很多不盡理想之處；但還是希望透過這樣的介紹，讓大家對重構與模式有不一樣的看法。

因為在讀書會是用 Live Demo 來呈現重構的流程，所以可能在看投影片和範例時，會無法感受到重構與模式的魅力，這點要請大家多多包涵。

以下就是本次報告的投影片及範例：