Learning Angular UI Development with PrimeNG

Sudheer Jonna, Oleg Varaksin

  • 出版商: Packt Publishing
  • 出版日期: 2017-07-26
  • 售價: $1,850
  • 貴賓價: 9.5$1,758
  • 語言: 英文
  • 頁數: 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應用程序創建出色的UI。

  • 熟悉實際應用程序中的主題、佈局和自定義。

  • 使用先進的工具和標準以及最佳實踐快速開發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編寫單元和端到端測試。