Learning Angular UI Development with PrimeNG
暫譯: 使用 PrimeNG 學習 Angular UI 開發

Sudheer Jonna, Oleg Varaksin

  • 出版商: Packt Publishing
  • 出版日期: 2017-07-26
  • 售價: $2,000
  • 貴賓價: 9.5$1,900
  • 語言: 英文
  • 頁數: 384
  • 裝訂: Paperback
  • ISBN: 1788299574
  • ISBN-13: 9781788299572
  • 相關分類: Angular使用者介面 UI
  • 海外代購書籍(需單獨結帳)

買這商品的人也買了...

相關主題

商品描述

Key Features

  • Detailed insights into PrimeNG concepts, components and features with examples to help you make excellent UIs for angular apps.
  • Get familiar with themes, layouts and customization in real world applications.
  • Develop Angular applications rapidly using advance tools and standards with best practices.

Book Description

PrimeNG is a leading UI component library for Angular applications with 80+ rich UI components. PrimeNG was a huge success in the Angular world, and very quickly. It is a rapidly evolving library that is aligned with the last Angular release. In comparison with competitors, PrimeNG was created with enterprise applications in mind. This book provides a head-start to help readers develop real-world, single-page applications using the popular development stack.

This book consists of 10 chapters and starts with a short introduction to single-page applications. TypeScript and Angular fundamentals are important first steps for subsequent PrimeNG topics. Later we discuss how to set up and configure a PrimeNG application in different ways as a kick-start. Once the environment is ready then it is time to learn PrimeNG development, starting from theming concepts and responsive layouts. Readers will learn enhanced input, select, button components followed by the various panels, data iteration, overlays, messages, and menu components. The validation of form elements will be covered too. An extra chapter demonstrates how to create map and chart components for real-world applications. Apart from built-in UI components and their features, the readers will learn how to customize components to meet their requirements.

Miscellaneous use cases are discussed in a separate chapter, including: file uploading, drag and drop, blocking page pieces during AJAX calls, CRUD sample implementations, and more. This chapter goes beyond common topics, implements a custom component, and discusses a popular state management with @ngrx/store. The final chapter describes unit and end-to-end testing. To make sure Angular and PrimeNG development are flawless, we explain full-fledged testing frameworks with systematic examples. Tips for speeding up unit testing and debugging Angular applications end this book.

The book is also focused on how to avoid some common pitfalls, and shows best practices with tips and tricks for efficient Angular and PrimeNG development. At the end of this book, the readers will know the ins and outs of how to use PrimeNG in Angular applications and will be ready to create real- world Angular applications using rich PrimeNG components.

What you will learn

  • Setup PrimeNG projects with SystemJS, Webpack, and Angular CLI.
  • Use theming concepts and layouts with grid systems and Bootstrap.
  • Work with enhanced input, select, button and panel components.
  • Apply countless DataTable features: sorting, filtering, grouping, and templating.
  • Meet data iteration components: DataList, DataGrid, Tree, and so on.
  • Build endless menu variations: SlideMenu, TieredMenu, MegaMenu, and so on.
  • Visualize your data representations with PrimeNG charts and GMap components.
  • Adopt best practices such as state management with @ngrx/store.
  • Write unit and end-to-end tests with Jasmine, Karma, and Protractor.

商品描述(中文翻譯)

#### 主要特點
- 詳細介紹 PrimeNG 的概念、組件和功能,並提供範例幫助您為 Angular 應用程式製作出色的使用者介面。
- 熟悉主題、佈局和在實際應用中的自訂。
- 使用先進的工具和標準,快速開發 Angular 應用程式,並遵循最佳實踐。

#### 書籍描述
PrimeNG 是一個領先的 Angular 應用程式 UI 組件庫,擁有 80 多個豐富的 UI 組件。PrimeNG 在 Angular 界取得了巨大的成功,並且速度非常快。這是一個快速發展的庫,與最新的 Angular 版本保持一致。與競爭對手相比,PrimeNG 是以企業應用為考量而創建的。本書提供了一個起步,幫助讀者使用流行的開發堆疊開發實際的單頁應用程式。

本書由 10 章組成,首先簡要介紹單頁應用程式。TypeScript 和 Angular 的基本知識是後續 PrimeNG 主題的重要第一步。接下來,我們將討論如何以不同方式設置和配置 PrimeNG 應用程式作為啟動。環境準備好後,就可以開始學習 PrimeNG 開發,從主題概念和響應式佈局開始。讀者將學習增強的輸入、選擇、按鈕組件,隨後是各種面板、數據迭代、覆蓋層、消息和菜單組件。表單元素的驗證也將涵蓋在內。一個額外的章節展示如何為實際應用程式創建地圖和圖表組件。除了內建的 UI 組件及其功能外,讀者還將學習如何自訂組件以滿足其需求。

在一個單獨的章節中討論了各種使用案例,包括:檔案上傳、拖放、在 AJAX 調用期間阻止頁面片段、CRUD 範例實現等。這一章超越了常見主題,實現了一個自訂組件,並討論了流行的狀態管理 @ngrx/store。最後一章描述了單元測試和端到端測試。為了確保 Angular 和 PrimeNG 開發的完美無瑕,我們解釋了完整的測試框架並提供系統範例。加速單元測試和調試 Angular 應用程式的技巧結束了本書。

本書還專注於如何避免一些常見的陷阱,並展示了高效的 Angular 和 PrimeNG 開發的最佳實踐及技巧。讀完本書後,讀者將了解如何在 Angular 應用程式中使用 PrimeNG 的所有細節,並準備好使用豐富的 PrimeNG 組件創建實際的 Angular 應用程式。

#### 您將學到的內容
- 使用 SystemJS、Webpack 和 Angular CLI 設置 PrimeNG 專案。
- 使用主題概念和佈局,搭配網格系統和 Bootstrap。
- 使用增強的輸入、選擇、按鈕和面板組件。
- 應用無數的 DataTable 功能:排序、過濾、分組和模板化。
- 瞭解數據迭代組件:DataList、DataGrid、Tree 等等。
- 建立無限的菜單變體:SlideMenu、TieredMenu、MegaMenu 等等。
- 使用 PrimeNG 圖表和 GMap 組件可視化您的數據表示。
- 採用最佳實踐,例如使用 @ngrx/store 進行狀態管理。
- 使用 Jasmine、Karma 和 Protractor 編寫單元測試和端到端測試。