2016年7月11日 星期一

AngularJS - Note1 & 近況

這裡有一陣子沒有更新了,後來我把教學書上兩個遊戲(圍住貓 & 橫向卷軸移動跳躍)跟著書實作完。而五月初時我體驗到了VR(HTC Vive)很受感動,決定投入開發,加上一些機緣接觸到IOT的起點,就開始玩Arduino,這些過程我PO在另一個與友人的共同blog,內容比較多圖像、視覺跟實體互動,連結如下:

JB-Dummies:
https://jbdummies.wordpress.com/


然後我現在除了Maker的東西 (七月底要去上海參加Maker活動),同時也在自學AngularJS和HTML、JavaScript,Codecademy上面學習的流程設計真的很不錯,繼續GO~



AngularJS - Note1

AngularJS是一種JavaScript的framework,能用來開發彈性化、好管理的網頁App,需要一點JavaScript跟Html基礎。我在Codecademy上學,目前進度到Unit 2 (2/5) 的50%。


接下來程式碼示範的網頁如下圖所示:


我把裡面有關資料的三個檔案view拼在一起,從以下兩張圖對照看,左下是Html,左上是定義資料型別的規則,右邊是資料存放的地方。把三個東西拆開,就很方便做管理。

例如說,不管我想新增幾筆資料,在右方的檔案新增就好,如果我想移動顯示的位置,

修改左下方檔案的code就好。

“Directive是AngularJS中一個很像自訂標籤的東西,有很客製化的彈性可以設定要讀取的資料型態”
以上是我目前的理解,還在跟著段落code一點一點感受中... ^_^|||

在Directive裡面的7/8,我開始靈魂游離,覺得應該要再多看一點HTML的東西,這個章節結束後就開始吧= =

走完8/8,下面有個Directive的總結:
  • Directives are a powerful way to create self-contained, interactive components. Unlike jQuery which adds interactivity as a layer on top of HTML, AngularJS treats interactivity as a native component of HTML.

讓我們繼續 走下去。


沒有留言:

張貼留言