[AngularJS]程序的演進與Angular

  • 936
  • 0
  • 2014-08-27

摘要:[Angular]程序的演進與Angular

文章內容出自:http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro

你需要知道什麼呢(What you need to know)?


  • 必須知道
  • Html & CSS
  • JavaScript
  • 知道會更好
  • Automated Testing
  • BDD-Behavior Driven Development
  • TDD-Test Driven Development
  • 不太重要
  • jQuery
  • Ruby on Rails
  • Python, PHP, etc
  • Databases


 

為什麼要學Agular(Why Angular)?


如果你正在使用JavaScript做為開發動態網站的語言,那Angular是一個好的選擇。

  • Angular 幫助你更好的組織JavaScript。
  • Angular 幫助你更快速的建立網站。
  • Angular 與 jQuery 的搭配非常的好。
  • Angular 的測試,是更容易的。


 

傳統的網頁更新方式(Tradintional Page-Refresh)


  • Response的傳輸整個頁面,而不能更新部分資料。
  • 前端事件觸發,回傳的Response 可能是一個新的連結。


 

使用 Angular的響應式網站?(Tradintional Page-Refresh)


  • Reruset 可以不用回到Server。(個人覺得:邏輯可以都在前台完成)
  • Response 是帶有json的資料。可攜帶更少的資料(需要的資料),來刷新頁某個部分的,比傳統方式更好(傳統是帶著整頁的資料,然後刷新整個頁面)。


 

潮流,API 驅動的應用程式 (Modern API-Driven Application)


  • 任何的前端皆可調用雲WebAPI。
  • 非常的靈活,且不拘於裝置。


 

Angular是什麼?(What is Angular JS)


互動式的Html,位於客戶端的JavaScript框架

  • 當觸發JavaSript時,要如何通知Html?


 

指令(Directives)


  • 這個指令是位於Html的標籤上的標記,這個標記告訴Angular 在哪個Html代碼區塊運行 及參考JavaScirpt的某段程式碼。




 

By-藍小伙