/angular-development-with-primeng

Code samples from the book "Angular UI Development with PrimeNG"

Primary LanguageJavaScript

Angular UI Development with PrimeNG

Written by Oleg Varaksin and Sudheer Jonna. Powered by the dream team - Angular 4 and PrimeNG 4. 💫

Book on Packt's website: https://www.packtpub.com/web-development/learning-angular-ui-development-primeng

Table of Contents

  • Chapter 1, Getting Started with Angular and PrimeNG

    • TypeScript fundamentals you need to know
    • Advanced types, decorators, compiler options
    • Angular cheat sheet: overview of key concepts
    • Angular modularity and lifecycle hooks
    • Running PrimeNG with SystemJS
    • Setup PrimeNG project with Webpack
    • Setup PrimeNG project with Angular CLI
  • Chapter 2, Theming Concept and Layouts

    • Understanding structural and skinning CSS
    • Organize your project structure with Sass
    • Simple ways to create a new theme
    • Responsive grid system in PrimeNG
    • Bootstrap flexbox layout meets PrimeNG
  • Chapter 3, Enhanced Inputs and Selects

    • Formatted input with InputMask
    • Auto suggestion with AutoComplete
    • Entering multiple values with Chips
    • Discovering checkbox: Boolean, Many and TriState
    • Choosing items with single and multi select components
    • Basic and advanced calendar scenarios
    • Spinner and Slider – different ways to provide input
    • Text editing with rich and in-place editors
    • Password and star-based rating inputs
    • Validation with Input and Select components
  • Chapter 4, Button and Panel Components

    • Enhanced Button, RadioButton and SplitButton
    • Selecting value by ToggleButton and SelectButton
    • Grouping buttons with Toolbar
    • Arrange your view with Panels and Fieldsets
    • Vertical stacked panels with Accordion
    • Grouping content with tabs in TabView
  • Chapter 5, Data Iteration Components

    • Multi feature DataTable
    • Selecting rows in DataTable
    • Sorting, filtering and paginating data in DataTable
    • Customizing cell content with templating
    • Resizing, reordering and toggling columns in DataTable
    • In-cell editing with DataTable
    • Making DataTable responsive
    • Using column and row grouping
    • Handling tons of data with lazy DataTable
    • Row expansion by providing row template
    • Export data in CSV format
    • DataTable events and methods
    • Listing data with DataList
    • Listing data with PickList
    • Listing data with OrderList
    • Grid-organized data with DataGrid
    • On demand data loading with DataScroller
    • Visualizing data with Tree
    • Visualizing data with TreeTable
    • Managing events with Schedule
  • Chapter 6, Amazing Overlays and Messages

    • Displaying content in Dialog
    • Displaying content in Lightbox
    • Multipurpose scenarios with OverlayPanel
    • Notifying users with Messages and Growl
    • Tooltips for form components
  • Chapter 7, Endless Menu Variations

    • Statically and dynamically positioned menus
    • Creating programmatic menus by MenuModel
    • Accessing commands via Menubar
    • ContextMenu with nested items
    • SlideMenu – menu in the iPod style
    • TieredMenu – submenus in nested overlays
    • MegaMenu – the multicolumn menu
    • PanelMenu – hybrid of accordion and tree
    • TabMenu - menu items as tabs
    • Breadcrumb – providing contextual information about page hierarchy
  • Chapter 8, Creating Charts and Maps

    • Working with chart model
    • Data representation with line and bar charts
    • Data representation with pie and doughnut charts
    • Data representation with radar and polar area charts
    • Drawing organization chart for relationship hierarchy
    • Basic integration with Google Map API
    • Various use cases with GMap component
  • Chapter 9, Miscellaneous Use Cases and Best Practices

    • File uploading in all its glory
    • Learning Draggable and Droppable directives
    • Displaying collection of images with Galleria
    • CRUD sample implementation with DataTable
    • Deferring mechanism to optimize page loading
    • Blocking page pieces during long-running AJAX calls
    • Process status indicator in action
    • Selecting colors with ColorPicker
    • Displaying confirmation dialog with guarded routes
    • Implementing custom wizard component with Steps
    • Introduction to state management with @ngrx/store
  • Chapter 10, Creating Robust Applications

    • Setting up unit testing with Jasmine and Karma
    • Unit testing of Components and Services
    • Tip how to speed up unit testing
    • Setting up e2e test environment with Protractor
    • Writing automated UI tests at a glance
    • Exploring PrimeNG application with Augury and ng.probe

Additional Resources:

  1. The Angular's official internationalization support powered by PrimeNG components is explained in this blog post and the GitHub project is available here: https://github.com/sudheerj/angular-primeng-i18n
  2. The internationalization support for Angular and PrimeNG using ngx-translate is explained in this blog post and the GitHub project is available here: https://github.com/sudheerj/angular-primeng-ngxtranslate
  3. PrimeNG 4.1 RELEASE changes(new components, new features, bug fixes and improvements) are explained in this blog post and the GitHub project is avialable here: https://github.com/sudheerj/primeng-4.1
  4. The PrimeNG dataTable supporting JSON nested structure is explained in this blog post and the GitHub project is available here: https://github.com/sudheerj/Datatable-NestedJSON
  5. JHipster-PrimeNG module is explained in this blog post and the GitHub project is available here: https://github.com/sudheerj/generator-jhipster-primeng