ova2 / Angular Development With Primeng
Code samples from the book "Angular UI Development with PrimeNG"
Stars: ✭ 159
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to Angular Development With Primeng
Paper Kit 2 Angular
Free Bootstrap 4 UI Kit for Angular 2+
Stars: ✭ 133 (-16.35%)
Mutual labels: ui-components, angular2, angular4
Truly Ui
Truly-UI - Web Angular UI Components for Desktop Applications (Electron, NW, APP JS)
Stars: ✭ 195 (+22.64%)
Mutual labels: ui-components, angular2, angular4
Ng2 Pdfjs Viewer
An angular 8 component for PDFJS and ViewerJS (Supports angular 2/4/5/6/7)
Stars: ✭ 150 (-5.66%)
Mutual labels: angular2, angular4
Webapiclientgen
Strongly Typed Client API Generators generate strongly typed client APIs in C# .NET and in TypeScript for jQuery and Angular 2+ from ASP.NET Web API and .NET Core Web API
Stars: ✭ 134 (-15.72%)
Mutual labels: angular2, angular4
Coreui Free Bootstrap Admin Template
CoreUI is free bootstrap admin template
Stars: ✭ 11,038 (+6842.14%)
Mutual labels: angular2, angular4
Angular2 Crud Rest
Sample Angular (2.x and 4.x) app: CRUD example + routing
Stars: ✭ 152 (-4.4%)
Mutual labels: angular2, angular4
Ngx Openlayers
Angular2+ components for Openlayers 4.x
Stars: ✭ 131 (-17.61%)
Mutual labels: angular2, angular4
Angular2 Spring
Angular 2+ and Spring Integration
Stars: ✭ 133 (-16.35%)
Mutual labels: angular2, angular4
Ng2 Search Filter
Angular 2 / Angular 4 / Angular 5 custom pipe npm module to make a search filter on any input, 🔥 100K+ downloads
Stars: ✭ 137 (-13.84%)
Mutual labels: angular2, angular4
Ionic3 Components
A project full of ionic 3 components and samples - to make life easier :)
Stars: ✭ 1,689 (+962.26%)
Mutual labels: angular2, angular4
Amazing Time Picker
Timepicker (Clock Picker) for Angular 2, Angular 4 and Angular 5, Angular 6, Angular 7 - Compatible with Angular Material
Stars: ✭ 142 (-10.69%)
Mutual labels: angular2, angular4
Ngx Validators
Validator library for Angular 2+
Stars: ✭ 128 (-19.5%)
Mutual labels: angular2, angular4
Ng Gapi
ng-gapi a Google api module for Angular 6+
Stars: ✭ 126 (-20.75%)
Mutual labels: angular2, angular4
Fusebox Angular Universal Starter
Angular Universal seed project featuring Server-Side Rendering, @fuse-box bundling, material, firebase, Jest, Nightmare, and more
Stars: ✭ 132 (-16.98%)
Mutual labels: angular2, angular4
Ng2 Smart Table
Angular Smart Data Table component
Stars: ✭ 1,590 (+900%)
Mutual labels: angular2, angular4
Ng Simple Slideshow
A simple, responsive slideshow for Angular 4+.
Stars: ✭ 119 (-25.16%)
Mutual labels: angular2, angular4
Angular5 Iot Dashboard
Multipurpose dashboard admin for IoT softwares, remote control, user interface. Develop your client dashboards in Angular 5 with vast variety of components available.
Stars: ✭ 148 (-6.92%)
Mutual labels: angular2, angular4
Aspnetcore Angular Universal
ASP.NET Core & Angular Universal advanced starter - PWA w/ server-side rendering for SEO, Bootstrap, i18n internationalization, TypeScript, unit testing, WebAPI REST setup, SignalR, Swagger docs, and more! By @TrilonIO
Stars: ✭ 1,455 (+815.09%)
Mutual labels: angular2, angular4
Rebirth Ng
rebirth-ng is a ui framework for Angular & bootstrap.
Stars: ✭ 118 (-25.79%)
Mutual labels: angular2, angular4
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:
- 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
- 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
- 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
- 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
- JHipster-PrimeNG module is explained in this blog post and the GitHub project is available here: https://github.com/sudheerj/generator-jhipster-primeng
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].