Angularjs

Angularjs

• 1.
  John 2018.01.11 AngularJS 與React簡介
• 2.
  AngularJS != Angular •AngularJS • Angular
• 3.
  What is AngularJS • Javascript Framework • MVC架構 • 延伸 HTML 架構，透過 宣告式語法 (Directives Syntax) 賦予 HTML 額外功能 • Two-way Data Binding • 將程式碼（Code-behind）綁定在 DOM 元素上 • 關注點分離 • 以習慣取代配置
• 4.
  Why Angular JS •可以免除註冊大量的 Callback 函式 • 避免大量操作 DOM 物件 • 不用再從 UI 中擷取與資料處理
• 5.
  Live demo • https://github.com/wchampionjohn/angularjsDemo
• 6.
  AngularJS mixed JQuery •基本上是可以混用，但自己做自己的事
• 7.
  integration with rails •前端頁面複雜時可分成前後端分成兩個project • 簡端的專案直接將angularJS整進rails專案內
• 8.
  Why not AngularJsor Angular 2+ • Angular JS • 已經有點老 • 更新維護越來越慢 • 會越來越少新專案選擇AngularJS來當框架 • Angular 2 • Typescript • 大版號更新太快 • 太多自己擴充的功能
• 9.
  React • Facebook推出的javascript library •可搭配redux/flux架構 • 目前使用度最高的javascript library • 強大的社群力量 • 沒太多自己的東西 • 更貼近es6 es7
• 10.
  React with Redux •Redux is a predictable state container for JavaScript apps.
• 11.
  • 技術沒有好不 好，只有合不 合用