Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AngularJS 開發 ASP.NET MVC -twMVC#9

twMVC
May 25, 2013

AngularJS 開發 ASP.NET MVC -twMVC#9

講者:Bibby http://bibby.be/ (現任MVP、Windows Phone 獨立開發者、twMVC核心講者)

簡介:還在用 jQuery 寫前端嗎?還在辛苦的操作 DOM 元素嗎?還在因為越來越複雜 JavaScript 難以維護而煩惱嗎?那您一定要瞧瞧 AngularJS 這一個 Client 端的 Framework,它由 Google 負責維護,雙向 Binding ,MVC 的架構,簡單直覺易使用的特性,可以讓您有系統的撰寫 JavaScript,本課程帶您認識 AngularJS 的核心觀念、關鍵技巧以及專案上可能遇到的一些問題,心動了嗎?趕快報名吧!

課程時間:70~90分鐘

http://mvc.tw

twMVC

May 25, 2013
Tweet

More Decks by twMVC

Other Decks in Technology

Transcript

  1. 18 18 功能 Data Binding Services Directives Views Controllers Models

    Factories Templates jqLite Testing Routing MVC/MVVM/MVX Validation Dependency Injection
  2. 19 功能 Data Binding Services Directives Views Controllers Models Factories

    Templates jqLite Testing Routing MVC/MVVM/MVX Validation Dependency Injection
  3.  第一步 21 怎麼開始 <html ng-app> or <script> var app

    = angular.module('app', [/* deps */]); angular.bootstrap(document, ['app']); </script>
  4.  什麼是 Directive  像一個 Html Tag  定義作用或作用域 

    想成 HTML 開外掛 25 Directives, Filters and Data Binding Html Tag 作用或作用域 Component
  5.  有哪些 Directives  官網 26 Directives, Filters and Data

    Binding ng-app ng-model ng-init ng-repeat ng-show ng-controller ng-click
  6. Routes  Single Page Application(SPA) Services  獨體模式(Singleton)  適合

    Controller 跟 Controller 的聯繫 Factories  任何想要模組共用的都可以丟到這裡 44 Modules, Routes and Services
  7.  回答  可以協同作業,不過可以角色互換一下,以 AngularJS 為主, 讓 AngularJS 架構模組化及雙向Binding,讓 jQuery

    來處 理特效等其它部分  不要再用 DOM 來操作頁面上的 Element 了  內建有 jsLite 可以操作 DOM  用 AngularJS 寫出來的 Code 是可測試性的  讓程式朝著對的方向前進 53 其他
  8. 回答  ASP.NET MVC 的 View 會越用越少 程式都會移到 AngularJS 來設計

     AJAX 越用越多,JSON 來 JSON 去,ASP.NET MVC 很 單純的變成資料供應者  很多的程式都被移到前端來處理了,前端的程式滿天飛, 需要有好的方式來管理前端撰寫 55 其他
  9. 回答  SEO  http://mvc.tw/000z  需要專業的人 不能再是跑龍套的角色  Debug

    訊息並不是每次都很明顯,有時要靠資質直覺 57 其他
  10.  Visual Stuido 2012 Intellisense  http://mvc.tw/000y  支援的瀏覽器 

    官方說法,保證支援現代化的瀏覽器  偵錯及效能工具 AngularJS Batarang  http://mvc.tw/0010 59 其他
  11.  官網 (英文) http://angularjs.org/  AngularJS 中文社區 (阿六仔) http://angularjs.cn/ 

    Youtube 官網教學 http://mvc.tw/0012  Dan Wahlin 教學影片 http://mvc.tw/0011  加入 Facebook 的 AngularJS.tw 社團 64 資源
  12.  Blog  http://bibby.be  Facebook  http://fb.me/bibbynet  Plurk

     http://www.plurk.com/bibbynet 66 聯絡我 Bibby Chung http://bibby.be