{"id":14973286,"url":"https://github.com/ova2/angular-development-with-primeng","last_synced_at":"2025-10-16T02:57:23.544Z","repository":{"id":57330352,"uuid":"83916854","full_name":"ova2/angular-development-with-primeng","owner":"ova2","description":"Code samples from the book \"Angular UI Development with PrimeNG\" ","archived":false,"fork":false,"pushed_at":"2017-12-16T20:19:23.000Z","size":40316,"stargazers_count":172,"open_issues_count":2,"forks_count":116,"subscribers_count":35,"default_branch":"master","last_synced_at":"2025-02-01T01:24:28.010Z","etag":null,"topics":["angular2","angular4","packtpub","primeng","setup-primeng","typescript","ui-components"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ova2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-04T18:53:07.000Z","updated_at":"2024-11-19T07:16:38.000Z","dependencies_parsed_at":"2022-09-21T02:02:50.839Z","dependency_job_id":null,"html_url":"https://github.com/ova2/angular-development-with-primeng","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ova2%2Fangular-development-with-primeng","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ova2%2Fangular-development-with-primeng/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ova2%2Fangular-development-with-primeng/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ova2%2Fangular-development-with-primeng/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ova2","download_url":"https://codeload.github.com/ova2/angular-development-with-primeng/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238418213,"owners_count":19468865,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular2","angular4","packtpub","primeng","setup-primeng","typescript","ui-components"],"created_at":"2024-09-24T13:48:29.498Z","updated_at":"2025-10-16T02:57:18.485Z","avatar_url":"https://github.com/ova2.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Angular UI Development with PrimeNG\n\nWritten by [Oleg Varaksin](https://github.com/ova2) and [Sudheer Jonna](https://github.com/sudheerj). Powered by the dream team - __Angular 4__ and __PrimeNG 4__. :dizzy:\n\n__Book on Packt's website:__ https://www.packtpub.com/web-development/learning-angular-ui-development-primeng\n\n__Table of Contents__\n\n* [Chapter 1, Getting Started with Angular and PrimeNG](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter1)\n  * TypeScript fundamentals you need to know\n  * Advanced types, decorators, compiler options\n  * Angular cheat sheet: overview of key concepts\n  * Angular modularity and lifecycle hooks\n  * Running PrimeNG with SystemJS\n  * Setup PrimeNG project with Webpack\n  * Setup PrimeNG project with Angular CLI\n  \n* [Chapter 2, Theming Concept and Layouts](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter2)\n  * Understanding structural and skinning CSS\n  * Organize your project structure with Sass\n  * Simple ways to create a new theme\n  * Responsive grid system in PrimeNG\n  * Bootstrap flexbox layout meets PrimeNG\n  \n* [Chapter 3, Enhanced Inputs and Selects](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter3)\n  * Formatted input with InputMask\n  * Auto suggestion with AutoComplete\n  * Entering multiple values with Chips\n  * Discovering checkbox: Boolean, Many and TriState\n  * Choosing items with single and multi select components\n  * Basic and advanced calendar scenarios\n  * Spinner and Slider – different ways to provide input\n  * Text editing with rich and in-place editors\n  * Password and star-based rating inputs\n  * Validation with Input and Select components\n  \n* [Chapter 4, Button and Panel Components](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter4)\n  * Enhanced Button, RadioButton and SplitButton\n  * Selecting value by ToggleButton and SelectButton\n  * Grouping buttons with Toolbar\n  * Arrange your view with Panels and Fieldsets\n  * Vertical stacked panels with Accordion\n  * Grouping content with tabs in TabView\n  \n* [Chapter 5, Data Iteration Components](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter5)\n  * Multi feature DataTable\n  * Selecting rows in DataTable\n  * Sorting, filtering and paginating data in DataTable\n  * Customizing cell content with templating\n  * Resizing, reordering and toggling columns in DataTable\n  * In-cell editing with DataTable\n  * Making DataTable responsive\n  * Using column and row grouping\n  * Handling tons of data with lazy DataTable\n  * Row expansion by providing row template\n  * Export data in CSV format\n  * DataTable events and methods\n  * Listing data with DataList\n  * Listing data with PickList\n  * Listing data with OrderList\n  * Grid-organized data with DataGrid\n  * On demand data loading with DataScroller\n  * Visualizing data with Tree\n  * Visualizing data with TreeTable\n  * Managing events with Schedule\n  \n* [Chapter 6, Amazing Overlays and Messages](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter6)\n  * Displaying content in Dialog\n  * Displaying content in Lightbox\n  * Multipurpose scenarios with OverlayPanel\n  * Notifying users with Messages and Growl\n  * Tooltips for form components\n  \n* [Chapter 7, Endless Menu Variations](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter7)\n  * Statically and dynamically positioned menus\n  * Creating programmatic menus by MenuModel\n  * Accessing commands via Menubar\n  * ContextMenu with nested items\n  * SlideMenu – menu in the iPod style\n  * TieredMenu – submenus in nested overlays\n  * MegaMenu – the multicolumn menu\n  * PanelMenu – hybrid of accordion and tree\n  * TabMenu - menu items as tabs\n  * Breadcrumb – providing contextual information about page hierarchy\n  \n* [Chapter 8, Creating Charts and Maps](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter8)\n  * Working with chart model\n  * Data representation with line and bar charts\n  * Data representation with pie and doughnut charts\n  * Data representation with radar and polar area charts\n  * Drawing organization chart for relationship hierarchy\n  * Basic integration with Google Map API\n  * Various use cases with GMap component\n  \n* [Chapter 9, Miscellaneous Use Cases and Best Practices](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter9)\n  * File uploading in all its glory\n  * Learning Draggable and Droppable directives\n  * Displaying collection of images with Galleria\n  * CRUD sample implementation with DataTable\n  * Deferring mechanism to optimize page loading\n  * Blocking page pieces during long-running AJAX calls\n  * Process status indicator in action\n  * Selecting colors with ColorPicker\n  * Displaying confirmation dialog with guarded routes\n  * Implementing custom wizard component with Steps\n  * Introduction to state management with @ngrx/store\n  \n* [Chapter 10, Creating Robust Applications](https://github.com/ova2/angular-development-with-primeng/tree/master/chapter10)\n  * Setting up unit testing with Jasmine and Karma\n  * Unit testing of Components and Services\n  * Tip how to speed up unit testing\n  * Setting up e2e test environment with Protractor\n  * Writing automated UI tests at a glance\n  * Exploring PrimeNG application with Augury and ng.probe\n\n__Additional Resources__:\n\n 1. The Angular's official internationalization support powered by PrimeNG components is explained in\n [this blog post](http://sudheerjonna.com/blog/2017/07/09/angulars-official-internationalizationi18n-support/)\n  and the GitHub project is available here: https://github.com/sudheerj/angular-primeng-i18n\n 2. The internationalization support for Angular and PrimeNG using __ngx-translate__ is explained in\n [this blog post](http://sudheerjonna.com/blog/2017/06/26/angular-and-primeng-internationalization-using-ng2-translate/)\n and the GitHub project is available here: https://github.com/sudheerj/angular-primeng-ngxtranslate\n 3. PrimeNG 4.1 RELEASE changes(new components, new features, bug fixes and improvements) are explained in\n [this blog post](http://sudheerjonna.com/blog/2017/06/26/whats-new-in-primeng-4-1-release//) and the GitHub project is avialable here: https://github.com/sudheerj/primeng-4.1\n 4. The PrimeNG dataTable supporting JSON nested structure is explained in\n  [this blog post](http://sudheerjonna.com/blog/2017/07/06/nested-json-structure-usage-with-primeng-datatable/)\n  and the GitHub project is available here: https://github.com/sudheerj/Datatable-NestedJSON\n  5. JHipster-PrimeNG module is explained in [this blog post](http://sudheerjonna.com/blog/2017/10/09/jhipster-meets-primeng-or-primeng-meets-jhipster/) and the GitHub project is available here:  https://github.com/sudheerj/generator-jhipster-primeng\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fova2%2Fangular-development-with-primeng","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fova2%2Fangular-development-with-primeng","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fova2%2Fangular-development-with-primeng/lists"}