程式人雜誌 -- 2013 年 8 月號 (開放公益出版品)

看影片學 Angular JS 互動式網頁框架

最近在網友分享的訊息中,注意到有越來越多人分享了 Angular JS 的相關內容,讓我開始好奇 這到底是什麼樣的技術呢?

Angular JS 是一個網頁前端的 JavaScript 函式庫框架,與 ExtJS、BackboneJS、EmberJS、KnockoutJS 等框架的定位類似,比較適合用來開發資料管理 CURD (新增:Create, 修改:Update, 查詢:Read, 刪除:Delete) 類型的程式。

AngularJS 是由 Google 維護,通常用在單一頁面應用 (single-page applications) 上,使用 MVC (Model-View-Controllers) 架構。

其運作原理是採用雙向資料綁定 (two-way data binding) 的方式,將前端與後端結合起來,在前端利用 「自定義標籤屬性」的 HTML 進行定義,而後端則透過樣板的方式進行溝通。

為了理解 Angular JS 到底是甚麼,我們從 Angular JS 的官網上找了一些影片,以便瞭解這個技術:

影片名稱 影片網址
AngularJS Hello World http://youtu.be/uFTFsKmkQnQ
AngularJS Fundamentals In 60-ish Minutes http://youtu.be/i9MHigUZKEM
Introduction to AngularJS http://youtu.be/k4qVkWh1EAo

以上的影片都是比較基礎級的,最簡單的是 AngularJS Hello World 這個只有 3 分 57 秒的影片中, 您可以從中很快的看到 Angular JS 的功能示範,然後再看後面兩個影片。

如果還不過癮、您也可以從 Angular JS 的官方頻道當中,看到許多 Angular JS 的相關教學影片,網址如下:

另外、下列網站中也有中文的 Angular JS 文章與教學 (不過也有些是英文的),閱讀中文的朋友可以參考看看:

筆者對 AngularJS 也還是一頭霧水,但是希望透過這篇文章的資源導引,讓對 AngularJS 有興趣的讀者可以找到 學習的起點。

參考文獻

【本文由陳鍾誠修改自維基百科】