iT邦幫忙

DAY 2
0

AngularJS的學習歷程系列 第 2

一個不錯的 Angular學習課程- Shaping Up With Angularjs

  • 分享至 

  • xImage
  •  

今天就先來介紹一下一個由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做的哦


上一篇
認識 AngularJS -前言
下一篇
Udemy的AngulrJS付費課程- AngularJS JumpStart with Dan Wahlin
系列文
AngularJS的學習歷程4
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
卡斯
iT邦研究生 1 級 ‧ 2014-09-17 23:42:48

筆記

我要留言

立即登入留言