工具與技巧

在了解了基本的 Angular 構建塊之后，您可以進一步了解可以幫助你開發(fā)和交付 Angular 應用的特性和工具。

• 參考“英雄指南”教程，了解如何將這些基本構建塊放在一起，來創(chuàng)建設計精良的應用。

• 查看詞匯表，了解 Angular 特有的術語和用法。

• 根據您的開發(fā)階段和感興趣的領域，使用該文檔更深入地學習某些關鍵特性。

應用架構

• 組件與模板一章中介紹了如何把組件中的應用數據與頁面顯示模板聯(lián)系起來，以創(chuàng)建一個完整的交互式應用。

• NgModules 一章中提供了關于 Angular 應用模塊化結構的深度信息。

• 路由與導航一章中提供了一些深度信息，教您如何構造出一個允許用戶導航到單頁面應用中不同視圖 的應用。

• 依賴注入一章提供了一些深度信息，教您如何讓每個組件類都可以獲取實現其功能所需的服務和對象。

響應式編程

“組件和模板”一章提供了模板語法的指南和詳細信息，用于在視圖中隨時隨地顯示組件數據，并從用戶那里收集輸入，以便做出響應。

其它頁面和章節(jié)則描述了 Angular 應用的一些基本編程技巧。

• 生命周期鉤子：通過實現生命周期鉤子接口，可以竊聽組件生命周期中的一些關鍵時刻 —— 從創(chuàng)建到銷毀。

• 可觀察對象（Observable）和事件處理：如何在組件和服務中使用可觀察對象來發(fā)布和訂閱任意類型的消息，比如用戶交互事件和異步操作結果。

• Angular 自定義元素：如何使用 Web Components 把組件打包成自定義元素，Web Components 是一種以框架無關的方式定義新 HTML 元素的 Web 標準。

• 表單：通過基于 HTML 的輸入驗證，來支持復雜的數據錄入場景。

• 動畫：使用 Angular 的動畫庫，您可以讓組件支持動畫行為，而不用深入了解動畫技術或 CSS。

“客戶端-服務器”交互

Angular 為單頁面應用提供了一個框架，其中的大多數邏輯和數據都留在客戶端。大多數應用仍然需要使用 HttpClient 來訪問服務器，以訪問和保存數據。對于某些平臺和應用，您可能還希望使用 PWA（漸進式 Web 應用）模型來改善用戶體驗。

• HTTP：與服務器通信，通過 HTTP 客戶端來獲取數據、保存數據，并調用服務端的動作。

• 服務器端渲染：Angular Universal 通過服務器端渲染（SSR）在服務器上生成靜態(tài)應用頁面。這允許您在服務器上運行 Angular 應用，以提高性能，并在移動設備和低功耗設備上快速顯示首屏，同時也方便了網頁抓取工具。

• Service Worker 和 PWA：使用 Service Worker 來減少對網絡的依賴，并顯著改善用戶體驗。

• Web worker：學習如何在后臺線程中運行 CPU 密集型的計算。

為開發(fā)周期提供支持

“開發(fā)工作流”部分描述了用于編譯、測試和部署 Angular 應用的工具和過程。

• CLI 命令參考手冊：Angular CLI 是一個命令行工具，可用于創(chuàng)建項目、生成應用和庫代碼，以及執(zhí)行各種持續(xù)開發(fā)任務，如測試、打包和部署。

• 編譯：Angular 為開發(fā)環(huán)境提供了 JIT（即時）編譯方式，為生產環(huán)境提供了 AOT（預先）編譯方式。

• 測試平臺：對應用的各個部件運行單元測試，讓它們好像在和 Angular 框架交互一樣。

• 部署：學習如何把 Angular 應用部署到遠端服務器上。

• 安全指南：學習 Angular 對常見 Web 應用的弱點和工具（比如跨站腳本攻擊）提供的內置防護措施。

• 國際化 ：借助 Angular 的國際化（i18n）工具，可以讓您的應用支持多語言環(huán)境。

• 無障礙性：讓所有用戶都能訪問您的應用。

文件結構、配置和依賴

• 工作區(qū)與文件結構：理解 Angular 工作區(qū)與項目文件夾的結構。

• 構建與運行：學習為項目定義不同的構建和代理服務器設置的配置方式，比如開發(fā)、預生產和生產。

• npm 包：Angular 框架、Angular CLI 和 Angular 應用中用到的組件都是用 npm 打包的，并通過 npm 注冊服務器進行發(fā)布。Angular CLI 會創(chuàng)建一個默認的 package.json 文件，它會指定一組初始的包，它們可以一起使用，共同支持很多常見的應用場景。

• TypeScript 配置：TypeScript 是 Angular 應用開發(fā)的主要語言。

• 瀏覽器支持：讓您的應用能和各種瀏覽器兼容。

擴展 Angular

• Angular 庫：學習如何使用和創(chuàng)建可復用的庫。

• 學習原理圖 ：學習如何自定義和擴展 CLI 的生成（generate）能力。

• CLI 構建器：學習如何自定義和擴展 CLI 的能力，讓它使用工具來執(zhí)行復雜任務，比如構建和測試應用。