1. 程式人生 > >Angular 第一章 開始

Angular 第一章 開始

第一章 開始

JavaScript 開發應用程式是一個很大的挑戰。由於它的延展性和缺少型別檢查,在 JavaScript 中構建一個適當大小的應用程式是很困難的。除此之外,我們對所有型別的處理都使用JavaScript,例如使用者介面(UI)操作客戶端-伺服器互動和業務處理/驗證。因此,我們最終得到難以維護測試的複雜程式碼。

jQuery 等庫在處理各種瀏覽器各方面做得很好,提供簡潔的API,簡化使用難度,節約程式碼。然而,當代碼量很大時,比如專案比較複雜,這些庫缺少結構化的使用方式。

近年來,JavaScript已經出現了很多框架來管理這種複雜性。這些框架,包括早期版本的Angular

,使用一種被稱為ModelView-Controller設計模式,將應用程式的元素分離成更易於管理的部分。

這些框架的成功以及它們在開發人員社群中的流行已經證明了這一點建立使用此模式的價值。

然而,自 Angular 問世以來,Web 開發一直在不斷髮展變化,Angular 於2009年首次推出。

這個框架原名叫AngularJs,在版本2大改(最突出的改變的全面使用TypeScript)之後改名Angular,第N版以Angular N的形式命名。此專案有Google 維護。

然而,自2009年 Angular 首次引入以來,Web 開發一直在不斷髮展變化。JavaScript (ES2015)

TypeScript 都出現了。總之,它們提供了建立一個新的前瞻性框架的機會。這個新的框架帶來了一個新的設計模式——元件模式

本章致力於理解元件模式以及如何在使用Angular中構建一個簡單的應用程式時將其付諸實踐。

我們將在本章討論的主題如下:

  • Angular基礎: 我們將簡要介紹用於構建 Angular 應用程式的元件模式
  • 構建我們的第一個 Angular 應用:我們將構建一個小遊戲——猜猜數字!
  • 對一些 Angular 組成的介紹:我們將回顧一些Angular中使用的功能,比如插值表示式資料繫結語法
  • 變更檢測: 我們將討論如何在Angular應用中管理變更檢測
  • 工具和資源: 最後,我們將提供一些資源和工具,在Angular的開發和除錯過程中,它們將派上用場