【課程及會議】AngularJS 快樂春令營 持續六週圓滿結束

張貼者: 分類: 先傑電腦的願景_策略_執行_價值 評論

IMG_3208◆蔣工程師主動在公司開辦【課程及會議】AngularJS 快樂春令營 ,每周三18:00~17:00,持續六週於5/13圓滿結束,同仁自由參加本講座。

第一堂課進度

初階01->增加 module controller 在HTML 載入 angular
初階02->在HTML 使用 {{}}撰寫 expression
初階03->在HTML 使用 ng-model 雙向綁定資料
初階04->使用 ng-repeat 展開陣列
初階05->object attribute 撰寫 function ,在HTML 中使用 expression 進行呼叫

第二堂課進度

初階06->ng-change & ng-model-options 控制雙向綁定條件
初階07->ng-show & ng-hide & ng-if 顯示/隱藏 開啟 DOM 元素
初階08->http get json & ng-repeat 呼叫API 取得DATA LIST呈現資料

第三堂課進度

初階08-Bootstrap-> http get json ng-repeat & bootstrap GET JSON 資料 & CSS 外觀
初階09-> form & validation 表單驗證
初階09-Bootstrap-> form & validation & Bootstrap 表單驗證 & CSS 外觀

第四堂課進度

初階10->http get json & ng-repeat & ng-show 呼叫API 取得DATA LIST呈現資料
利用參數控制 ng-show 切換 編輯 | 清單 顯示
結合初階01~09所學 在單頁上撰寫CRUD

第五堂課進度

進階01->directive 自訂TAG 轉換HTML
進階02->directive 自訂TAG 轉換HTML & 資料 two way binding

第六堂課進度

Chrome DevTool 教學

1 Elements — 尋找DOM元素 & 編輯元素 & 編輯CSS
2 Sources — 編輯來源碼,儲存/恢復異動,另存LOCAL檔案
3 Console — 指令控制台

IMG_3014IMG_3213IMG_3575IMG_2662IMG_2673IMG_2863IMG_2872IMG_2883IMG_2884

Comments are closed.