今天就先來介紹一下一個由Google 和 Code School 合作的 AngularJS免費課程 - Shaping Up With Angularjs 。

Code School在線上學習課程是響噹噹的網站，雖然課程量不多，但是每個課程的品質都非常高，而且課程設計相當好，都是透過影片學習和實作測試的方式，來強化學習的效果，個人覺得是非常有用的學習方式。

而這次的影片是由AngularJS背後的老闆Google所贊助，等於是官方有加持啊。

課程介紹

進到課程頁面，就像下面這張圖，上面是介紹影片，左下方是五個等級的課程範圍，右邊則是課程相關訊息和挑戰過關的所取得的Bagde。

課程的內容有:

1. Flatlander's Gem Store - 基礎的概念介紹，以及打造一個商店互動介面專案的開始
2. Built-in Directives - 學習使用內建的指令
3. Forms - 學習表單互動
4. Custom Directives - 自訂的指令用法
5. Service - 透過service來學習遠端資料存取

我自己走過一遍下來，發現一個很特別的地方，從頭到尾都沒說到神奇的$scope，而是用JavaScript的概念去解說每一個動作。 $scope是Angular用來處理MVC中的Modle部份，有它很神奇的地方。但也因為神奇，背後遷涉一些比較複雜的概念，所以課程略過不談，我覺得也是有它的道理中，從JavaScript的原本概念來理解Angular，說不定進入的門檻更低。

課程介面

下面是它測試的介面。也許有人會擔心，英文的影片或測試會不會看不懂。其實不用擔心，基本上都不難理解，而且最棒的是，影片你可以一看再看，即使在做測驗時卡關也沒關係，一方面你作錯範錯時，它都會給提示，再來你也可以隨時回去翻影片或簡報(而且很佛心可以下載下來看)，即使這樣都卡住過不了，你每過一次關都會賺到一些點數，這些點數也可以用來買過關解答，讓你直接看答案。

我覺得最棒的部份，是透過互動的方式，即時寫code，即時知道對錯，錯了會有適當的回饋幫助你思索，也有充份的資源幫助你尋找解答，真的是很棒的課程。

過關啦

完成課程後，就可以拿到一張像這樣的完成Badge，雖然沒有實際作用，不過也是蠻爽的啦。

如果你會 JavaScript，而想要學習AngularJS，我相信這是一門很好的課。

ps.這個教學網站也是用AngularJS做的哦