自動測試與 TDD 實務開發 - 上課心得 (上)

測試一直以來是很多開發者心中的痛,當被老闆問到:「你的程式碼是否都測試過了?」你是否能摸著自己的良心,並且拿出證據來說自己真的做過測試讓所有功能都符合需求了?我相信絕大多數的開發者這時一定都是面有難色,因為其實你不但騙了老闆,還騙了你自己。

從我自己開始研究測試後,其實一直覺得自己還是沒有真正把測試當成是開發的一部份,更別說坊間很多程式書籍和教學課程能把這兩者真真實實地融合在一起,傳授給廣大的開發人員。

這次正好有機會去聽 Joey (91 哥) 在 SkillTree 開的 TDD 課程,我心想這實在是太棒了! Joey 是業界在 TDD 領域相當有研究,而且也已經在實務上經過千錘百鍊的高手,如果能親眼見到他是如何把測試融入開發中的話,一定能大大提升自己的經驗值!

不過課程中精采的部份太多了,恕我無法一一介紹;而且我也不覺得我能在這篇心得中,表達出講師在實務面的深厚功力。以下就讓我來為大家介紹這個課程為什麼值得你去聽的心得。

閱讀全文

理解 Dependency Injection 實作原理

現代較新的 Web Framework 都強調自己有 Dependency Injection (以下簡稱 DI ) 的特色,只是很多人對它的運作原理還是一知半解。

所以接下來我將用一個簡單的範例,來為各位介紹在 PHP 中如何實現簡易的 DI 。

閱讀全文

整理一些常見的 PHP 錯誤

最近有數篇文章介紹了 PHP 開發者常見的錯誤,我順手整理如下:

閱讀全文

CSS3 動畫基礎

註:本文為作者發表於 OpenFoundry 之 CSS3 動畫基礎一文的備份。

在 JSConf.Asia 2013 , Lea Verou 介紹了 CSS in the 4th dimension (影片) ,引發了整個 Web 界對 CSS 動畫的期盼;在 CSS動畫簡介一文也已經把重點整理好了。

以下我們將會介紹主要兩個 CSS3 在動畫的屬性: Transition 與 Animation ,並配合實例來練習這些技術,後面我也會介紹一些不錯的相關開發工具。

閱讀全文

20 個實用的前端開發參考資訊整理

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

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

閱讀全文

ScrollSpy 簡介

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

閱讀全文

開發 Laravel 套件時的單元測試

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

閱讀全文

網站架構與部署策略筆記

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

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

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

閱讀全文

網站技術發展史

前言

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

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

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

閱讀全文

用 Imagick 建立 CSS Sprites

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

閱讀全文